Graphic Design 1 projects

Final Project - Putting It All Together

This final project will pull together everything that we've studied during the term. Your task is to design an advertisement for the fictitious band or restaurant that you created during the first half of the term.

Band - Design an advertisement for a concert - or - a new album release

Restaurant - Design an advertisement for a grand opening - or - a new menu item

Your advertisement will include:

  • original logo (from 1st half of class)
  • photo manipulation (multi-layered, edited)
  • informational hierarchy
  • appropriate font choice
  • readability
  • bleed and safety zone
  • breathing room
  • visual alignment
  • process documentation

The pace is quick so you'll need to stay focused on both the task and the project timeline. Each day has a task to complete so that you can move on to the next task the next day.

   

 

Complete Examples

Here are a couple examples of a completed projects so that you can see the big picture.

Band - Ëxcëssïvë Ümläüts
Restaurant - Every Juan Loves Tacos

   

 

Templates

Download the project templates and copy them to your network space.

   

Step 1

Logo Presentation - example

1. Open the Logo Presentation page (Illustrator).

2. Copy/paste the color logo that you designed during the first half of the term. Present the logo neatly. Remember, bigger isn't better! Leave plenty of breathing room around your logo.

3. Briefly (but thoroughly) describe the band, restaurant, or clothing store. Nobody has ever heard of them before so you are setting the tone for the flyer that you're about to design. You already did this at mid-term! Copy/paste from your previous logo presentation. Edit and/or refine if necessary.

4. Print to color printer.

   

Step 2

Research - example

1. Open the Research page (Illustrator).

2. Nobody should design in a vacuum. Designers need inspiration. Your job is to use the InterGoogles research existing flyers or advertisements that target the same audience that you are trying to appeal to. Find out what the pros are doing. How are they creatively communicating a message to their audience? Things to keep in mind:

• Look for layouts, techniques, and ideas that inspire you.
• Look for interesting ways that you can present your Level 1 text.
• Look for creative solutions.
• Look for ways that Level 1 text complements the imagery.
• I'm not getting into minimum numbers. You are better than "shoot for the minimum" mentality. Research for inspiration and you'll do fine.
• There is a difference between inspiration and copying. You are finding inspiration but you will NOT be copying.
• You've got some cool skillz but you don't have every skill. Look for techniques that are within your skill set.
Neatly present your findings on one page. example | bad example
• You can earn some extra credit for extra research.

3. Print to color printer.

   

Step 3

Sketches - example | really bad example

1. Print the Sketches pages - both vertical and horizontal (Illustrator).

2. Print both pages to the b/w laser printer.

3. Use a PENCIL to sketch a minimum of 4 concepts (2 vertical and 2 horizontal). These are sketches, not framed works of art. They are meant to serve as visual guide/plan. Your priority is to plan out a creative concept and layout. GET CREATIVE! Sell it baby!

*Do the best you can with the drawings, but don't stress about realistic drawing ability. You are giving yourself a blueprint to follow once you get to the computer At this point it's about placement, size relationships, angles, etc. However, we are no longer in the 2nd grade so you're expected to rise to high school level here. Stick figures = mediocrity.

4. Each sketch needs to account for:

• logo size and placement - good example | bad example
• manipulated image - show size and placement - this isn't a drawing class but you CAN give a decent indication of what you want and where you want it to go - good example | bad example
Restaurant - level 1 text and imagery need to support each other - The level 1 conveys the message with words and the imagery conveys it visually
Band - level 1 is usually the band logo itself...but it doesn't have to be
• levels 1, 2 and 3 hierarchy - use pen and highlighter like the example - levels 1 and 2 should be spelled out while level 3 may be "Greeked" - good example | bad example
• go to the edges - the flyer design is expected to take advantage of all 4 edges of the page - we will deal with a printing safety zone later - good example | bad example

   

Step 4

Hierarchy - Specific Text - example

You'll be generating the actual text for the advertisement. Don't worry about specific fonts. Just focus on the wording (also known as "copy"). Remember that this is an advertisement so keep your text brief and get straight to the point. Here's an example of how hierarchy works when the final project is completed - example

1. Open the Hierarchy page (Illustrator).

2. Level 1 - Most important! What is going to act as a "hook" to grab the viewer's attention?

Restaurant - level 1 text and imagery need to support each other - The level 1 conveys the message with words and the imagery conveys it visually
Band (new album) - level 1 text and imagery need to support each other - The level 1 conveys the message with words and the imagery conveys it visually
Band (concert) - level 1 is usually the band logo itself...but it doesn't have to be
• Level 1 is the most important text on the advertisement.
There can be only 1 Level 1! (Anyone pick up on the Highlander reference?)
• Level 1 text complements the visual image (Photoshop manipulation) that you'll work on later. The Level 1 text and image work together to get the point across.
• Level 1 text is short and to the point.

3. Level 2 - Important information

• This could be bullet points, a sub-headline, a slogan or clarifying text.
• How you solve this will depend on your overall concept.
Multiple Level 2s are allowed.
• Think about readability. The smaller the font; the more readable it needs to be.

4. Level 3 - Necessary information

• This is information that isn't nearly as important as the other text but it still needs to be included.
• Perhaps this text is a short clarifying paragraph, a disclaimer, a warning, contact information, etc.
• There will likely be multiple Level 3s.
• The smaller the text, the more legible it needs to be. Think about font choice and contrast. Choose a simple serif or sans-serif font.

5. Print to the b/w printer.

   

Step 5

Imagery Search

1. Search for HIGH RESOLUTION source imagery online. In this case, BIGGER IS BETTER!

2. Don't bother with any images that are less than 3000 pixels in size. Google's "image search" does a good job of allowing you to sort results by image size.

3. We're going to get into the habit of giving credit where credit is due. Make note of the URLs of all the images that you use. You will be required to cite your sources later.

4. So you just ignored the previous instruction...Here it is again:
MAKE NOTE OF THE URLS OF ALL IMAGES THAT YOU USE!
MAKE NOTE OF THE URLS OF ALL IMAGES THAT YOU USE!
MAKE NOTE OF THE URLS OF ALL IMAGES THAT YOU USE!
MAKE NOTE OF THE URLS OF ALL IMAGES THAT YOU USE!
MAKE NOTE OF THE URLS OF ALL IMAGES THAT YOU USE!
MAKE NOTE OF THE URLS OF ALL IMAGES THAT YOU USE!

5. Also, it would be a very good idea to make duplicate copies of any photo you plan to use for this project...just in case! - tutorial video

6. No printing yet...you'll do that later. Just make certain that you've noted the exact URL of each image that you will be using in the next step.

   

Step 6

Image Manipulation - example

1. Open the Photoshop template called Image Manipulation.psd.

2. DON'T create a new file...use the Image Manipulation.psd file. This means that you need to copy/Paste your source images into the provided template file.

3. You may crop the height and/or width of your composition, but do not make it larger than its original dimensions.

4. Use Photoshop to show off the skills that you've learned.

• Create a composite image from the photos you downloaded. You don't have a lot of time so it shouldn't be overly elaborate.
• The idea is that you are using your skills to manipulate images from multiple sources to create a new image that enhances the overall advertisement.
• Plan for areas where your logo and text will eventually go based on your sketch. YOU WON'T USE PHOTOSHOP FOR TEXT but you'll need to allow for areas where text will go.
• Repeat: DON'T USE PHOTOSHOP FOR TEXT! You'll use Illustrator for text.

5. This composite is the centerpiece of the promotional flyer. It should demonstrate at least one full class period worth of Photoshop work.

 

 

Step 7

Compose The Advertisement - example | terrible example

This is where you'll be putting all the pieces together. Here is a horrendous example where the designer simply met the minimum requirements. It blows! Here's how to help your design look professional...

1. Open the Final Advertisement page (Illustrator).

2. Notice the grey border? That is the safety zone where NOTHING may be designed or printed. You may go up to the safety zone, but you can't go past it. The grey will not print.

3. Bring a flattened copy (TIFF) of the composite image into the Illustrator file (File>Place). - tutorial video (note: this video is from a previous version of this assignment)

4. In this Illustrator file (NOT Photoshop), begin to create text blocks for your text.

• Choose appropriate fonts.
• Remember that Level 1 should draw the most attention so think about the font choice, size, placement and color.
• Remember that Level 3 text shouldn't draw a lot of attention so you'll want to use a very simple serif or sans-serif font...in a small (but readable) font size.

5. Copy/paste your final logo (Illustrator) onto the final flyer.

6. Pay attention to the sizes and placement of all of the elements of the advertisement. Bigger is not always better so be careful not to crash elements into each other or crowd the advertisement. - tutorial video (note: this video is from a previous version of this assignment)

7. Visually line up elements when it makes sense to do so. This helps to add structure to the overall advertisement. Leave plenty of breathing room so that the eye can easily read the advertisement. - tutorial video (note: this video is from a previous version of this assignment) | example

8. Double check spelling.

9. Check for contrast so that the text can be read easily.

10. Double check everything.

11. Print to color printer

   

Step 8

Image Citation - example

1. Open the Image Citation page (Illustrator).

2. Gather ALL original images that you used in your composite image. Bring them into this file (File>Place). You'll obviously need to proportionally scale them down to fit.

3. Cite the URL source of each image that you used in the final advertisement. Dude...look back at step 5!

4. Delete any unused text blocks.

5. Print to the color printer.

   

Step 9

Finish it up baby!

Today you'll put the entire packet together.

1. Double check everything. Seriously!

2. Pick up a project grade sheet and checklist from Mr. Eagen.

3. Put all pages in order. Check on the wall for an example.

4. Staple packet together and turn in.

5. Breathe! Smile. Eat chocolate. Go to your happy place. Do the happy dance!