Activity 1


Students are to…

  • Understand and apply the artistic process of creating logos and corporate identities,
  • Experiment with Web Graphics and implement different file extensions,
  • Manipulate graphic file formats using a Vector based Imaging application,
  • Use the teacher video tutorials to support learning ,

Adobe Fireworks tools/features covered in Activity:

  • Toolbox
  • Properties
  • Shape tool
  • Saving vs exporting procedures
  • Transform, skew, rotate tool
  • Eyedropper tool
  • Text tool and Vector Text Paths
  • Layers
  • Blending modes

 What are Web Graphics?


Activity 1 Step By Step Instructions:

Get Adobe Flash player

Download PDF lesson: unit1 activity1


Download PDF version:  unit1 2D graphics

What is a Logo?


Download PDF versionunit1 logos


Students are to:

  • use the Pre-production phases of logo creation (2 marks),
    • brainstorm and research their names,
    • create thumbnail drawings
  • create 2 working compositions (8 marks),
    • apply colour theory and elements of design in logos,
  • create a refined final logo (5 marks),
    • save work in PNG and JPG format,
  • Post 2 digital working comps, 2 versions of final logo and a digital photograph of thumbnail drawings (5 marks)


Part 1:  For Digital Voices, you are asked to create a company logo and design a corporate identity for that company.  The following criteria outlines how this assignment will be organized (you will be given a rubric describing how the work will be marked):

STEP 1:  Required information

  • Create a Web Graphics Unit/Activity 1 subfolder on your thawed space.
  • Your corporate identity must incorporate an understanding of colour theory, incorporate the history of your name, your favourite colour, and something that best defines you, i.e., Steve never leaves home without his snazzy walking cane, therefore Steve will incorporate the cane into his logo.  You will need to create an effective ad for your advertising firm.  Get a sheet of paper and start recording as many ideas as possible.

STEP 2:  Brainstorming 

  • Using paper in your notebook list ideas, and at least 5 preliminary drawings of your LOGO.
  • Take a photo of your thumbnail Sketches and upload it to your Web Graphics Unit/Activity1 Folder as: FirstLastName_activity1TNails.jpg

STEP 3:  Working Compositions  

  • After you have worked on preliminary sketches and ideas based on the issues and objectives of Step 1, pair down these ideas to 2 workable “comps” which you will develop further. You will present these designs to the instructor to decide on the best choice.  These should be designed in Adobe Fireworks.

Canvas and saving Information:

  • Title:  firstlastname_logo
  • Size:  W – 600 X H – 600
  • Resolution: 72 Pixels/Inch
  • Mode: RGB
  • Contents: Transparent
  • Save as firstlastname_workingcomp1.png
  • Save as firstlastname_workingcomp2.png

STEP 4 :  Final Design  

Consult with an instructor and a peer about the logos.  Once a design strategy is decided upon you will need to create a refined logo.  These should be rendered using Adobe FIREWORKS.  Do not confuse your Logo with an advertisement.

  • Logoname – Your Name Media Design
  • Preferred Colours for the logo text or ” type ” – three colours
  • Preferred Font Style
  • Preferred Background colour: transparent
  • Preferred Graphic Symbol
  • create a Slogan or tagline to go along with the logo


  • Save as  firstlastname_finallogo.png (work file)
  • Save as firstlastname_finallogo.jpg (select all layers, flatten image first)

STEP 5:  Posting Your Work  

  • When students complete steps 1 through 5, your saved work must be submitted yout Web Graphics Unit/Activity 1 page
  • Upload and insert all 5 activity files into your page.   Place them order of thumnails, working comps and final logo,
  • Use captions to identify them,
  • Choose the correct files and upload (the thumbnail image, the 2 working comp file and the final logo files)



file created in tutorial


Useful tools:


You can unite two or more objects with it. Just drag the two objects onto each other (it helps if you select the same color for both shapes, this way you would see the final union), select both objects and go to the Modify menu, Combine Paths -> Union. This simple command alone creates rather complex shapes.


With intersect you can create a shape whose the result of the intersection of two or more shapes. Let me show you. You can do this the same way as with Union, select the two shapes and go to Modify -> Combine Paths -> Intersect. It also helps if you decrease the opacity of the topmost shape to see the final intersected result.


With punch you can cut a shape from another. Just go to Modify -> Combine Paths -> Punch. I use this command the most while I’m creating my shapes.


I rarely use this command, although it’s very powerful. It’s useful if we use more than two shapes. The main idea with crop is that it creates a hybrid intersection from the two circles underneath the rectangle. The rectangle is the topmost shape.

Vector Unit Activity 1 part 1 from Digital Voices on Vimeo.

vector U1 activity 2 part 2 from Digital Voices on Vimeo.