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

4th 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 - January 16 - January 20

Monday - No School MLK Jr. Day

Tuesday, January 20th through Friday, January 23rd

Today,  we will begin working in Adobe Photoshop. You will first learn how to use Photoshop as a painting program and then move into manipulating photographs. I will get you started and step you through the instructions to help you get the feel for Photoshop. This assignment is due at the end of class on Wednesday.

The tutorial file and reference image can be found in the assignments folder.

Name your file: LastnameF_ColoringLineArtPractice (Be sure to save your work to your documents folder!)

Due Friday, January 20th

To make adjustments to the pen pressure and adjust "smoothing, choose Window --> Brush. Select Shape Dynamics and select Pen Pressure for Size Jitter and Angle Jitter, play with the % to see how it works for you, start around 10%.

When you finish the Line Art Practice

You will choose your own line art image to color with the same techniques, if you have your own drawings feel free to use those! Keep in mind this is due on Wednesday, so choose your reference image wisely. Also, there is a reference tutorial in the assignments folder if you do not remember some of the steps.

TIP:

When doing a Google search for your image click Search Tools then under Any type select Line Drawing.

Name your file: LastnameF_ColoringLineArt

Due Wednesday, January 25th

Week 2 - January 23 - January 27

Coloring Line Art Your Choice

You will choose your own line art image to color with the same techniques, if you have your own drawings feel free to use those! Keep in mind this is due on Wednesday, so choose your reference image wisely. Also, there is a reference tutorial in the assignments folder if you do not remember some of the steps.

TIP:

When doing a Google search for your image click Search Tools then under Any type select Line Drawing.

Name your file: LastnameF_ColoringLineArt

Due Friday, January 27th

 

 

 

Week 3 - January 30 - February 3

Monday, January 30 - Thursday, February 2

How to Paint Quick Realistic Fur Using Photoshop by Monika Zagrobelna (http://psd.fanextra.com)

Do you love photo realistic digital art, but lack the time or skills to produce epic digital paintings?

If you answered yes, then don’t go anyway, this is the tutorial for you.

Simply avoiding learning digital painting is a real shame, as it can teach you a lot about design, art and Photoshop, and can really help you better your understanding of areas such as lighting and perspective.

In short, if you learn digital painting, other aspects of your day to day designing will benefit.

Luckily, there are certain short hand techniques that the masters use when it comes to digital painting.

This means that even if you don’t a whole lot of time, you can produce amazing works in minutes or hours, rather than days.

This tutorial will teach you how to draw realistic fur using Photoshop, without having to worry about drawing it hair by hair.

Think of this as a short hand guide.

You’ll be taken through the steps to create a realistic wolf using a photo reference and some creativity.

Let’s get into it!

Final Image

As always, this is the final image that we’ll be creating:

Resources Used In This Tutorial:  Wolf Photo (Located in Class Assignments Folder)

Step 1

First you need a good reference photo of your subject.

A good reference should be sharp and a large resolution.

Open the reference photo in Photoshop and save it as your new file. Name the file LastnameF_Wolf and save to your documents folder.

Choose Lasso Tool (L), make sure you’ve got “Add to selection” option turned on and use the tool to “draw” the general shape of the wolf’s body. It’s good to draw small parts at once, so that you don’t lose your work when something goes wrong.

Generally I prefer other selection methods, but for this example the lasso tool is perfect because it’s most similar to free-hand drawing and you’ll get natural hair tufts this way.

This is how it should look after finishing the selection.

Basically, we just set a border between wolf’s body and everything else.

Sometimes you’ll have to guess a selection for an area hidden in the source file (look at the paws).

Now create a new layer and use Paint Bucket Tool (G) to fill the selection with some basic color of fur (you can pick it from reference with Color Picker (I)). We’re going to call this layer ‘Base’.

Lower the ‘Base’ layer’s Opacity to 25% so that you can see what’s behind it. Create a new layer and grab your favorite brush to sketch basic lines. Don’t dive into details yet!

Change the Base’s Opacity back to 100%. From now the reference should be there just for looking – no more tracing, or you won’t learn anything.

Use Crop Tool (C) to make your canvas bigger and place the reference next to the Base and the sketch.

Step 2

Create a new layer between the Base and the Sketch, then open its menu and choose Create Clipping Mask. Everything you’ll draw on this layer will stay within the Base’s borders. Cool, huh? Now grab a Brush and choose options for it as shown below (low Flow is a key for good blending). Lower the Sketch’s Opacity so that it doesn’t disturb you, then put first colors on the clipped layer. Pick them from the reference for realistic effect. At this moment it’s important to stress the lights and shadows, not exactly colors.

Step 3

Have you ever seen a picture that looked great as a thumbnail, but not so good when enlarged? You can use this for your pictures – just make your image much bigger than you need. This way you’ll be able to put fine tiny details on it, and the final effect will be amazing. Go to Image > Image Size and change the Resolution to 300 (at least – if your computer is good enough, you can try more).

Step 4

Now look at the reference to see the flow of the fur. You need to see all the layers in your mind.

Draw some hair on the clipped layer according to the imagined arrows indicated below. Use the same brush as before and draw it fast, loosely, don’t really think about it too long. Pick new colors all the time.

When you want to draw some shorter hair that are cooped up, make a scattering brush. That’s easy, really. Check out the brush settings below.

And these are the places good for it.

Step 5

When the fur is thick and long, it doesn’t distribute evenly. There are places where it “breaks” in a specific way and the contours change. It’s very important to stress this, as many beginners forget about it, subsequently making their fur looking fake. Pick some darker color (glum green or blue should do) and draw these “cracks” wherever they are needed.

“Cracks” are always covered with single hairs. Use the base color for your covering hairs and cover the cracks.

Now pick lighter color of the fur and stress some lights. They should appear especially over the green borders of Step 4.

Step 6

Time to add some detail on the head. Draw the nose and the eye, using glum colors first.

Then add some light, using a hard brush, light blue and Linear Light Mode. It will make the eyes shine, but don’t overdo it. The nose will need some wetness too.

Step 7

Use black to draw the claws. It’s a wolf and its claws can break off easily, so don’t make them too sharp.

Step 8

Come back to the Base layer and use Smudge Tool to make the hair tufts even more natural and blending. You can draw some single hairs as well.

Step 9

Merge the Base with all the clipped layers, then duplicate it (Ctrl + J) and convert the copy to a Clipping Mask. This way you’ll be able to edit whole picture without going out of the body borders.

For now, the fur may look hand-drawn. There’s a quick way to give it a natural look. Go into Quick Mask Mode (this way you can select chosen parts with a brush). Choose a soft brush (0% hardness) and paint over all the parts where fur goes in the same direction.

Click again the Quick Mask Mode button to go out of it, then, if your selection is inverted (the outer parts are selected) click Ctrl+ Shift + I to change it. Now go to Filters > Blur > Motion Blur and choose the direction of the hair you selected. The strength of the blur is up to you – the more blur, the more “dreamy” style.

Now repeat these steps for every “direction group” you can find.

Step 10

The blur you added could’ve break some details of the fur. Add some new dark cracks between the “direction groups”…

…and this time cover it slightly with hair going into different direction. This way you’ll blend the “direction groups” you’ve blurred before.

Ear and head need more special treatment. Hair goes here in every direction it wants, really.

This is how it should look when finished.

Step 11

Time to add some environmental lights. According to the reference, we’ve got some sky’s reflection and grass reflection. Use very light versions of these colors to put the lights.

Step 12

To add a final polish choose a small, sharp brush (but leave the Flow amount low) and draw some single light hairs. Draw them loosely, in tufts, going in different directions.

 

And We’re Done!

And here is the final effect. It’s looking good and using this method we didn’t have to spend ages creating it. I hope you liked the effect.

 

Friday, February 3rd

Today you will begin working on painting realistically in Photoshop. Open the SWF file tutorial how to paint a wolf for reference, this can be found in the assignments folder. The reference image you will be using is also there and is titled Wolf_sketch.jpg. Your goal is to make a realistic wolf, find a reference photo on the Internet that you would like to use for the wolf you are going to sketch.

Read the instructions carefully!

Notes for Steps:

Step 1 A - Create your New Document with the following settings:

Step 1B - File --> Place Embedded the reference image be sure to change the Blending Mode for the reference image layer to Multiply. You will be doing ALL of your drawing BELOW this layer, changing the blending mode allows you to see the lines.

Step 3 -   The TIP is explaining how to create a Clipping Mask by using shortcut keys, this can also be done with the Panel Menu button.

Step 14 - There is a photo in the assignments folder to use for the background titled background-clouds.

This assignment will be due on Thursday, February 9th by the end of class, submit to the TurnIn folder for your class.

Week 4 - February 6 - February 10

Monday, February 6th through Friday, February 10th

Open the SWF file tutorial how to paint a wolf for reference, this can be found in the assignments folder. The reference image you will be using is also there and is titled Wolf_sketch.jpg. Your goal is to make a realistic wolf, find a reference photo on the Internet that you would like to use for the wolf you are going to sketch.

Read the instructions carefully!

Notes for Steps:

Step 1 A - Create your New Document with the following settings:

Step 1B - File --> Place Embedded the reference image be sure to change the Blending Mode for the reference image layer to Multiply. You will be doing ALL of your drawing BELOW this layer, changing the blending mode allows you to see the lines.

Step 3 -   The TIP is explaining how to create a Clipping Mask by using shortcut keys, this can also be done with the Panel Menu button.

Step 14 - There is a photo in the assignments folder to use for the background titled background-clouds.

This assignment will be due on Friday, February 10000th10 by the end of class, submit to the TurnIn folder for your class.

 

Week 5 - February 13 - February 17

DUE THIS WEEK!!! Come in before school or during lunch if you do not have enough time during class.

Open the SWF file tutorial how to paint a wolf for reference, this can be found in the assignments folder. The reference image you will be using is also there and is titled Wolf_sketch.jpg. Your goal is to make a realistic wolf, find a reference photo on the Internet that you would like to use for the wolf you are going to sketch.

Read the instructions carefully!

Notes for Steps:

Step 1 A - Create your New Document with the following settings:

Step 1B - File --> Place Embedded the reference image be sure to change the Blending Mode for the reference image layer to Multiply. You will be doing ALL of your drawing BELOW this layer, changing the blending mode allows you to see the lines.

Step 3 -   The TIP is explaining how to create a Clipping Mask by using shortcut keys, this can also be done with the Panel Menu button.

Step 14 - There is a photo in the assignments folder to use for the background titled background-clouds.

 

 

Week 6 - February 20 - February 24

DUE FRIDAY! This is the last assignment for the 6 weeks and grades close on Friday, February 24th.

Painting on Grayscale Line Art to Create a Colored Sketch

This method of painting in Photoshop paints on layers above grayscale line art, combining blending modes, brush styles and taking advantage of a drawing tablet can create a really stunning effect.

Tools/Techniques Used:

Brush Tool, Lasso Tool, Quick Selection Tool

Fill Command, Create & Name Layers, Options Panel, Lock Transparent Pixels, Lock Layer, Stacking Order, Brush Panel, Brush Presets Panel, Load Brushes, Blending Modes

For more information on blending modes here is a great resource from Photoshop Essentials.

We are going to start with Alvin Hew's grayscale line art Silent Ruins. When painting in Photoshop it is important organize your layers and have a color scheme ready to go. Many Photoshop artists create a layer for their color palette much like an artist's paint palette to work from to keep track their colors, this is extremely important since you will be making adjustments to your layers Color Modes and Transparencies this will affect how your color would later be picked up with the Eyedropper tool.

 

  1. Open the File titled SilentRuins.psd.
    We first need to enlarge are canvas on one side to make room for owe reference colors.
  2. Choose Image --> Canvas Size --> Add 100 pixels to the right side of the canvas and click OK.

  3. Create a new layer and name it Color References and begin creating a color palette for your image.
    Note: Keep this layer at the top of your stacking order so the colors remain true.
  4. Let's begin by creating a Color layer and fill it with a color that compliments the overall mood of the scene and apply a Color Mode to the layer.
  5. Now, begin painting the various elements in the image starting with the large images. Remember to add colors to your Color References layer if you add any additional colors while you work.
     
  6. Scroll through the different Blending Modes to see how the colors interact with the Reference Sketch layer.
    TIP: Use selection tools to isolate the areas you want to paint.
  7. Customize your Brush to work with the Wacom tablet, choose your Brush Preset and open the Brush Panel.
  8. The Shape Dynamics category allows you control Size Jitter, Angle Jitter and Roundness Jitter by the pressure you create using your stylus.
    Choose Pen Pressure from the Control Menus for each of the Jitters, adjustments to the percentage will very based on the user.
    Note: Jitter simply is Photoshop's term form randomness.
     
  9. The Color Dynamics category allows you to specify two different colors for blending, this would be an excellent option for the leaves.
    For more information on color dynamics here is an article from Photoshop Essentials.

 

LATEST TWEETS

RECENT WORK

 

Adapted from a template provided by freemusetemplates.net