Graphic Design 2  & MGD 112 Projects

Thursday 3/17
Logo Design

Exemplars - Logo design principles are being applied

Objective

You will be creating a 16x20” poster that will relate to a culture you research that is not a culture you associate with. You will need to reach beyond your own culture for this project. Even if this culture may be misunderstood by some, your objective is to use your new knowledge of culturally responsive design to allow us to celebrate this culture and for you to learn more about another culture. You will present your poster to the class in a final presentation to share about the culture you researched and designed for. 

 

Project Steps

  1. Create a 16x20” in Illustrator

  2. Embed sketches and any reference images you use. 

 

Project Requirements

  1. Poster design will celebrate a culture outside of your own.

  2. Poster needs to be based on your cultural research. 

 

Culture Poster Examples

 

Turn-in Directions

1. Save a JPG and AI file saved as “lastName_Culture”. Use the settings below for your JPG. 

- Select Use Artboards

- Color Mode: RGB

- Quality: 10

- Resolution: 300

2. Upload both files to your Culture folder. 

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Culture and save it into your Final-Culture folder. 

Thursday 3/17
Logo Design

Objective

You will be creating a logo for a company of your choice. Consider your target audience while creating your design. The logo should use the logo design principles that we spoke about in class. You do need to show your design process by showing many variations of your logo design. 

 

Project Steps

  1. Create a 8x8” AI file

  2. Import and embed sketches into Illustrator

  3. Turn your grids on (command + “)

  4. Start to recreate your sketch. Use the Sketching to Vector Instructions to better understand how you can do this if need be.

  5. Once you have a completed design, you will need to show how it will look in all white and all black variations too.

 

Project Requirements

  1. Don’t delete any of your logos. Move them off to the size or create a new layer to store them on. 

  2. Enlarge your design to fill the page neatly and to create balance and professional presentation.  

 

Mockup Directions

  1. Create a 8.5x11” PSD file. 

  2. Copy and paste your finalized logo into the file. 

  3. Include a large and small version of your design. 

  4. Create at least one mockup of how your logo will look being used with the company you are designing for. 

  5. Professionally balance and align your elements. 

  6. Save the file as “LastName_LogoMockup” and save it as a PSD and JPG. 

 

Mockup Examples

Turn-in Directions

1. In Illustrator, 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. Save your AI file as “lastName_Logo”.

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. Upload the 4 files to your Final> Logo folder. The versions will be a JPG and PSD of your mock-up and then a JPG and AI of your final logo. 

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Logo and save it into your Logo folder. 

Thursday 2/24
Wallpaper Design

Objective

You will be creating a landscape scene using gradients. Consider how colors work well together and how gradients can enhance this. This design will be used to replace the current wallpaper on your computer. 

 

Help Resources

  • Search for an Illustrator gradient landscape tutorial online if you need help with a direction to go.  

  • Gradient Review Video

 

Project Steps

1. Create 3410x1918 pixel AI file

2. Place your sketch image into your AI doc - File>Place. Check that the image is embedded. 

3. Sketch and reference photos are kept on their own layer so Mr. Wiant can see the original ideas compared to your final design. It is best to lock this layer.

4. Create your landscape considering how the color scheme will compliment your design. 

5. Apply gradients and effects. 

 

Project Requirements 

Landscape scene using gradients 

 

Mock Up Directions

1. After saving your JPG, go to your System Preferences on the bottom. Gray gears icon. 

2. Click on Desktop & Screen Saver 

3. Click on the + sign at the bottom. Locate your design and select it. 

4. Make sure Full Screen is selected. 

5. Close all window and take a screenshot of your screen (Command + Shift + 3).

 

Turn In Directions

Save a JPG and AI file saved as “lastName_Wallpaper”. Use the settings below for your JPG. 

- Select Use Artboards

- Color Mode: RGB

- Quality: 10

- Resolution: 300

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Wallpaper and save it into your Wallpaper folder. 

Thursday 1/20
Vector Character

Objective

You will be creating a vector character of a real person that is inspirational to you. This could be any real person. You will import a photo of your sketch into Illustrator and recreate it. Your design needs to have a high level of details and a background that compliments your design. There should be significant differences between your robot last year and this year. You will use the sketches as a base for your designs, so sketches must be completed! This is a requirement for the project.   

 

Help Resources

1. Search Illustrator Portraits or Illustrator Characters on Google

2. Character Kit Tutorial Directions

3. Sketch to Vector Tutorial - Download Image Here

 

Project Steps

1. Create 11x17 AI file

2. Place your sketch image into your AI doc - File>Place. Check that the image is embedded. 

3. Sketch photos are kept on their own layer so Mr. Wiant can see the original ideas compared to your final design. It is best to lock this layer.

4. Create your character considering the personality it has and adding lots of great detail. 

5. Create a background that compliments the character.

 

Project Requirements 

1. At least one inspirational real character and background are created

2. Pathfinder tool is used when appropriate 

 

Turn In Directions

Save a JPG and AI file saved as “lastName_vectorCharacter”. Use the settings below for your JPG. 

- Select Use Artboards

- Color Mode: RGB

- Quality: 10

- Resolution: 300

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Vector Character and save it into your Vector Character Folder folder. 

Thursday 10/29
Avatar

Objective

You will be creating an avatar to replace your current avatar in Google. Your avatar could be an illustration of yourself, a logo that represents yourself or any sort of design that represents you. Even if you don’t use the avatar for real, you will need to place it into your Google account to mock up the design. 

 

Project Steps

1. Create a new Illustrator file that is 1000x1000 pixels 

2. Select your circle tool and double-click on the background to set the size. Size it to be 130x130 pixels. 

3. Size the artboard correctly by going to Object>Artboards (at the bottom)>Fit to Artwork Bounds. 

4. Design within that circle, although you do not need to have a circle in your final design. This can be just used as a guide. 

5. Upload your sketch into Illustrator and embed it. 

 

Avatar Creation Resources

Flat Style Avatar

Another Flat Style Avatar

Minimalist Style Avatar

Creating Icons

 

Sketch to Vector Help

Image Trace - convert your sketch directly to vector paths

Sketch to Vector Using Shapes - create your design by using your sketch as reference in Illustrator

 

Project Requirements

1. Avatar is placed into Google to mock up your final design. 

2. Sketch is embedded into Illustrator and used directly to create your design.

 

Mockup of Avatar

1. 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. If you don’t, you will not have a nice rectangle design and you will lose points.

2. On the next screen save your JPG file using the settings below:

Color Model: RGB

Quality: 10

Resolution: 300

3. Go to Google and click on your avatar icon on the top-right corner. Click on the camera icon and then on the change icon button. 

4. Once your icon is updated in Google, take a screenshot of it by using shift+command+4. You then can click and drag around the icon. Make sure to include a large enough representation of the image and don’t just screenshot the avatar. The purpose is to see how the avatar looks with the surrounding elements. 

 

Screenshot Mockup Example

 

Turn In Directions

1. Create a new folder in your Final and title it “Avatar”

2. Save your Illustrator file as “lastName_Avatar.ai”. 

3. Place both the JPG, mockup file and the Illustrator files into a folder titled “Avatar”.

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Avatar and save it into your Avatar Folder folder. 

Thursday 10/29
Fall Final: What Is Your Mind Surrealism Self-Portrait

Objective

You will be creating a surrealist self-portrait in the style of Constantini to tell a story about yourself with the images you choose. . You will need to include objects and elements that represent yourself and use your photo editing techniques to color correct the design so your objects have similar lighting and work well together. 
 

Self-portrait

You can use a photo of yourself that you have already taken, or you can take a photo in class. It will be easier to remove your image from the background if you use a solid white background behind yourself. Consider what angle you want your face to be too. Are you looking up, down or straight? This will depend on what type of objects you will have coming out of your head. 

 

Projet Steps

1. Create a new PSD file - size 11x17” and 180 resolution

2. Remove your image from the background using masks, pen tool or selection tools. 

3. Start to add images and apply photo editing skills to the images to blend all of the images together. 

 

Project Requirements

1. Your face must be recognizable in the final design and photo removed from the background.

2. The use of clouds don’t need to be used like the examples. However, it may help to blend images into your head this way. 

3. At least 6 images need to be used. Search free stock photo (royalty free) websites to find large enough images or use your own images. If you are struggling with finding certain images, let Mr. Wiant know.

4. Overlap images to give the illusion of DEPTH.

 

Turn-In Directions

Save your PSD file and a high-res JPG file as “lastName_ Self-portrait” and upload them to a folder titled “Self-portrait”.

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Self-Portrait and save it into your Self-Portrait folder. 

Thursday 10/14
Surrealism

Objective

You will be using Photoshop to create a black and white surrealism design. You will apply your knowledge of photo editing to blend multiple pictures to create a surrealistic styled, dreamlike design that gives the illusion that all of the images belong together in the same scene. 

 

Project Steps

1. Create a Photoshop file 11x17” or 8.5x11” and 180dpi. 

2. Remove image backgrounds to start to combine the images into a surrealistic styled scene. 

3. Apply photo editing skills to blend the images so the scene looks realistic. 

 

Project Requirements

- At least 4 different images are used

- Design is black and white

- No type is allowed

 

Turn-in Directions

Save your PSD file and a high-res JPG file as “lastName_surrealism” and upload them to a folder titled “Surrealism”.

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Surrealism and save it into your Landscape folder. 

Thursday 9/16
Personal Impact Poster

Objective

This project will allow you to express yourself through creating a poster that represents a large event that impacted you personally. If you can’t think of something that impacted you personally, then you can use an event that may have impacted your close family.

 

Project Skills

1. A variety of past AND new Photoshop skills are used.

2. Design concepts are used strongly together. 

3. Creativity and attention to details are used.

4. Attractive typography was used that represents your theme if needed. 

 

Project Requirements

- Project spec: 11x17’’ and 180dpi

- Many layers are used to create the poster

 

Turn-in Directions

1. Save your file as a high-res JPG and PSD titled “lastName_Poster”. 

2. Turn-in both your PSD and JPG files into the Poster folder, which needs to be in your Final folder.

 

Project Rubric - copy and paste into your own Google Doc titled Rubric - Personal Impact Poster and save it into your Poster folder.

 
Monday 8/30
About Me Poster

Objective:

To create a poster in Photoshop that represents who you are. The poster should use a variety of design skills and use design concepts from last year such as balance, white space, flow, etc.

 

Project Skills:

1. Correctly set up a file, save a file with the correct extension and submit files correctly.

2. A variety of past AND new Photoshop skills are used.

3. Creativity and attention to details are used.

4. Attractive typography was used that represents your theme. 

 

Project Requirements:

1. Your name needs to be on the design.

2. Project spec: 8.5x11’’ and 180dpi

 

Turn-in Directions:

1. Save your file as a high-res JPG and PSD titled “lastName_AboutMe”. 

2. Turn-in both your PSD and JPG files into the About Me folder, which needs to be in your Final folder.

 

Project Rubric - copy and paste into your own Google Doc titled "Rubric - About Me" and save it into your About Me folder.