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

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 14th)

 

LATEST TWEETS

RECENT WORK

 

Adapted from a template provided by freemusetemplates.net