GRAPHIC DESIGN & ILLUSTRATION

Three main things will be considered when evaluating a student’s design work:

 

Effort - visible in the work and/or demonstrated in class; spend quality time on your work!

Creativity - how original your work is

Following Directions - did you explore the assignment as given?

SUPPLY LIST FOR
GRAPHIC DESIGN & ILLUSTRATION

  • Pen /Pencil
  • 1 Subject Notebook
  • 2-inch 3-ring binder
  • 8GB Flash Drive

Class Syllabus|Rules

1st 6 Weeks

Technology Use

 

Students should have all devices on silent mode and put away when I am teaching. If you are doing independent work you may listen to music with one ear-bud in your ear.

 

GRADING POLICY

 

Student grades for this course will be calculated according to the following percentages:

  • 50% Major projects
  • 50% Small Projects / Practice Assignments
  • On time maximum credit: 100%
  • Late work maximum credit: 70% (10 points off per day late)

 

COURSE OBJECTIVES

 

As a result of taking this class, you should be able to:

Work professionally within a design team.

Identify numerous design careers which are available.

Evaluate designs (your work and others’) for audience, meaning, and effectiveness.

Use the elements and principles of design in a decisive fashion.

Plan a design project according to a client’s needs.

Build a design gradually using thumbnail sketches and mockups.

Create attractive layouts that communicate messages effectively.

Use color to communicate ideas to others.

Use typography effectively in a design.

 

In addition to the comprehensive objectives, you should be able to:

Use Adobe Illustrator to create illustrations, logos, and graphics.

Use Adobe Photoshop to edit photographs, create artistic imagery, and  create graphics.

Use Adobe InDesign to create publications such as advertisements and brochures.

 

How Do I Make Up Missing or Incomplete Work?

You are expected to keep up with lessons and projects in class. Keep track of course assignments and due dates at this website. Late or incomplete work can be turned in during the same six weeks for a reduced score of 10 points per day. If the work is late due to an excused absence, you will have one extra school day per day of excused absence to complete it without a reduction in grade.

Please let me know as soon as you have submitted a late assignment. Otherwise I will not know to look for it.

 

Open Lab - the lab is open at 8:00 am every morning for students to come in and work.

 

Design Room Rules

Refer to the Student Handbook for school-wide rules. We have design room rules too:

1. Don’t prevent me from teaching.

2. Don’t prevent others from learning.

3. Be safe.

4. Keep things clean.

 

What Do those 4 Rules Really Mean Day-to-Day?

Here are some examples to show you what I mean. These are examples. Use your common sense when interpreting these rules.

Don’t prevent me from teaching.

• Don’t speak while I am instructing the class.

• Raise your hand if you wish to speak, and wait for me to call on you.

• Don’t interrupt when I am giving personal attention to another student.

Don’t prevent others from learning.

• Don’t behave in a disruptive or distracting way.

• Don’t engage in lengthy off-topic conversations.

• Keep the volume of your voice down.

• No singing, rapping, or other disruptive noises.

Be safe.

• Don’t throw, toss, flick, or roll anything across the table, floor, or classroom.

• Don’t roll across the classroom in your chair.

• Use classroom materials in a safe manner.

• Don’t behave in any way that threatens harm to anyone or our equipment.

Keep things clean.

• Clean up after yourself so your station is ready for the next student.

• Return classroom materials to the proper storage place.

• Don’t eat messy things that can leave residue on the computers.

• Keep your language clean.

Professional Skills Grade

It is my job to help you develop positive work behaviors and personal qualities needed to be employable by demonstrating skills related to seeking employment , creating work samples and earning certifications. Each week you will earn a "professional skills grade" for your professional conduct in class by following the Design Room Rules and following the 4 Rules detailed above.

Week 1 - August 28 - September 1

Monday

  • Complete the "Who Am I" assignment, be sure to include a picture. (Your picture can be taken on the computer.)
  • Click on Tools --> Add Text to type your information
  • Press F4 on your keyboard and open Photo Booth to take your picture.
  • To put your picture in your document Tools --> Add Image --> Photos --> select your image
  • You can use the crop tool to crop your image, press RETURN when you are done.
  • Print your document to "B122-Dell3130-Color", staple and turn into the tray.

NOTE: if we can not log on to the computers you will do this on paper and add you picture later.

 

Please take your time and answer the following questions. Be sure to put a page header on your paper BEFORE printing.
NOTE: if we can not log on to the computers you will do this on paper.

  • Name
  • ID #
  • Class Period
  • Assignment Name: Background Info

  1. Why did you sign up for this class?
  2. What do you think this class is about?
  3. What are you hoping to learn in this class?
  4. What skills do you have already that you think will help you with this class?

 

Tuesday - Cool Careers: Graphic Designer & Multimedia Designer

 

Students will research career areas in design and/or print production and then will research the job/field of their choice & create an Adobe Spark over the information and present their research to the class.

The report will cover:

  • specific job description and qualifications, expected skill set, expected technical knowledge, necessary training,
  • the educational background needed (educational needs, cost, time (how long will the degree take), school options (where the programs are offered)(best schools for that program), loans)
  • certification/exams needed
  • experience needed

 

NOTE: You may collect websites containing specific job-related information and, if appropriate, link to them within their portfolios.

 

Career areas include (you are not limited to this list in your research):

  • Creative/art director
  • Print production manager or coordinator
  • Book designer
  • Book jacket designer
  • Layout artist
  • Logo designer
  • Brand identity designer
  • Illustrator
  • Photo editor/Photoshop artist
  • Photographer
  • Prepress technician

 

Presentations will be on Tuesday.

 

Wednesday thru Friday - Continue Research

 

Students will research career areas in design and/or print production and then will research the job/field of their choice & create an Adobe Spark over the information and present their research to the class.

The report will cover:

  • specific job description and qualifications, expected skill set, expected technical knowledge, necessary training,
  • the educational background needed (educational needs, cost, time (how long will the degree take), school options (where the programs are offered)(best schools for that program), loans)
  • certification/exams needed
  • experience needed

 

NOTE: You may collect websites containing specific job-related information and, if appropriate, link to them within their portfolios.

 

Career areas include (you are not limited to this list in your research):

 

  • Creative/art director
  • Print production manager or coordinator
  • Book designer
  • Book jacket designer
  • Layout artist
  • Logo designer
  • Brand identity designer
  • Illustrator
  • Photo editor/Photoshop artist
  • Photographer
  • Prepress technician

 

Presentations will be on Tuesday, September 5th. If you have not completed your Spark presentation you will need to finish it over the weekend.

 

Share your project and send me a link to your project debra.keller@nisd.net

 

Week 2 - September 5 - September 8

Monday - Career Presentations

Students will begin presenting their Adobe Spark presentations on a career in the field of graphic design.

 

Tuesday - Career Presentations

Students will continue presenting their Adobe Spark presentations on a career in the field of graphic design.

 

Wednesday - Helvetica Movie

OBJECTIVE - Learn about Typography and the classic font Helvetica

Today, we will start viewing the movie Helvetica. This is a documentary on the font Helvetica. As you have noticed, typography, the use of fonts, is  a very  important element to any design. Pay attention to how typography is used in this movie and the importance of typography.

 

Background information

a few useful definitions

  • font /typeface – These terms are often used interchangeably, but there is a difference. A font is a complete assortment of type in one size and style, such as 10-point Times New Roman. A typeface is a set of one or more fonts that have stylistic unity.
  • graphic design – This refers to a number of professional artistic disciplines that focus on visual communication through the use of typography, page layout, color, images, symbols and words to create a message or represent an idea.
  • grunge – Most commonly used in reference to the music scene in Seattle during the 1990s, grunge also became a style of graphic design. Unkempt, jumbled-looking, ragged, disheveled and chaotic, grunge was in part a response to modernism by designers looking for a more expressive, energetic style.
  • modernism – This is considered both a style and a way of thinking. It takes a “form follows function” approach, in which the design of an object is based purely on its purpose. Characteristics are clean lines, smooth surfaces, abstract motifs, and a lack of ornamentation or clutter.
  • serif / sans serif – A serif is a stroke or fine line projecting from the beginning or end of one of the main strokes of a letter. Sans serif is a style of type with no serifs.

 

Helvetica Facts

 

  • designer: Max Miedinger, working with Edüard Hoffmann, in 1957 for the Haas Type Foundry in Münchenstein, Switzerland
  • style: Sans serif
  • original name: Neue Haas Grotesk
  • derivation of name: Helvetia, the Latin name for Switzerland descriptors: clear; readable; straightforward; efficient; smooth; balanced; rational; modern; neutral; conformist; dull; safe; predictable; boring; ubiqui- tous; corporate; socialist

 

A PDF file (Helvetica_discussion_handout.pdf) has been provided for you with the following questions to answer while you watch the film:

  1. How does a typeface create a mood, feeling or image? Can you describe an occasion when you had a particular reaction to something in print, not because of the content, but because of the typeface?
  2. In HELVETICA, design writer Richard Poynor says, “The designer has an enormous responsibility” as the person who is “putting wires into our heads.” What does he mean? How would you define that responsibility?
  3. Think of the font you most commonly use when working on your computer. Which one is it and why do you use that one?
  4. American designer David Carson says, “Don’t confuse legibility with communication.” What does he mean? What’s the difference between them?
  5. How is design an expression of the times? How does politics affect the art of design?
  6. What is your reaction to the grunge style of type and design? Why do you think you respond to it that way?
  7. Imagine that the post office, your local bank or other government or corporate entity whose signage is familiar to you started using a different typeface. How would that change their image or your feeling about that business or organization?
  8. What might you take away from this film in terms of possible effects on your work or other aspects of your daily life?
  9. What changes, if  any, has this film made in how you think about print and graphic design?

 

 

Week 3 - September 11 - September 15

Monday, &  Tuesday - Elements of Art and Principles of Design

Complete the Elements of Art/Principles of Design Poster

Using Adobe Illustrator, you will combine images and text definitions into two separate posters:

1. Elements of Art – Shape, Line, Form, Value, Color, Texture, Space [example]

2. Principles of Design – Contrast, Balance, Movement, Emphasis, Pattern, Rhythm, Variety, Unity [examples]

• You will create your artwork on an 11" x 17" (tabloid/portrait) file in Adobe Illustrator; you will place images and add text

• You will organize information (images and corresponding definitions of the Elements/Principles) in a visually striking way while creating two separate posters. By creating the posters, you will gain an understanding of the Elements/Principles while simultaneously applying the concepts to your poster.

• When creating the posters, you can either scan or place your images digitally, to accompany the typed definition of each term. You are encouraged to use the space on the page in a creative way; you are not limited to just organizing terms/images into columns or rows, but are encouraged to explore the space on the page. Additionally, you are also encouraged to find interesting ways to have your text and images interact. For example, the term/image for 'emphasis' uses a spiral design to write the words in a visually interesting way.

3. You will turn your files in electronically to the TurnIn folder for your class period with the following naming convention: LastnameF_Art, LastnameF_Design. (Example: KellerD_Art, KellerD_Design)

4.  Due date: Tuesday, September 12th.

Remember to turn in your Self-Assessment Rubric as well, be sure your name and class period are on it.

(adapted from curriculum provided by http://www.cteonline.org/)

 

 

Wednesday - Working with Type in Adobe Illustrator

 

Watch the following videos and then completed the following assignments:

  • TypographyAssignment1.ai     File --> Save As --> LastnameF_TypographyAssignment1.ai
  • TypographyAssignment2.ai     File --> Save As --> LastnameF_TypographyAssignment2.ai
  • TypographyAssignment3.ai     File--> Save As --> LastnameF_TypographyAssignment3.ai

 

The starter files can be found in the Graphic Design & Illustration Assignments folder on Warren _Photo.

  1. On the Desktop double-click on Warren_Photo --> double-click on Assignments --> double-click on Graphic Design & Illustration.
  2. Choose File --> Save As, click on the Documents folder and find your folder and double-click, then click Save. (be sure to name the file as referenced above)
  3. You will print these documents and staple them together, in order,  and turn into the try when you are finished. REMEMBER to put your name on the top page.

 

 

 

 

 

 

Thursday - Create a Word Mark in Adobe Illustrator

 

Designing a Word Mark - a wordmark is a logo without pictures. Review the pdf file to get some ideas for designing a word mark (click the Designing a Word Mark link).

 

  1. You will create an initial mark with your initials.
    • Create a new Adobe Illustrator document. (File -->New)
    • Name: LastnameF_InitialMark.ai
    • Format For:  B122-HP750-Color
    • Paper Size: Letter (8.5 x 11)
    • Orientation: Landscape
    • Turn in completed design to the TurnIn folder electronically and print a hard copy to turn in to the tray for your class period, be sure to type your name on it before printing.
  2. You will create a word mark for "Warren Warriors"
    • Create a new Adobe Illustrator document. (File -->New)
    • Name: LastnameF_WordMark.ai
    • Format For:  B122-HP750-Color
    • Paper Size: Letter (8.5 x 11)
    • Orientation: Landscape
    • Turn in completed design to the TurnIn folder electronically and print a hard copy to turn in to the tray for your class period, be sure to type your name on it before printing.

 

Friday - Continue working on a Initial & Word Mark in Adobe Illustrator

 

 

Week 4 - September 18 - September 22

Monday & Tuesday - Create an Initial Mark in Adobe Illustrator

 

Designing a Word Mark - a wordmark is a logo without pictures. Review the pdf file to get some ideas for designing a word mark (click the Designing a Word Mark link).

 

  1. You will create an initial mark with your initials.
    • Create a new Adobe Illustrator document. (File -->New)
    • Name: LastnameF_InitialMark.ai
    • Format For:  B122-HP750-Color
    • Paper Size: Letter (8.5 x 11)
    • Orientation: Landscape
    • Turn in completed design to the TurnIn folder electronically and print a hard copy to turn in to the tray for your class period, be sure to type your name on it before printing.
    • Due Tuesday

 

 

An Example of Designing a Initial Mark

 

Wednesday & Thursday - Create a Word Mark in Adobe Illustrator

  1. You will create a word mark for "Warren Warriors"
    • Create a new Adobe Illustrator document. (File -->New)
    • Name: LastnameF_WordMark.ai
    • Format For:  B122-HP750-Color
    • Paper Size: Letter (8.5 x 11)
    • Orientation: Landscape
    • Turn in completed design to the TurnIn folder electronically and print a hard copy to turn in to the tray for your class period, be sure to type your name on it before printing.
    • Due Thursday

 

 

Friday -  Adobe Illustrator Practice

 

Step through the following tutorials -- be sure to click on Get Files to download the files you will need for the exercise.

 

Create and edit shapes - Learn the basics of creating and editing shapes in Adobe Illustrator CC, including how to draw combine, and trace shapes.

 

Transform and edit artwork - Learn the basics of transforming and editing artwork in Adobe Illustrator CC, including resizing artwork, using groups, aligning objects, and more.

 

Create with drawing tools - Learn the basics of using the drawing tools in Adobe Illustrator CC, including how to use the Pencil and Curvature tools, how to edit paths, and more.

 Week 5 - September 25 - September 29

Monday  - Adobe Illustrator Practice

 

Step through the following tutorials -- be sure to click on Get Files to download the files you will need for the exercise.

 

Create and edit shapes - Learn the basics of creating and editing shapes in Adobe Illustrator CC, including how to draw combine, and trace shapes.

 

Transform and edit artwork - Learn the basics of transforming and editing artwork in Adobe Illustrator CC, including resizing artwork, using groups, aligning objects, and more.

 

Create with drawing tools - Learn the basics of using the drawing tools in Adobe Illustrator CC, including how to use the Pencil and Curvature tools, how to edit paths, and more.

 

Tuesday - Logos

 

OBJECTIVE: Now you will learn how important typography and color is to brand recognition.

  • Students will examine and write about what makes effective design
  • Students will develop pencil sketches and original designs to rebrand a product, company or service
  • Students will examine and present about logo development history

ACTIVITIES:

  1. Logo Alphabet Game
  2. Review the following videos and answer the following questions:
    • Why do logos evolve or change over time?
    • Does the evolution or modernization result in a more effective logo design?

RMI Institute Logo History

 

 

 

 

Apple Logo History

 

 

 

 

 

Tuesday - Rebranding a Logo

Overview:

This is a quick visual hook to get students thinking about how logo design communicates messages and conveys values and ideas through imagery and iconography.

Hook:

  • What is this logo promoting?
  • What is this character's name?

Overview:

In this exercise students will find and choose a logo to rebrand and redesign and create a page full of thumbnail sketches.

Logo Re-Design Exercise: Choosing the logo

  1. Today you need to find a logo to re-design or re-brand.
  2. The final design must be an improvement over the original.

 

Articles:

Examining Bad Logos: How to Avoid Logo Mistakes

Bad Logo Designs

List of Best Logo Design Resources

 

Rebranding A Logo: Thumbnail Sketching

  1. You will have todays class  to produce sketches, work quickly and don't over think your designs. This is rapid concept development.
  2. You  should fill up your page(s) with at least 20 or more different logo sketches by the end of class.
  3. Keep in mind what you need to communicate in your logo:
    • How will someone understand what kind of service or company the logo represents just by looking at it?
    • Does their re-design retain part of the original logo style or "DNA"?
    • Are the new designs an evolution or a transformation?
  4. When complete turn in your sketches, be sure your name is on the paper.

 

Sample High Performing Logo Sketches

Sample Low Performing Logo Sketches

Wednesday - Getting Feedback and Developing Concepts Guided Practice

 

Overview:

Now you will break into groups and review each others thumbnail design work. You will define your 3 strongest thumbnail designs for further development. Students will create full page sketches of their strongest examples for critique in the next lesson.

 

Group Work: Getting Feedback

 

This exercise has a 45 minute time limit.

  • You will break into groups (4 students per group) and arrange chairs in a circle or move to one of the tables.
  • Designate a group leader to make sure the group works through the exercise within the time limit.
  • Take turns, you each will show your thumbnail sketches to the other group members and explain the concept of the design and what kind of business or brand it is for.
  • Each group member must review the designs and choose their 3 favorites.
  • When the group reaches a consensus on the strongest designs, they move on to the next person until everyone has had a chance for review.

 

Thursday & Friday - Rendering The Thumbnail: Full Page Sketches

 

  • Now you will produce 3 final sketches.
  • You will now have two class periods to sketch each full page example of your chosen thumbnail logo designs.
  • You may use pencils, pens and colored pencils to create your final renderings.

Week 6 - October 2 - October 6

Monday - Present/Critique Logos

Overview:

In this exercise, students will display their 3 logo design sketches from the previous lesson. Students will review each others work in groups and then as a class.

 

Group Review: Logo Design Critique Form

  1. Each student will receive 2 copies of the artwork critique form.
  2. The class will break into groups of 3. One person in the group should be the group leader and make sure the time limit is met for the design review session.
  3. Students should then review each others artwork. At the end of the exercise, each student should have 2 critique forms that evaluates their logo designs.
  4. Students should review the artwork and analyze the elements that work. They should keep the criticism constructive and adhere to the printed form.
  5. When everyone has had their logo critiqued you will now review the Logo Design Critique Form and make any improvements to your logo based on the critiques.

Tuesday - Tips/Techniques you can use in Illustrator

  • Shapebuilder tool - combine shapes/letters
  • Pathfinder Panel - cutout shapes
  • Masking - put texture inside text
  • Reflect - copy and flip what you have drawn to duplicate the image
  • Pencil tool with Wacom tablet

Tuesday thru Friday

  • Complete the sketch of the chose design in Adobe Illustrator (your design should fill the page)
  • Create a new Adobe Illustrator document. (File -->New)
  • Name: LastnameF_LogoReDesign.ai
  • Format For:  B122-HP750-Color
  • Paper Size: Letter (8.5 x 11)
  • Orientation: Your Choice
  • Turn in completed design to the TurnIn folder electronically and print a hard copy to turn in to the tray for your class period, be sure to type your name on it before printing.
  • Due Friday, October 6th - last grade of the 6 weeks cannot be turned in late

LATEST TWEETS

RECENT WORK

Adapted from a template provided by freemusetemplates.net