Logo Design

Need a Website? Contact Us Now!

This entry is part 7 of 14 in the series Fireworks CS5 Tutorial

Let’s begin by creating a logo. We will learn how to use the vector tools as well as the Text tool during this process. We will also learn how to use the color selection tool.

Clicking on the arrow below the rectangle tool you will find many premade shapes which you can use.

Logo Design

You can experiment with the various shapes and create a logo.

However for the purpose of this tutorial, we will use the Pen tool to create a shape like given below. Simply click at the different points and finally double click to join the two ends.

Logo Design

Making sure that the shape is still selected, select the fill color (color inside the shape) and stroke color (outline color) of your choice by clicking in the color selection box and then selecting the required color from the color palette that pops up (see below).

Logo Design

We now have a colored shape which looks like this:

Logo Design

Now let’s use the Text tool to create the logo text.

  • Click on the Text tool
  • Click next the logo shape where you want the text
  • Start typing your logo name

You will get something like this:

Logo Design

Now using the Properties Inspector, adjust the text font, size, fill color, stroke color etc.

Logo Design

You will get something like this:

Logo Design

For the purposes of this tutorial, we will consider that our logo has been designed, however you can continue to try out the various vector tools to create a logo that you are happy with.

Logo Design

You can experiment with the vector path tool as well to get smooth curves. If you have a byline, you can use the text tool to type it as well. You might some ideas from these logo design templates.

Using the pointer tool, select all the shapes and text together by drawing an outline around them and group them [ From the main menu select Modify > Group].

Logo Design

Now you can move the logo around easily without worrying about the different parts getting separated.

Series Navigation«Website Layout DesignMasthead Design»
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Posted in Fireworks | No Comments »

Post a Comment