Typography Print Design

Overview

You will be creating a custom typography based design that will allow you to explore creating your own font. You can freestyle your own font or you can modify a current typeface. The final design needs to be short and sweet to allow it to fit on the physical product. Think about a slogan, saying or quote that you could create. Feel free to create vector images as well, but the type should be the most important element of the design. You will have the option of either creating a shirt design, button or stickers.

 

Objective - What is the problem I need to solve?

• How will I create a custom font and what tools will I use?

• How will the font speak to my design concept?

 

Project Requirements​

• Custom font created - you can modify a real font

• Final design mocked up as a shirt, button or sticker that will then be physically created.

​​

Project Help

• Pure Button Website & Inspiration

• Template - Button

• Sticker Sheets

• Ninja Transfers Shirt Designs

 

Typography Help

• Customize Fonts

• Customize Fonts #2

• Lettering Using Brush & Tablet 

• Highlight Lettering Effects

• Image Trace

 

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Typography”.

2. Create a new Google Doc inside your project folder and copy and paste the Typography Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps. 

 

Step 2: Projects Steps

Button Design

1. Download and open the button template in AI. 

2. Import and embed your sketch. Place them on its own layer and name the layer.  

3. Design

 

Shirt or Stickers

1. Create a 8.5x11” AI doc.

2. Import and embed your sketch. Place them on its own layer and name the layer.  

3. Design

​

Step 3: Turn In Directions

1. Save your AI file as “lastName_typography.ai”.

2. Now delete everything off of your AI file that is not your final design. This will be used to order your designs. Save your file as “lastName_typographyOrder.ai”

3. Export your file as a JPG by going to File>Export>Export As and changing the format to JPG. Make sure to check the Use Artboards box on the bottom left.

• Color Model: CMYK

• Quality: 10

• Resolution: 300

3. Upload the 3 files to your project folder. 

4. Complete the Schoology checklist.

​

________________________________________________________________________________________________________________

​

Branding

Overview

You will be creating packaging and a magazine ad for a product of your choice. You will need to consider how you are using visual identity so both designs align with the brand’s identity. Packaging could be a box a product comes in, a can, or get creative and run it by Mr. Wiant.

 

Objective - What is the problem I need to solve?

• How will I incorporate brand and visual identity in two separate designs?

• How will I use cohesive identity elements between both designs?

• How does the typography speak to your brand?

 

Project Requirements​

• Brand identity is considered and visual identity is implemented 

• Packaging will be mocked up digitally, but if you have time you can create a physical mock up. Google “packaging mockup” for inspiration if needed. 

• Elements like icon, logo, contact info, nutrition info, barcode, etc are included on packaging

​​

Project Help

• Branding Brief

• Color Psychology Video

• Designing a Product Label & Packaging + Mockup Video

• Packaging Design Process Video

• Search on Vecteezy.com for packaging templates if needed

 

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Branding”.

2. Create a new Google Doc inside your project folder and copy and paste the Branding Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

Ad Setup

1. Create a 8.5x11” AI file or PSD file with a resolution of 180. 

2. If using Illustrator, import and embed your reference photos and sketches. Place them on its own layer and name the layer.  

 

Packaging Setup

1. You will need to create a packaging design in either Photoshop or Illustrator. This should carry the same identity as the ad. 

2. Illustrator files can be any size and Photoshop you can create a 8.5x11” 180 resolution file. 

3. Design your packaging including the required elements.

4. Once done, you will mock up your package in Photoshop. First find an image of the packaging you will be using and then place your design on it. You will need to use your photo editing skills and transform tools in order to make the mockup look realistic. 

 

Step 3: Turn In Directions

1. Save your AI file as “lastName_branding”.

2. AI Files - Export your file as a JPG by going to File>Export>Export As and changing the format to JPG. Make sure to check the Use Artboards box on the bottom left.

• Color Model: RGB

• Quality: 10

• Resolution: 300

3. PSD File - Save a Copy as a high-res JPG. 

4. You need to turn in your 

​​

________________________________________________________________________________________________________________

​​

​

Monogram Logo

Overview

You will be creating a monogram logo design in Illustrator that will use your initials or name. This logo will be your personal logo for you. You will start by importing an image of your sketch into your Illustrator to recreate your logo from. Remember, you are not using fonts to create these logos. You will be creating a unique logo. The final design will be cut on the laser cutter to create a physical product.

 

Objective - What is the problem I need to solve?

• How will I incorporate my name or initials in my design?

• How will you modify or create your own font or lettering?

• How will you add personal touches to your design?

 

Project Requirements​

• Logos uses your initials or name and are in a monogram style

• Only black, white or grey is used

• You aren’t using a font that you found

• You create an original logo from your sketches and your sketches have a layer of their own. 

• Your sketches will need to be embedded. 

​​

Project Help

• Illustrator Monogram Tutorial #1

• Illustrator Monogram Tutorial #2

• Illustrator Monogram Tutorial #3

• Abi’s Demo

• Sketch to Custom Type

• Hand Lettering

• Ligature Logo Tips

• Sketch to Vector Demo

 

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Monogram”.

2. Create a new Google Doc inside your project folder and copy and paste the Monogram Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Create a 8x8” AI file

2. Import and embed sketches into Illustrator.

3. Start to recreate your sketch.

 

Step 3: Turn In Directions

1. Leave all logos and sketches on layers that you can turn the visibility off.

2. Place your final logo on a layer with nothing else and enlarge it on the artboard. Balance the logo on the artboard to create a professional looking display.

3. Name your Illustrator file as “lastName_Monogram Logo.ai”. 

4. Export your file as a JPG by going to File>Export>Export As and changing the format to JPG. Make sure to check the Use Artboards box on the bottom left.

       - Color Model: RGB

       - Quality: 10

       - Resolution: 300

5.Turn all files into your Final>Monogram Logo folder.

​

​​

________________________________________________________________________________________________________________

​​

​

Fall Final: Menu Design

Overview

You will be creating a menu design for a restaurant of your choice. A strong consideration of columns and margins need to be shown in order to showcase your layout skills. You will also be setting up paragraph styles for this project. The design will be a folded menu with a front and back cover. 

 

Objective - What is the problem I need to solve?

• How will I use columns and alignment skills to create a successful layout?

• How will I showcase all of my layout skills and knowledge?

 

Project Requirements

• Sizes: 11x17” 

• Two Spreads - 4 pages

• A creative cover and back to your menu is created showcasing your Photoshop or Illustrator skills. Do not just use a stock photo or image. 

• Menu Items with Prices

• Character styles are used.

• Correct grammar and spelling is used throughout the entire design. Use spell check!

​

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Menu”.

2. Create a new Google Doc inside your project folder and copy and paste the Menu Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Create a new file - 8.5x11 inches, 4 pages, check the facing pages box

2. Change Start # to 2

3. Set your margins and columns to apply to your design. Consider the layout that your brainstorming uses.

 

Page 1=Back Cover

Page 2=Front Cover

Page 3-4=Inside

 

Step 3: Turn In Directions

1. Save your InDesign file as “lastName_Menu”.

2. Export your file as a JPG by going to File>Export and changing the format to JPG. 

• Quality: High

• Resolution: 300

• Color Space: RGB

3. Complete the self-evaluation and grading on the rubric. 

4. Complete and submit the checklist in Schoology.

​​

________________________________________________________________________________________________________________

​

Magazine Cover

Overview

You will be creating a magazine cover for your spreads you just created. The cover will be designed in InDesign, but elements can be created in Photoshop or Illustrator and synced in InDesign. You will be creating this on the first page of your spreads.

 

Objective - What is the problem I need to solve?

• How will I use typography to create an impactful cover that incorporates hierarchy?

• How will I use contrast in my typography?

• How will I use design elements to make a realistic cover?

 

Project Requirements

• Title

• Highlight your article as the main article

• Additional articles (you make these up)

• Bar code

• Issue date

• If you are creating a real magazine, you need to ensure your title is the exact replica of the real magazine.​

​

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Cover”.

2. Create a new Google Doc inside your project folder and copy and paste the Magazine Cover Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Open your past spread and rename it by going to Save A Copy. 

2. Rename it LastName_Cover.indd.”

3. Start to layout

 

Step 3: Turn In Directions

1. Save your InDesign file as “lastName_Cover”.

2. Export your file as a JPG by going to File>Export and changing the format to JPG. 

• Quality: High

• Resolution: 300

• Color Space: RGB

3. Complete the self-evaluation and grading on the rubric. 

4. Complete and submit the checklist in Schoology.

​​

________________________________________________________________________________________________________________

​

​

Magazine Layout

Overview

You will be creating a four-page magazine spread of the topic of your choice. The first spread (page 1-2) will be a full photo page and the second spread will be an article and photos. 

 

Objective - What is the problem I need to solve?

• How will I create a well-designed and nicely flowing mulit-page magazine layout. 

• How will I ensure I am using columns, guides and margins successfully?

• How can I include magazine elements like captions, pull quotes, etc. successfully?

 

Project Requirements

• An article is found online and the author is properly credited

• Large-resolution images are used throughout

• Layout skills are demonstrated

• ​

First Spread: Full photo, Headline, & Author Credits
Second Spread: Two pages of article and at least four photos

​

Required Elements 

1. Magazine Headline

2. Credits

3. Body copy (does not need to include all copy)

4. At least four images

5. Picture captions

6. Folios

​

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Magazine”.

2. Create a new Google Doc inside your project folder and copy and paste the Magazine Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Create a five page document that are 8.5x11

2. Start with 4 columns however you will change this according to your design. 

3. Start your design on page 2.

 

Step 3: Turn In Directions

1. Save your AI file as “lastName_Magazine”.

2. Export your file as a JPG by going to File>Export and changing the format to JPG. ​

• Quality: High

• Resolution: 300

• Color Space: RGB

3.Complete the self-evaluation and grading on the rubric. 

4. Complete and submit the checklist in Schoology.

​​

________________________________________________________________________________________________________________

​​

​

Calendar

Overview

You will be creating a calendar for just one month to create a class calendar for the next year. Your month should be represented clearly by using elements that speak to the months and are created by you. Use inspiration from Smashing Magazine if need be.

 

Objective - What is the problem I need to solve?

• How will I use visual identity to speak to the destination?

• How will I incorporate other design skills with InDesign?

 

Project Requirements

• The correct dates are used

• Guides are used correctly 

• Your design accurately reflects the month

 

Project Extension 

Smashing Magazine looks for calendar submissions each month from around the world. Some of you may move through your designs quickly, which you will have the opportunity to submit your calendar design into their contest and to be downloaded around the world. 

 

Wallpaper Guidelines

​

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Calendar”.

2. Create a new Google Doc inside your project folder and copy and paste the Calendar Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Create a one page document at 11x17”. 

2. Once you create the document, you will need to adjust columns, margins, gutters and or guides to successfully lay out your design. 

3. Use Illustrator or Photoshop to create your design elements and begin to lay out your design in InDesign.

 

Step 3: Turn In Directions

1. Save your AI file as “lastName_Calendar”.

2. Export your file as a JPG by going to File>Export and changing the format to JPG. ​

• Quality: High

• Resolution: 300

• Color Space: RGB

3.Complete the self-evaluation and grading on the rubric. 

4. Complete and submit the checklist in Schoology.

​​

________________________________________________________________________________________________________________

​

​

Postcard

Overview

You will be creating a two sided postcard design to promote a destination of your choice. The front will represent a location and the back will be set up to include a place for someone to write a message and the address. Push yourself to use your layout skills and creativity in order to create your postcard.

 

Objective - What is the problem I need to solve?

• How will I use visual identity to speak to the destination?

• How will I incorporate other design skills with InDesign?

 

Project Requirements

• Two pages were created

• Backside needs to leave at least 3” on the right for an area where the address will go.

• You use visual identity to represent your location.

 

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Postcard”.

2. Create a new Google Doc inside your project folder and copy and paste the Postcard Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Create a two page document at 5x7” 

2. Start designing

 

Step 3: Turn In Directions

1. Save your AI file as “lastName_Postcard”.

2. Export your file as a JPG by going to File>Export and changing the format to JPG. 

• Export All Pages

• Quality: High

• Resolution: 300

• Color Space: RGB

3.Complete the self-evaluation and grading on the rubric. 

4. Complete and submit the checklist in Schoology.

​​

​

________________________________________________________________________________________________________________

​

​

Graphic Design Flyer

Overview

You will research a graphic design profession for this project and then create a flyer promoting or explaining that profession. You may use Photoshop or Illustrator to create images, but the flyer must be laid out in InDesign. You will present these flyers to the class at the end of the project. If you are not prepared to present, you will lose 5% from your project grade. Stay focused and on track with this project!

 

Objective - What is the problem I need to solve?

• How can I apply my previous design knowledge to this new software?

• How will I grow my understanding of InDesign during these tutorials?

• How will I incorporate columns/margins successfully?

• How will I learn more about a graphic design profession?

 

Project Requirements

• Columns/margins are used. They will be determined by your design, but must be set up correctly and used correctly. How many columns of type will you need?

• Hyphens are turned off

 

Step 1: Brainstorming Steps

1. Create a new folder inside your Final folder and name it “Flyer”.

2. Create a new Google Doc inside your project folder and copy and paste the Flyer Creative Brief into this new doc.

3. Fill out the top of the Creative Brief and title it by clicking on Untitled Document. 

4. Complete the Creative Brief brainstorming steps.

 

Step 2: Project Steps

1. Create a 8.5x11 inch InDesign file. 

2. Decide on how many columns you will be using. Remember you can change this during your design process too.

3. Embed all images brought into InDesign.

 

Step 3: Turn In Directions

1. Save your AI file as “lastName_Flyer.ai”.

2. Export your file as a JPG by going to File>Export and changing the format to JPG. 

• Export All Pages

• Quality: High

• Resolution: 300

• Color Space: RGB

3.Complete the self-evaluation and grading on the rubric. 

4. Complete and submit the checklist in Schoology.