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

5th 6 Weeks

6th 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 - February 27 - March 3

 

Create a Surreal, Floating Landscape With a Fantasy Twist  By Santhosh Rao, 28th November, 2013

(Photo Effects - Tutorials)

 

Floating landscapes always make for fun Photoshop work. However, often with floating landscape compositions, the floating landscape is the extent of the image, and it lacks any real story. Over at our members community, members are buzzing with ideas and inspiration. We teach people that it’s more important to develop creative direction than it is to master every complex tool in Photoshop. The crucial thing is for your images to tell a story, and to mean something to the viewer.

 

Today’s tutorial builds on the darker aspects of the famous Alice in Wonderland franchise. The Mad Hatter was always a pivotal figure, and in this composition he is shown as ultimate key-holder to a bizarre, fantasy world.

 

Asides from the eerie floating landscape, you’ll be mastering how to create some very cool 3D style lettering. You’ll also learn some great tricks along the way such as how to extract complex images, how to blend your scene effectively, and how to tie everything together using perspective guides.

 

So if you’re ready, it’s time to take a tumble down the rabbit hole, and take your designs to the next level!

 

All the images can be found in the assignments folder in the FloatingLandscape folder.

 

What You’ll Be Creating:

Here’s a look at the outcome you’ll be able to produce by the end of this lesson:

 

 

 

Step 1

In this step we are going to create a landscape using multiple images.

 

1) Create a New Photoshop document 11" x 17" named lastnamef_wonderland and then import the image of the dry grass landscape on to the working canvas and place it as shown (landscape 1).

 

 

2) Now import another landscape (landscape 2) image and place it above the previous landscape and mask the bottom edge of the image using a soft black paintbrush to blend it seamlessly with the first landscape.

 

3) To make the sky look more dramatic add a grey cloudy sky on the top of the working canvas as shown. (grey clouds)

 

 

4) Now by using a layer mask erase the bottom end of the image as shown to blend it perfectly with the sky.

 

5) Create a Curves adjustment layer to the grey sky layer and set the RGB curves as shown.

 

 

 

Step 2

In this step we are going to use the Refine Edges to cut the image of the model along with her props without loosing any details.

 

1) Open the Model image (model) and make a rough selection around the model and open Refine Edges. Then set the Smooth and Contrast levels to 4, and then increase the Refine Radius Tool size to 88 and gaze around the model to see the magic of the software. Then set the Output to New Layer and hit ok to get the perfectly cut image in a new layer. (NOTE: If you do not see the Refine Edges button on the options bar (with a selection tool selected then choose Select --> Refine Edge.)

 

 2) Now drag the image of the model on to the working canvas and place it as shown. (TIP: Using the Move tool drag the layer with the mask to the tab

 

 

3) Mask the bottom end of the model image in the shape of the dry grass to create an illusion of model standing the grass. Use clipping mask in the erasing process will help you in making work easier if any changes are required in future. To give the illusion of grass blades being in front of the model, use a very thin brush when masking.

 

 4) Create a new layer on the top of the layers panel and paint dark vignette effect along the sides of the scene as shown. (Remember the techniques you used on the Silent Ruins assignment for this step.)

 

Step 3

Perspective is the key to get a natural depth while placing elements in the scene. In this scene we will need a two point perspective to align our elements in the scene.

 

- Using the line tool draw the two point perspective lines as shown.

 

 

Step 4

In this step we will be adding few mysterious doors floating in the air with a ladder connecting the ground.

 

1) This is a fantasy scene and hence we want the shape of doors to be uniquely shaped to fit with the theme of the scene. Cut the image of the door from the stock image and then by using the Move Tool (V) select the image and right click on it to select the Warp option. Then transform the shape of the door as shown.

 2) Now import the image of the door on to the canvas and place it as shown following the prospective guidelines.

 

3) Naturally when an object is seen from a distance it tends to loose it contrast in color and blends with the environment, and it tends to merge with environmental color as it goes further. Hence by using the Exposure adjustment layer set the Offset value to +0.0288.

 

4) Now by using the ladder brush paint the ladder to the as shown connecting the ground.

5) Similarly add few more doors to the scene as shown following the perspective guidelines.

 

Step 5

In this step we are going to create a floating barn in the scene.

 

1) Cut the image of the barn from the stock image using the Pen Tool (P). Then import it onto the working canvas and place it as shown.

 

2) Using the Clone Stamp Tool (S) fill and complete the front section of the barn as shown following the perspective lines.

 

Step 6

In this step we are going to color correct the whole scene using the adjustment layers.

 

1) Create a Hue/Saturation adjustment layer on the top of the layers palette and set the Saturation level to ­50.

 

2) To enhance the shadows in the scene, create an Exposure adjustment layer and set the Gamma Correction level to 0.80.

 

 3) Now create a Curves adjustment layer and set the RGB curves as shown.

 

 

 4) Now increase the Brightness of the image to 20 by using the Brightness/Contrast adjustment layer.

 

 

Step 7

In this step we will be replacing the snow­ covered roof of the barn with a normal roof to match with the environment of the scene.

 

1) Cut the roof from the stock image and place it on the barn in the scene as shown, then transform it to fit perfectly with the prospective of the barn.

2) Now select the barn layer and erase the excess snow seen above the replaced roof.

3) Similarly replace the other side of the roof as shown.

Step 8

In this step we are going to create the ground base stuck to the base of the barn after the barn’s separation from the ground.

1) Cut the dark volcanic soil from the stock image and place it at the bottom of the barn as shown.

2) Now darken the soil by setting the Gamma Correction level to  0.68.

 

Step 9

In this step we are going to advanced cutting technique to cut the dead tree image with every detail.

 

1) With the dead tree image selected go to Channels palette and select Blue layer. Then go to Image>Calculations and choose Blue in the Channel dropdown lists. This will create a ‘Alpha 1′ layer in the Channels palette.

 

2) With the Alpha1 layer selected go to Image>Adjustments>Levels and set the levels as shown.

3) Now move to the layers palette and go to Select>Load Selection and select Alpha1 from the Channel dropdown list, this will create a perfect mask around the dead tree.

4) Make sure the dead tree image is selected and delete the BG in the image.

 

In this step we are going to create roots hanging from the base of the barn.

1) Cut a branch in random from the dead tree and place it at the bottom of the barn as shown.

2) Now cut another dead branch and place it beside the previously placed root.

3) Similarly add few more roots hanging from the base of the barn as shown.

Step 11

In this step we are going to create a crater beneath the barn, which is supposed to be formed by the separation of the barn from the ground.

 

1) Cut the volcanic soil image from the stock image and place it beneath the barn as shown. Then erase the sides of the soil image as shown using the soft eraser tool.

 Step 12

In this step we will be creating debris falling from the base of the barn.

 

1) Create a new layer and draw random shapes using the lasso tool for the debris. The by using the stamp tool select the texture of the volcanic soil and fill the debris with the texture.

 

 2) With the debris layer selected go to Filters>Blur>Motion Blur and set the Angle to ­90 and Distance to 14px.

 

Step 13

In this step we will be creating birds flying around in the scene.

 

1) Create a new layer placed under the doors folder in layers palette. Then by using the birds’ brush paint the birds above the model as shown.

 

 2) Create an Exposure adjustment layer to the birds layer and set the Offset value to +0.0575.

 

 3) With the birds layer selected add a Gaussian blur of radius 2.6px.

 

 4) Similarly add few more birds flying around in the scene as shown.

 

Step 14

In this step we are going to add dead branches closer to the scene to create a natural depth to the scene.

 

1) Import few dead branches from the dead tree image and place them on the working canvas as shown.

 2) Now add a Gaussian blur of Radius 9.7px to the branches to create the Depth Of Field to the scene.

 

 Step 15

In this step we are going to create a custom shaped title font.

 

1) Draw the shape of the title frame as shown in a new layer.

2) Using the Alice in Wonderland font type W and transform it to fit in the frame as shown.

3) Similarly follow the same procedure for every alphabet.

 

Step 16

In this step we are going to create a 3D effect to the title, using Layer blending options.

 

1) Select the W layer and open the layer blending options. (NOTE: Click the Fx button at the bottom of the Layers panel.) Then select the Bevel Emboss option and set the Technique to Chisel Hard, Size = 21

2) Now select the Contour option and set the Range to 30% (NOTE: Click on the Style name on the left to change the options on the right.)

3) Then select the texture option and select Laid Horizontal texture from pattern. With this step completed we get a perfect 3D font that matches perfectly with our theme.

4) Now copy the Layer Style (NOTE: Right click on the layer and choose Copy Layer Style) of the W layer and paste (NOTE: Right click on the layer and choose Paste Layer Style) it to the entire title.

 

 

And We’re Done!

You can view the final outcome below.

 

 

 

 

 

 

 

 

Week 2 - March 6 - March 10

Monday, March 6th - Complete Wonderland Assignment

Look back to Week 1 for instructions.

Create a Surreal, Floating Landscape With a Fantasy Twist  By Santhosh Rao, 28th November, 2013

(Photo Effects - Tutorials)

 

Floating landscapes always make for fun Photoshop work. However, often with floating landscape compositions, the floating landscape is the extent of the image, and it lacks any real story. Over at our members community, members are buzzing with ideas and inspiration. We teach people that it’s more important to develop creative direction than it is to master every complex tool in Photoshop. The crucial thing is for your images to tell a story, and to mean something to the viewer.

 

Today’s tutorial builds on the darker aspects of the famous Alice in Wonderland franchise. The Mad Hatter was always a pivotal figure, and in this composition he is shown as ultimate key-holder to a bizarre, fantasy world.

 

Asides from the eerie floating landscape, you’ll be mastering how to create some very cool 3D style lettering. You’ll also learn some great tricks along the way such as how to extract complex images, how to blend your scene effectively, and how to tie everything together using perspective guides.

 

Tuesday, March 7 through Friday March 10 - Create a Surrealistic Photo Montage

 

Read the article Photo Compositing - 7 Essentials to Visual Magic before beginning your next project.

 

The work should combine 2 to 5 images into a single image. This project should access the surreal, things that can only happen in a subconscious reality. The images above are all examples of a dream reality created by image manipulation and montaging. What can you do with Photoshop? How can you show us the magic of photography to transform reality into dream? Create something that appears real, but yet surely cannot be... wow us!

 

Examples:

 

 

Week 3 - March 20 - March 24

Creating a Movie Poster

You will work through some Hollywood effects to learn how movie posters are created. The instruction file (HollywoodEffects.pdf) and needed files (Folder-HollywoodEffects) can be found in the class assignments folder. You will be graded on how well you execute following the instructions.

Points will be deducted for assignments that are NOT turned in within 1 day of the due date.

  1. Lesson 1: Open Hollywood_Touch_ups_Start.psd and rename the file LastnameF_Hollywood.psd. There are 11 steps in this assignment, pages 2 thru 7. Due Wednesday, March 22nd
  2. Lesson 2: Open Dramatic_Photo_1.jpg in Photoshop and rename the file LastnameF_DramaticPhoto.psd. There are 28 steps in this assignment, pages 9 thru 22. Due Wednesday, March 29th
  3. Lesson 3: Open Hi_Tech_1.psd in Photoshop and rename the file LastnameF_HighTech.psd. There are 11 steps in this assignment, pages 24 thru 29. Due Friday, March 31st
  4. Lesson 4: Open Hollywoodify_Photo_1.jpg in Photoshop and rename the file LastnameF_SWAT.psd. There are 17 steps in this assignment, pages 31 thru 39. Due Wednesday, April 5th
  5. Lesson 5: Open Movie_Poster_1.jpg in Photoshop and rename the file LastnameF_MoviePosterPractice.psd. There are 25 steps in this assignment, pages 41 thru 53. Due Thursday, April 13th (grades close April 14th)

 

Week 4 - March 27 - March 31

Creating a Movie Poster

You will work through some Hollywood effects to learn how movie posters are created. The instruction file (HollywoodEffects.pdf) and needed files (Folder-HollywoodEffects) can be found in the class assignments folder. You will be graded on how well you execute following the instructions.

Points will be deducted for assignments that are NOT turned in within 1 day of the due date.

  1. Lesson 1: Open Hollywood_Touch_ups_Start.psd and rename the file LastnameF_Hollywood.psd. There are 11 steps in this assignment, pages 2 thru 7. Due Wednesday, March 22nd
  2. Lesson 2: Open Dramatic_Photo_1.jpg in Photoshop and rename the file LastnameF_DramaticPhoto.psd. There are 28 steps in this assignment, pages 9 thru 22. Due Wednesday, March 29th
  3. Lesson 3: Open Hi_Tech_1.psd in Photoshop and rename the file LastnameF_HighTech.psd. There are 11 steps in this assignment, pages 24 thru 29. Due Friday, March 31st
  4. Lesson 4: Open Hollywoodify_Photo_1.jpg in Photoshop and rename the file LastnameF_SWAT.psd. There are 17 steps in this assignment, pages 31 thru 39. Due Wednesday, April 5th
  5. Lesson 5: Open Movie_Poster_1.jpg in Photoshop and rename the file LastnameF_MoviePosterPractice.psd. There are 25 steps in this assignment, pages 41 thru 53. Due Thursday, April 13th (grades close April 14th)

 

 

Week 5 - April 3 - April 7

Creating a Movie Poster

You will work through some Hollywood effects to learn how movie posters are created. The instruction file (HollywoodEffects.pdf) and needed files (Folder-HollywoodEffects) can be found in the class assignments folder. You will be graded on how well you execute following the instructions.

Points will be deducted for assignments that are NOT turned in within 1 day of the due date.

  1. Lesson 1: Open Hollywood_Touch_ups_Start.psd and rename the file LastnameF_Hollywood.psd. There are 11 steps in this assignment, pages 2 thru 7. Due Wednesday, March 22nd
  2. Lesson 2: Open Dramatic_Photo_1.jpg in Photoshop and rename the file LastnameF_DramaticPhoto.psd. There are 28 steps in this assignment, pages 9 thru 22. Due Wednesday, March 29th
  3. Lesson 3: Open Hi_Tech_1.psd in Photoshop and rename the file LastnameF_HighTech.psd. There are 11 steps in this assignment, pages 24 thru 29. Due Friday, March 31st
  4. Lesson 4: Open Hollywoodify_Photo_1.jpg in Photoshop and rename the file LastnameF_SWAT.psd. There are 17 steps in this assignment, pages 31 thru 39. Due Wednesday, April 5th
  5. Lesson 5: Open Movie_Poster_1.jpg in Photoshop and rename the file LastnameF_MoviePosterPractice.psd. There are 25 steps in this assignment, pages 41 thru 53. Due Thursday, April 13th (grades close April 14th)

 

Week 6 - April 10 - April 13 (short week)

Creating a Movie Poster

You will work through some Hollywood effects to learn how movie posters are created. The instruction file (HollywoodEffects.pdf) and needed files (Folder-HollywoodEffects) can be found in the class assignments folder. You will be graded on how well you execute following the instructions.

Points will be deducted for assignments that are NOT turned in within 1 day of the due date.

  1. Lesson 1: Open Hollywood_Touch_ups_Start.psd and rename the file LastnameF_Hollywood.psd. There are 11 steps in this assignment, pages 2 thru 7. Due Wednesday, March 22nd
  2. Lesson 2: Open Dramatic_Photo_1.jpg in Photoshop and rename the file LastnameF_DramaticPhoto.psd. There are 28 steps in this assignment, pages 9 thru 22. Due Wednesday, March 29th
  3. Lesson 3: Open Hi_Tech_1.psd in Photoshop and rename the file LastnameF_HighTech.psd. There are 11 steps in this assignment, pages 24 thru 29. Due Friday, March 31st
  4. Lesson 4: Open Hollywoodify_Photo_1.jpg in Photoshop and rename the file LastnameF_SWAT.psd. There are 17 steps in this assignment, pages 31 thru 39. Due Wednesday, April 5th
  5. Lesson 5: Open Movie_Poster_1.jpg in Photoshop and rename the file LastnameF_MoviePosterPractice.psd. There are 25 steps in this assignment, pages 41 thru 53. Due Thursday, April 13th (grades close April 13th)

 

Week 1 - April 17 - April 21

First Assignment for 6th 6 weeks:

Movie Poster Project

This project will focus on using the skills you have learned in Adobe Photoshop and applying design principle skills you have been working with the entire school year to create a movie poster. Using Photoshop you will design, adjust and composite images to demonstrate a basic understanding of digital techniques through image manipulation. (concept/ideas, typography, composition, craftsmanship)

10 Points will be deducted each day for assignments that are NOT turned in within 1 day of the due date.

Assignment #1: Create a sub-folder in your folder to save all the images you will need for your project, title it Movie Poster. Identify the movie you will create a movie poster for, you will then need to find all of the assets (pictures) you will/might use on your poster, date of release, billing information, logos for studios and sound, actors names, all the information that will be needed on the poster. Save the images you find to your Movie Poster, DO NOT copy and paste them to a Word document, you will need them later when you start your project in Photoshop.

Create a Word document, type your name and class period at the top of the page.

Identify the following information:

  1. Name of the movie
  2. Synopsis of the Movie
  3. Identify Movie Genre
  4. Date of release (or in theaters now, or on DVD)
  5. Billing: All the main billing information
  6. Logos from studio productions and other logos related to sound. (paste copies of the images, scale to be no larger than 1 inch)
  7. Minimum of 18 different variety of images (paste copies of the images into document, scale to be no larger than 2 inches)

Due date Wednesday, April 19th.

Note: when locating images you will use for your actual poster be sure to find large high quality resolution images so they are not pixelated, poor quality image selection will hurt your grade!

COMPUTER IMAGE MANIPULATION SKILLS

Be able to create a poster using only Adobe Photoshop. (consider all of the techniques you have been working with in Photoshop and how you can apply them to this project, tonal and color adjustment layers, selections and layer masks, filter effects, and more. )

GRAPHIC DESIGN CONCEPTS

Compositional principles: such as focal  point, hierarchy, unity, balance using negative and  positive space. Communicate a style, purpose or message through storytelling, stylistic features, and use of color, tone, and image placement.

FINAL PRODUCT

CONTENT

You will decide on a  movie to do a poster. You will create one poster that will be able to depict the  mood, story, and genre of the movie. Keep in mind the movie needs to be school appropriate and so do the images you use!

The final poster should have the following:

• Images of actors, scenes or props (objects) from the movie.

• Final composite of images should be done at the highest quality.

• Name of the movie

• Date of release (or in theatres now, or on DVD)

• Billing: All the main billing information

• Logos from studio productions and other logos related to sound.

SKETCHES (Brainstorming) - Due Thursday, April 27thYour poster needs to be original, do not use an existing movie poster or images from a movie poster, find images from the movie!

Assignment #2: You will be required to do extensive sketches for the movie poster, minimum  of 3 sketches. These sketches must be by hand and can not use all of the same images. They must be detailed oriented and a clear read to anyone who is looking at the sketches. You can trace from the assets, but you must create the sketches in the 11 x 17 orientation, remember we have tracing tables. (But of course you can create it at a smaller size.)

Assignment #3: Photoshop - Assemble your movie poster in Photoshop creating an 11 x 17 300 dpi document named LastnameF_MoviePoster.

SIZE: Print size 11 x 17, 300 dpi Resolution

COLOR: Full color (watch when printing out, as all colors will print darker  than what you see on the screen.)

SOFTWARE: Must be created solely in Photoshop.

RESTRICTIONS: No art filters on images (accept those used to enhance the quality of the image, like film grain). No vector style artwork. Minimum of 6 different images must me used.

Week 2 - April 24 - April 27th (short week)

Movie Poster Project

SKETCHES (Brainstorming) - Due Thursday, April 27th

Assignment #2: You will be required to do extensive sketches for the movie poster, minimum  of 3 sketches. These sketches must be by hand and can not use all of the same images. They must be detailed oriented and a clear read to anyone who is looking at the sketches. You can trace from the assets, but you must create the sketches in the 11 x 17 orientation, remember we have tracing tables. (But of course you can create it at a smaller size.)

COMPUTER IMAGE MANIPULATION SKILLS

Be able to create a poster using only Adobe Photoshop. (consider all of the techniques you have been working with in Photoshop and how you can apply them to this project, tonal and color adjustment layers, selections and layer masks, filter effects, and more. )

GRAPHIC DESIGN CONCEPTS

Compositional principles: such as focal  point, hierarchy, unity, balance using negative and  positive space. Communicate a style, purpose or message through storytelling, stylistic features, and use of color, tone, and image placement.

FINAL PRODUCT

CONTENT

You will decide on a  movie to do a poster. You will create one poster that will be able to depict the  mood, story, and genre of the movie. Keep in mind the movie needs to be school appropriate and so do the images you use!

The final poster should have the following:

• Images of actors, scenes or props (objects) from the movie.

• Final composite of images should be done at the highest quality.

• Name of the movie

• Date of release (or in theaters now, or on DVD)

• Billing: All the main billing information

• Logos from studio productions and other logos related to sound. Your poster needs to be original, do not use an existing movie poster or images from a movie poster, find images from the movie!

Assignment #3: Due Friday, May 5th

Assemble your movie poster in Photoshop creating an 11" x 17" 300 dpi document named LastnameF_MoviePoster.

SIZE: Print size 11 x 17, 300 dpi Resolution

COLOR: Full color (watch when printing out, as all colors will print darker  than what you see on the screen.)

SOFTWARE: Must be created solely in Photoshop.

RESTRICTIONS: No art filters on images (accept those used to enhance the quality of the image, like film grain). No vector style artwork. Minimum of 6 different images must me used. 

NOTE: You will turn in your file electronically and print a copy and hand on the white board.

Week 3 - May 1 - May 5

Movie Poster Project

COMPUTER IMAGE MANIPULATION SKILLS

Be able to create a poster using only Adobe Photoshop. (consider all of the techniques you have been working with in Photoshop and how you can apply them to this project, tonal and color adjustment layers, selections and layer masks, filter effects, and more. )

GRAPHIC DESIGN CONCEPTS

Compositional principles: such as focal  point, hierarchy, unity, balance using negative and  positive space. Communicate a style, purpose or message through storytelling, stylistic features, and use of color, tone, and image placement.

FINAL PRODUCT

CONTENT

You will decide on a  movie to do a poster. You will create one poster that will be able to depict the  mood, story, and genre of the movie. Keep in mind the movie needs to be school appropriate and so do the images you use!

The final poster should have the following:

• Images of actors, scenes or props (objects) from the movie.

• Final composite of images should be done at the highest quality.

• Name of the movie

• Date of release (or in theaters now, or on DVD)

• Billing: All the main billing information

• Logos from studio productions and other logos related to sound. Your poster needs to be original, do not use an existing movie poster or images from a movie poster, find images from the movie!

Assignment #3: Due Friday, May 5th

Assemble your movie poster in Photoshop creating an 11" x 17" 300 dpi document named LastnameF_MoviePoster.

SIZE: Print size 11 x 17, 300 dpi Resolution

COLOR: Full color (watch when printing out, as all colors will print darker  than what you see on the screen.)

SOFTWARE: Must be created solely in Photoshop.

RESTRICTIONS: No art filters on images (accept those used to enhance the quality of the image, like film grain). No vector style artwork. Minimum of 6 different images must me used. 

NOTE: You will turn in your file electronically and print a copy and hand on the white board.

 

 

 

Week 4 - May 8 - May 12

CD Jacket Design Project

 

Introduction:

 

During this semester, you have been introduced to Adobe Photoshop creating various projects. This project is designed to assess your skill level while creating a designed product.

 

Research & Background:

 

We will be using a few random generators to put together CD Cover art. Here is what you need to do to get all the elements for your cover.

  1. http://en.wikipedia.org/wiki/Special:Random – The first article title on the page is the name of your band.
  2. http://www.quotationspage.com/random.php3 – The last four words of the very last quote is the title of your album.
  3. http://writingexercises.co.uk/random-image-generator.php  - Click on the “Generate a Random Image” button and a random picture will be generated for you. This image will be your album cover. Right-click the image and choose “Save Image As” as save to your folder.
  4. SAVE ALL OF THESE FOR LATER and BEGIN PLANNING.

 

Planning:

 

Sketch out 3 possible creations for your CD cover art. Try to make each one completely different (try different techniques for picture effects, wording, placement, etc). Use color where needed to illustrate emphasis or other design elements.

Your final design must use only the elements you have been given and original creations. It is encouraged to research new skills and techniques to increase creativity and unique designs. Creativity, simplicity, balance and professional results will be rewarded.

 

Creation:

 

  1. Use Photoshop to resize and possibly enhance or modify the original image to work better with text.
  2. Create a new Photoshop document; use the best plan you have to begin your layout, size depends on your research of a CD cover size at 300 dpi.
  3. Have each design element (cover art, title of album, Band name, other pieces) on a properly named layers in the PSD document.
  4. Name the project LastnameF_CDJacket

 

Specifications:

 

  • Final image size must be the size of an actual CD cover at a resolution of 300dpi
  • The final Photoshop file you have saved must have no pixelization in the images or design elements
  • Text needs to be clear, readable, memorable, and understandable
  • Well thought out design choices need to be evident in the final design
  • Color and font choices need to make sense and fit with the rest of the design
  • Bonus for creative layouts and designs that are attractive and not just placed text on an image.

 

Submissions:

 

  1. Random generator handout – identify what your selections were and turn in - due 5/8
    • Name of Band
    • Title of Album
    • Picture  - copy of picture
  2. 3 Sketches – must be completed and turned in before beginning Photoshop document to received full credit (you can print 3 copies of your image and draw on those) – due 5/12
  3. Photoshop file LastnameF_CDJacket turned in to the Turnin Folder for your class. – due 5/19
  4. Print a copy to the color printer and hang on the white board – due 5/19

 

 

Week 5 - May 15 - May 19

CD Jacket Design Project

 

Introduction:

 

During this semester, you have been introduced to Adobe Photoshop creating various projects. This project is designed to assess your skill level while creating a designed product.

 

Research & Background:

 

We will be using a few random generators to put together CD Cover art. Here is what you need to do to get all the elements for your cover.

  1. http://en.wikipedia.org/wiki/Special:Random – The first article title on the page is the name of your band.
  2. http://www.quotationspage.com/random.php3 – The last four words of the very last quote is the title of your album.
  3. http://writingexercises.co.uk/random-image-generator.php  - Click on the “Generate a Random Image” button and a random picture will be generated for you. This image will be your album cover. Right-click the image and choose “Save Image As” as save to your folder.
  4. SAVE ALL OF THESE FOR LATER and BEGIN PLANNING.

 

Planning:

 

Sketch out 3 possible creations for your CD cover art. Try to make each one completely different (try different techniques for picture effects, wording, placement, etc). Use color where needed to illustrate emphasis or other design elements.

Your final design must use only the elements you have been given and original creations. It is encouraged to research new skills and techniques to increase creativity and unique designs. Creativity, simplicity, balance and professional results will be rewarded.

 

Creation:

 

  1. Use Photoshop to resize and possibly enhance or modify the original image to work better with text.
  2. Create a new Photoshop document; use the best plan you have to begin your layout, size depends on your research of a CD cover size at 300 dpi.
  3. Have each design element (cover art, title of album, Band name, other pieces) on a properly named layers in the PSD document.
  4. Name the project LastnameF_CDJacket

 

Specifications:

 

  • Final image size must be the size of an actual CD cover at a resolution of 300dpi
  • The final Photoshop file you have saved must have no pixelization in the images or design elements
  • Text needs to be clear, readable, memorable, and understandable
  • Well thought out design choices need to be evident in the final design
  • Color and font choices need to make sense and fit with the rest of the design
  • Bonus for creative layouts and designs that are attractive and not just placed text on an image.

 

Submissions:

 

  1. Random generator handout – identify what your selections were and turn in, there is a slip of paper to get from me to write your information on and give to me for a grade – due 5/8
  2. 3 Sketches – must be completed and turned in before beginning Photoshop document to received full credit (you can print 3 copies of your image and draw on those) – due 5/12
  3. Photoshop file LastnameF_CDJacket turned in to the Turnin Folder for your class. – due 5/19
  4. Print a copy to the color printer and hang on the white board – due 5/19

 

Week 6 - May 22 - May 26

Verify your grades BEFORE starting the Final Exam!

Graphic Design & Illustration - Final Exam

You will be demonstrating your skills in both Photoshop and Illustrator on this assignment, as well as the use of the four basic graphic design principles. You will use Illustrator for the layout and text for you document and Photoshop to create the artwork.

 

4 Design Principles

Proximity - how close things are to each other

Alignment - placement of text and objects to each other i.e. left, right, center, justify

Repetition - the repeating of an element

Contrast - to make something stand out by using color, size, typeface

 

  • You will redesign a book jacket for the book The Tenth Justice by Brad Meltzer. This will include the cover, the back cover, the spine and the inside flaps. (The original cover is shown here.)
  • A Word document has been provided for you with the text you will use for your book jacket, as well as images you will need to combine in Photoshop for the artwork.
  • The story is about a law clerk working for a Supreme Court Justice in Washington D.C.
  • Your book jacket should be designed with the intended audience in mind. Who do you think the audience for this book would be? What age group?
  • Review the grading rubric for this assignment BEFORE you begin and again BEFORE you turn in your assignment.

Front Cover

  • Book Title
  • Author's Name
  • Cover Art - your own original design using the images provided and demonstrating your skills in Photoshop

Back Cover

  • Title
  • Author's Name
  • Author's Picture
  • Reviews of Book

Spine

  • Title
  • Author
  • Publisher

Inside Front Flap

  • Short summary of the story to be highly interesting to the reader

Inside Back Flap

  • Information about the author and books they have written

Cover Art - Photoshop

  • The Photoshop document should be a custom size, with a width of 5 inches and a height of 10.5 inches.
  • You will be graded on how well you apply the four basic principles of design and the skills demonstrated in both Illustrator and Photoshop. You will need to turn in electronically both the Illustrator and Photoshop files. I will be looking to see if you worked with layers and named the layers appropriately.
  • Name the Illustrator file as follows: lastname_firstname_finalexam
  • Name the Photoshop file as follows: lastname_firstname_finalexam
  • Print a copy of your cover to the HP 750 printer -- paper size 11x17 (tabloid) - put your name on the document and hang on the whiteboard.

 

IF I CAN’T SEE IT, I CAN’T GRADE IT!

Be sure your files are turned in correctly to the TurnIn folder AND your images have been embedded in Illustrator and Photoshop and a printed copy has been put on the whiteboard. If it is not turned in correctly I may not be able to check for all of the required elements.

Grading Rubric

LATEST TWEETS

RECENT WORK

 

Adapted from a template provided by freemusetemplates.net