The EMOJI CHALLENGE
HappyFace_Lean.jpg
One of Photoshop's key features is the use of LAYERS to build up the parts of a graphic. Carefully follow these steps to learn how to draw a "layered" Happy Face

1. Setup
  1. Create a New Blank Canvas
    1. Use FILE - NEW - BLANK FILE set the RESOLUTION to 400 x 300 pixels in size, 72 DPI
      (Did you read the info at the bottom of the Resolution Page yet?)
  2. Turn on the GRID
    1. Use VIEW - GRID from the dropdown menu
  3. Set your preferences to a GRIDLINE EVERY 100 PIXELS with 2 SUBDIVISIONS
    1. Use EDIT - Preferences - Grid
    2. Notice that there are dark gridlines every 100 "pixels" and light gridlines every 50
2. Make a Face
  1. Create a new Layer and call it "Face"
    1. Look for the LAYERS palette in the bottom right corner of the screen
    2. Hover over the buttons there until you find the one that lets you "Create a new layer"
    3. Double click on the label "layer 1" and change it to read "Face"
  2. Use the "Elliptical Marquee" tool to select a circle in the very center of the canvas
    1. Hover over the tools in the top LEFT side of the screen until you find the one called "Rectangular Marquee Tool" (it's located below the eyedropper tool)
    2. Click and hold on it until it lets you select the "Elliptical Marquee tool"
    3. Use the gridlines and drag a circle so it's exactly 200 pixels wide and 200 pixels tall. If it isn't exactly in the center, you can drag and move it so it is
  3. Paint it Yellow
    1. Choose a yellow colour by clicking the "Set Foreground Colour" tool at the bottom left side of the screen, and adjusting the colour to yellow
    2. Be sure you're on the FACE layer and fill the circle with yellow by using either:
      1. the PAINT BUCKET tool in the left tool bar
      2. pressing the keys ALT-DELETE
HappyFace01.png
Screen from Photoshop Elements 6

3. Making Eyes
  1. Create a new layer and call it "EYES"
  2. Use the "Elliptical Marquee" tool to create a circular selection in the EYES layer
  3. Tap the D key on your keyboard to set the colours back to the DEFAULT of black & white
  4. Use ALT-DELETE to fill the oval with black
  5. With the first eye selected, use CTRL-J to create a SECOND eye layer - Use the MOVE tool (top left on the screen) to locate it properly on the face
HappyFace02.png
4. Make a Mouth
  1. Create a new layer and name it "MOUTH"
  2. Make a an oval selection right in the MIDDLE BOTTOM of the face
  3. Fill it in with black, but don't deselect it just yet
  4. Drag just the selection circle up (you may need to use arrow keys) (but don't move the black oval)
  5. Hit the delete key to carve away the top part of the oval - that should leave a smile on your face!
  6. Use the MOVE tool and grab one of the corner "handles" to transform the mouth - shrink, rotate, squeeze to customize it
5. Enhance the Illustration
  1. Use Layer Styles to add beveled edges, dropshadows, overlays etc
    1. Layer Styles are among the effects found in the top right corner of the screen
    2. Double click a style to impose it on the current layer
    3. To erase a layer style, locate it's icon in the actual layer (bottom right on the screen) you can right mouse click it and "clear layer style"
  2. Try to restrain yourself - the idea is to make the image look stylish, but not gaudy!
HappyFaceTutorial03.png
SAVE YOUR FILE!
  • SAVE YOUR MASTER FILE: Use FILE - SAVE AS and save your file (as .PSD) to your P: drive using an appropriate filename.
  • SAVE A JPG: Use FILE - SAVE FOR WEB and the it should save to an appropriate name by default
  • Make a new page in your portfolio at the project level called "Photoshop" and put your JPG image(s) on the page. Include a brief description of how you made your happy face(s)

Done early?
Try creating a SECOND happy face and make it a self portrait by including a personal feature that makes you stand out - spot the
self portrait in the collection below:
HappyFace_TGJ.jpg


Photoshop Rubric
Specific Skill or Objective
Level 4 - Exemplary
Level 3 - Competent
Level 2 - Partially Proficient
Level 1 - Incomplete
Layers
Layers are used effectively to create a flexible graphic, and and are all named appropriately
Layers are generally used well, and named appropriately
Layers are not used consistently to separate the graphical elements, and/or aren't named appropriately
Layers are not yet being used to build the graphic
Resolution
The Canvas Size is precisely sized for the desired output both in Dimension and in DPI
The Canvas Size is adequate to produce the desired graphic, but requires subtle adjustment to the dimensions or DPI
The Canvas Size is flawed and indicates some lack of understanding
The Canvas Size is severely flawed and indicates considerable lack of understanding
Grid Specifications
Elements have been created making careful use of the grid system to ensure symmetry and alignment
The grid system has generally been used well to create symmetry and alignment
The grid system is active, but it's been set up randomly, and elements don't seem to make use of it
The grid system has not been properly employed in the development of this project
Layer Styles
Layer styles have been used particularly effectively to enhance the project without being distracting or annoying
Layer styles have been appropriately employed to contribute to the visual appeal of the project
Layer styles have been used randomly, and the student appears to rely on them to create appeal in their project
Layer styles are not being used appropriately
Creativity
Student has taken the techniques being studied and applied them in a way that is totally their own. The student's personality/voice comes through.
Student has taken the techniques being studied and applied them capably. The student starts to have a personality/voice that comes through.
Student has taken the techniques being studied and applied some of them adequately. The student has little personality/voice that comes through.
Student has taken the techniques being studied and has done llittle to apply them. The student has shown no personality/voice that comes through.