Thursday, December 19, 2013

GDL - Vintage Poster


DUE: Friday, December 19th

Create a vintage poster with your favorite hobby.  The tutorial using a go kart, but you may choose any subject and pull an image from google.  You may choose any paper texture, but there is one at the bottom of this page to make your life easier.  Follow the Chris Spooner tutorial here.

This tutorial will be a demonstration of the combined power of Photoshop and Illustrator.

File >> Save for Web...  and upload your finished project to your blogger for grading.

GRADE ELEMENTS:


  • Page layout built with Shapes and Pathfinder
  • Text layout
  • Proper page proportions (ie Portrait)
  • Adding texture with Opacity Blend Modes
  • Photo cutting and editing


GRADING:
Students will be graded on the quality of lines and the ability to utilize the tutorial tools.
RUBRIC


Excellent
10
Average
7
Poor
5
Failure
0
Design Quality
The shapes are perfectly aligned without any jagged edges or corners.
The shapes are well aligned with only a few jagged edges or corners.
The shapes are poorly aligned with    many jagged edges or corners.
No attempt at aligning shapes
Objective Elements
The design looks exactly how it should look. Contains all tutorial elements.
The design resembles the demo, but lacks some elements.
The design is a poor representation of the example.
The design looks nothing like the    example.




LINKS:
Tutorial : http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-retro-style-race-poster-in-photoshop
Textures: http://lostandtaken.com/gallery/tag/paper




Monday, December 16, 2013

GDL - Multiple Color Image

DUE: Monday December 16th

Create 3 versions of the same image all on one Photoshop document.  Add a white and then black border to simulate a frame.  Upload to blogger.


  1. Open an image in Photoshop
  2. Select all and copy
  3. Image >> Canvas Size... double height
  4. Paste and position copy
  5. Image >> Canvas Size... increase height by original height
  6. Paste and position copy
  7. Using Layers, adjust Hue/Saturation so each image is different
  8. Add a small amount to height and width of canvas
  9. Add a new layer and make it white with the Paint Bucket
  10. Add a small amount to height and width of canvas
  11. Add a new layer and make it black with the Paint Bucket
  12. Save for Web & Devices

Thursday, December 12, 2013

GDL - Comic Book Covers

DUE: Friday, December 12th

Create a minimalist comic book cover with you favorite hero.  Google Minimalist Hero for project inspiration.  Follow the Chris Spooner tutorial here.

This tutorial will be a review of the Illustrator Pathfinder palette and Shape tools, as well as a great demonstration of their combined power.  Then, you will move your design to Photoshop to learn a basic coloring technique using Fill and the Area Selector tool.  In Photoshop you will also learn to apply a texture over your artwork to create an aged effect.

File >> Save for Web...  and upload your finished project to your blogger for grading.

GRADE ELEMENTS:

  • Character built with Shapes and Pathfinder
  • Character design inline with tutorial
  • Proper page proportions (ie Portrait)
  • Adding texture with Opacity Blend Modes


GRADING:
Students will be graded on the quality of lines and the ability to utilize the tutorial tools.
RUBRIC


Excellent
10
Average
7
Poor
5
Failure
0
Design Quality
The shapes are perfectly aligned without any jagged edges or corners.
The shapes are well aligned with only a few jagged edges or corners.
The shapes are poorly aligned with many jagged edges or corners.
No attempt at aligning shapes
Objective Elements
The design looks exactly how it should look. Contains all tutorial elements.
The design resembles the demo, but lacks some elements.
The design is a poor representation of the example.
The design looks nothing like the example.




LINKS:
Tutorial : http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-retro-style-superman-book-cover
Textures: http://lostandtaken.com/gallery/tag/paper

Inspiration:  https://www.google.com/search?q=minimalist+hero&safe=off&rlz=1C1ASUT_enUS471US471&espv=210&es_sm=122&tbm=isch&tbo=u&source=univ&sa=X&ei=DtWpUsfdD-6uyAGxoYHgDw&ved=0CC4QsAQ



Tuesday, December 10, 2013

GDL - Intro to Photoshop

DUE: Wed. December 11

OBJECTIVE: Create several versions of a single image using Photoshop Layers, Blurs, Lasso Tools, and coloring capabilites.

Copy the image you wish to use.  Open PhotoShop and create a new document File >> New.  The preset should be set to Clipboard, which will set the size and color space to that of the image you previously copied.  Edit >> Paste or [CMD]+V to paste your image onto the Canvas.

On the Layers palette, right click the background and click duplicate.  Duplicate it again so you have 3 layers.  The first layer is your safety net in case you mess something up.  The top and middle layers are the ones you are going to colorize.

Use the Polygonal Lasso tool to outline the subject of your image (main person, car, etc).  Edit >> Copy or [CMD]+C to copy the subject and paste it with Edit >> Paste or [CMD]+V.  Photoshop will create a new layer for the pasted subject.

On the layers palette, select the top background layer.  Image >> Adjustments >> Hue/Saturation or [CMD]+U will bring up the Hue/Saturation dialog.  Make sure the Preview checkbox is selected so you can see what effects your changes will make.  Dragging the Saturation slider all the way to the left will create a B&W background.  Checking the Colorize box will set the entire background to shades of one color selected using the Hue slider.


BEFORE
AFTER

Friday, December 6, 2013

GDL - Photoshop

DUE: Tuesday, December 10

OBJECTIVE: Learn to incorporate Illustrator designs into real life pictures using Photoshop.

This technique can be used to show clients what their proposed designs look like in real life, for example on a business card or shirt.

INSTRUCTIONS:

  • Open Photoshop
  • Copy the picture at right
  • Create a new Photoshop document
  • CMD+V to paste the picture into Photoshop
  • Select an Illustrator design
  • Copy and paste it into a new layer in PS
  • Choose the area selection tool
  • Right click to use Free Transform/Distort/Skew to fit the design on the wall
  • Adjust the layer opacity settings to blend it into the brick

Wednesday, December 4, 2013

GDL - Holiday Ornament

DUE: Thursday, December 5th

OBJECTIVE:  Use Illustrator to create a holiday ornament with background as in the tutorial.  This project will reinforce and grow your Gradient and Pathfinder tool abilities.

LINKS:
http://vector.tutsplus.com/tutorials/illustration/how-to-create-an-enchanted-holiday-ornament-design/

Tuesday, December 3, 2013

GDL - Ice Design


DUE: Tuesday, December 3rd

OBJECTIVE:  Review + enhance Pathfinder and Gradient skills by creating an Ice design.

80%:  Follow the tutorial exactly

100%: Follow the tutorial, but use the resolution of your phone and set your design as a background.

    OR

100%: Use the tutorial to create a stained-glass style picture (ex. mountain, tree, santa).

LINKS:
http://blog.spoongraphics.co.uk/tutorials/how-to-create-an-icy-blue-vector-geometric-design


Sunday, December 1, 2013

GDL - iOS7 Style Flower Icon

DUE: Monday, December 2nd

Create the icon at right using the tutorial in LINKS.  This is an easy review project that utilizes skills you already have.

LINKS:
http://vector.tutsplus.com/tutorials/quick-tip-create-an-ios-7-inspired-flower-icon-using-the-rotate-tool/