Designing a Logo

 

  1. Introduction
  2. Illustrator Intro
  3. Tutorials
  4. The Project
  5. Stage 1 Assignment Sheets
  6. Stage 2 Assignment Sheets

 

Please if someone could say thanks to Mr. B, and Ms F. on behalf of yourselves and me, it would be much appreciated.

Process:

  1. Determine how to work with Adobe Illustrator Software.
  2. Logo project.

 

Introduction

While it's obviously "just great" watching and listening to me explain software (I can tell by the way that some of you doze off), there are also some limitations to this general learning strategy:

    1. If you miss some of the material I deliver then it's difficult to go back over it again
    2. If you are away you miss the whole discussion and have to ask others what's going on
    3. I'm not nearly as professional as those working for the software companies involved, all of whom have a much better grip on their product than I have
    4. And finally (the big one)--you will eventually leave my class, times will change, software will change, and then you'll have to learn about how the next version works.

    ...to name a few. From what I can see, the biggest of these problems is the last. We are learning how to use the programs we need, but we are only scratching the surface, and clearly some of you will need to learn more later on. And the software will change. So how do we deal with this?

    Today most software companies are providing free training that is assembled by professionals, and that helps users learn how to take advantage of their software. Adobe has, with the "Illustrator" software package, done a great job of providing "Adobe T.V.": an online channel that shows you how to use their software. And they're the experts!! They know what they are talking about and they can spend much more time than I ever could, developing examples and explanations that help them explain how to use their product. So really, when you think about it, we should be letting them explain this stuff--we really need to learn how to learn this way.

    In the following discussion you will begin to learn how to use these tools by taking advantage of the tutorials found at Adobe. The learning situation you are in is somewhat different, but is also more realistic, in terms of what you can expect when learning how to use software in the future.

Learning Adobe Illustrator:

While programs like Photoshop and Fireworks can and do provide some basic vector graphic functionality, these programs are generally intended for working with pixel-based (raster) images. If graphic designers want to develop genuinely scalable graphics though, they will work with software intended to construct such artwork--programs like Adobe Illustrator.

Illustrator is a genuine vector-based, graphic editing environment. It is created for the purpose of constructing images that are assembled by layering assorted shapes, lines, and along with other graphic components.

To get started into our discussion of Illustrator, we'll first begin by learning what illustrator does. Here's an introduction that outlines what the program does and how it works.

 

Here are links to the basic tutorials for Adobe Illustrator that you will be responsible for. Complete the exercises described with the video links along with your "Photography Presentation" partner. You and your partner should be prepared to explain the ideas presented in any of the first four presentations over the next day or so (I will pick groups at random and all groups will describe one tool or collection of tools).

(Note: before you and your partner get going on this material, the two of you should create a folder that you can keep these examples in, and that later on, you can drop off with me so that we can then see them on the projector)

  1. Creating a Basic Document
  2. Brushes and BlobsCreate a one page example that you could use and an illustration of the difference between the brush and blob tool. Your example should contain, as the tutorial does, an example made with each and you should be ready to explain how the tool works.
  3. Working With Text Create an example that illustrate how text is created in Illustrator. Your examples should include two discreetly different typefaces, spaces, sizes and any other adjustments that you feel would be suitable to illustrate to the rest of the class.
  4. Point and Path Text Be prepared to create, in front of class, an example that illustrates the difference between "traditional text" and text that is mapped to a a path. Be prepared to explain what the relative advantage of these tools include.
  5. Filling and StrokesThe process of creating a fill and stroke is probably something that you are fairly familiar with from other programs. Create an example that allows you to illustrate the process of adding an additional stroke line (something that you can't do in programs like Word for instance). This will help others in the class see how Illustrator contains the basic tools, but then allows you to extend things a little further by doing things like adding a stroke to text etc.
  6. Scaling and Rotating Again the process here is one that some in the class will find familiar. The difference between scaling and rotating in Illustrator, and in other programs has to do with the level of control that using the scale and rotate tools offer relative to the sort of traditional "grab the corner of the box, and then increase or decrease the size of the thing" type approach. Create an example that you and your partner can use to illustrate the difference between these two approaches.
  7. Rashaping
  8. Reshaping, as outlined in this introduction, mostly just introduces the "direct selection" tool (as opposed to the selection tool). Be prepared to show the rest of class, using an example, what the difference is between these two tools and what each allows users to do.
  9. Using control Handles
  10. When viewing this video please make sure that you don't start and then say, as I did at first: "Oh...I know how these things work. Yes you probably do, but by the end of the video he has shown you some pretty sophisticated stuff that can be done with these handles, and of which you might not be aware. As a "demo" I would like you to be prepared to illustrate how some of this more advanced functionality works(How, for instance, you can shorten and lengthen the control handles....something that I didn't know about til I saw this).
  11. Working With Colour Gradients
  12. This is the tool that I have always had the most difficulty with in programs like Illustrator. For those of you that are familiar with the use of such gradient tools, again don't be fooled: watch this. This tool has changed dramatically relative to what you are used to and is probably much easier to use than the old versions of such tools (they used to drive me nuts and I could never figure out how to use them very well). So watch this one, create a shape, try out a couple of gradients (they are soooo much easier than before), and be prepared to illustrate how to add same in class.

Using Live Paint Definately a more sophisticated tool. I thought I would add this one in for those of you who are interested in acquiring a more sophisticated level of control when creating your drawings. If you're interested try this out and then create an example to show how it might be used in the context of creating a logo.

Using Kuler Colors Not a colour expert (like yours truly)? Want to take advantage of those that are? This is the tool for you. As we discussed when taking advantage of the CSS Templates site, one of the big differences between work that looks professional and work that doesn't has to do with the way that colour is used. If you want a "professional" looking logo, you will use a controlled pallette of colours that has been defined by professionals that know how to put colours together. Try this video out, and see how you can take advantage of good colour combinations developed by professionals. As a demon it would be great, as you create your logo, if you could illustrate how easy it is to try out different colour combinations using the Kuler panel.

    There are also other tutorials that explain some of the other functionality of Illustrator found at this site. And if you are interested in even more advanced material try this link(lots of stuff!!). While you do not need any of this material to complete the following, you may find some of it useful if there is anything in particular that you would like to do with the program.

 

Logo Project (Not Yet...let me explain this in class)

The tutorial found at this site, allows you to see a professional working through their modified version of the design process that we have been developing in class. In our photographic discussion, you will be developing, among other things, a logo that can be used to go along with the material that you develop in class. To do so we will:

  1. Work through the explanation that is described at this site, (comp quiz to follow) and then
  2. Develop a logo to go with the product that we are about to develop.

 

Logo Project Scenario

You are running a small graphics, layout organization that is looking to make it big. The Government of Canada has approached you as you seem to be representative of the demographic that they are trying to reach with the project that they are now launching. At they same time they have approached your major competitors...tough!!! But you're up to the challenge right. Here's the body of the letter that the mint has sent along to you:

Call For Submissions:

The Canadian Mint is trying to showcase the gorgeous artwork that many Young Canadians have in their hands almost every day but that, unfortunately, they don't pay much attention too, i.e. the art that appears on Canadian Currency. The Mint spends a significant amount of money each year on paying top notch Canadian Artists to create beautiful designs that reflect Canadian Culture and History, but unfortunately we are finding that many Young Canadians overlook this marvelous work, and in the process also overlook the celebration of Canadian Culture, Identity and History that Canadian Currency Teaches. We will be developing a campaign to raise awareness of "Canadian Currency Art" for this young audience over the coming months and will need a young, dynamic graphics firm to develop the materials to be included in this campaign. The competition for the position as the Canadian Currency Art Graphic Development agency will be divided into two discreet stages.

Stage 1

In the first of these stages we would like your graphics company to develop and submit a logo that could be used for this campaign. The Mint currently has a logo but the design of this logo was clearly developed for a broad audience of Canadians. The logo that you design will be clearly developed for an audience this is in its teens and early twenties. To develop your design you will have to:

Worksheet for creating this part of project.

  1. Provide us with an explanation of the thought process that went into the development of your design. Specifically, start by indicating the items that you wanto to include in your logo
  2. Provide an explanation/demonstration on paper of any process of abstraction that you use, and that yeilds your final design, and finally
  3. Provide the completed artwork (the material you develop should be created in Adobe Illustrator) for your final design. Your orgnization should submit three possible designs and a one-two paragraph explanation of which design you have created is most successful and why. The timeframe for this project will be Next Wednesday (May 12th)

 

 

Download Adobe Software Page

Human Resources Canada Jobs

HRC Category 5 Jobs (Related to TGJ)

Ontario Skills Passport Site

Our Lit Test Example

 

 

Getting Started

First: Here's the "Course Outline" discussed on day

Primary Rubrics Used In Course (Demonstrate Enduring Understandings...the big ideas you must demonstrate you understand and can use by the end of the course)

  1. Design Report Rubrics
  2. Final Product Rubric

 

Problem Solving Introduction

Cycle 1

To begin our trip through the design development process we will first discuss the difference between a client, producer and audience. We will then discuss what we need to find out from our client when we first begin to consider developing a project. We will then have our first client meeting with our "client": Mr. Jones as he explains the first product that we will develop. Then we'll work together to develop this product. more...

Cycle 2

The second design development cycle will include a discussion of digital photograph and Adobe Photoshop. Our discussion will begin with some basic technical knowledge needed to understand cameras and how they work. We will work our way through the design cycle again, this time constructing material that helps teach photographic composition and the elements of design. more....

Cycle 3

The third design development cycle materials.

Cycle 4

The fourth design development cycle materials.

Resources

In developing our projects all members of the class will find useful resources on the net that will help others in our class. As students e-mail addresses for these resources, I will post them in this section of our site.

Using Adobe InDesign

  1. Adobe's Master Help Page
  2. Setting up a Text frame
  3. Character Level Formatting
  4. Setting A Style (We Will Ultimately Do This)
  5. Adding Lots of Text (Not really needed for this project)
  6. Adding Images
  7. Wrapping Text Around Graphics
  8. Using the Text Wrap Tool
  9. Other Video Topics

Using Photoshop

  1. Adobe Photoshop Tutorial
  2. Adding and Cropping Screenshots in Word

Component Useful To The Web Portion of the Course

CSS Template Sites

Exam Prep

Core Concepts That Will Be Addressed