Today in class we will be doing a review of portrait retouching, while taking it a step further than before. Please see the Transfer drive for PDF handouts.
There will also be an open lab period to work on Final Projects which are due in 2 weeks.
Sign Up for a Carbonmade Portfolio. Here are some examples.
If you'd like to buy your own website, a good DIY template service is Photo Biz
Class blog for the "Image Manipulation" course at The Art Institute of Sunnyvale, Spring 2012
Wednesday, May 30, 2012
Week 9, May 30th: Review + Work on Finals
Wednesday, May 23, 2012
Week 8, May 23rd: Actions, Restoration and Patterns
Class Outline:
Talk about Final Project Proposals
Retouching old or damaged Photos
Making Patterns
Creating Shadows/Reflections
Raw Plug-ins/Presets/Actions for Effects
Writing Actions and Recording Presets
HW Due Next Week on May 30th:
Choose one:
Restore an old/damaged photo, Create a pattern (see below) or Create a collage using blending modes
Creating Actions for Creative Filter Effects:
Actions are recorded steps done in Photoshop that save us lots of time! You can record your own actions (series of steps) or you can download them. Here are links to download actions that add effects to your images like the vintage look above.
Action Set 1
Action Set 2
Free Plug-ins for more effects:
http://www.lightstalking.com/ free-photoshop-plugins
Camera Raw Presets are like actions for RAW files. Download some presets here or record your own by going to the Presets tab in Camera Raw:
http://www.ononesoftware.com/ products/perfect-presets- camera-raw/
Pattern Making with Photoshop:
Great for printing on fabric and textile design
1.) Start with an image you'd like to repeat. this can be a sketch, a photo, or several different items scanned in and overlapped to make a shape, like the one I did below.
2.) Select the entire image (use marquee tool, or command A). Edit > DEFINE PATTERN.
3.) Make a new document that is larger than the image you want to repeat. Do the math to make sure your image fits. For example, the image above that i want to repeat is 2 inches by 2 inches. So I made a new document that is 12 inches by 12 inches. This means my image will repeat exactly 6 times across and 6 times down.
4.) On the new larger document, fill the background with whatever color you want (EDIT> FILL). Then to repeat the pattern go to EDIT > FILL>Fill with pattern. Make sure you select your image from the "custom pattern" drop down menu.
5.) Voila! You have a pattern that you can now use in the backdrop of a digital illustration, in the clothing of a fashion illustration, to make wall paper, to print on fabric, etc....
Adding a Shadow/Reflection:
To create the look above, follow these steps:
Talk about Final Project Proposals
Retouching old or damaged Photos
Making Patterns
Creating Shadows/Reflections
Raw Plug-ins/Presets/Actions for Effects
Writing Actions and Recording Presets
HW Due Next Week on May 30th:
Choose one:
Restore an old/damaged photo, Create a pattern (see below) or Create a collage using blending modes
Creating Actions for Creative Filter Effects:
Actions are recorded steps done in Photoshop that save us lots of time! You can record your own actions (series of steps) or you can download them. Here are links to download actions that add effects to your images like the vintage look above.
Action Set 1
Action Set 2
Free Plug-ins for more effects:

Camera Raw Presets are like actions for RAW files. Download some presets here or record your own by going to the Presets tab in Camera Raw:
http://www.ononesoftware.com/
Pattern Making with Photoshop:
Great for printing on fabric and textile design
1.) Start with an image you'd like to repeat. this can be a sketch, a photo, or several different items scanned in and overlapped to make a shape, like the one I did below.
2.) Select the entire image (use marquee tool, or command A). Edit > DEFINE PATTERN.
3.) Make a new document that is larger than the image you want to repeat. Do the math to make sure your image fits. For example, the image above that i want to repeat is 2 inches by 2 inches. So I made a new document that is 12 inches by 12 inches. This means my image will repeat exactly 6 times across and 6 times down.
4.) On the new larger document, fill the background with whatever color you want (EDIT> FILL). Then to repeat the pattern go to EDIT > FILL>Fill with pattern. Make sure you select your image from the "custom pattern" drop down menu.
5.) Voila! You have a pattern that you can now use in the backdrop of a digital illustration, in the clothing of a fashion illustration, to make wall paper, to print on fabric, etc....
Adding a Shadow/Reflection:
To create the look above, follow these steps:
1. Make a selection of your accessory using any selection
method you choose (Pen Tool, Color Range, Magic Wand, etc… Magic Wand is
probably the easiest if your background is white. Don’t forget to Select >
Inverse)
2. When the selection is live, Copy (command C) and Paste
(Command V). It will automatically be pasted into a new layer. Name this layer
“REFLECTION”
3. With the new “reflection” layer highlighted, go to EDIT
> TRANSFORM > FLIP VERTICAL. Use the MOVE TOOL (V) to drag the reflection
down below the accessory.
4. If your canvas is not tall enough, go to IMAGE >
CANVAS SIZE to add more white at the bottom.
5. Change the Opacity of the “reflection” layer to about 35%
6. Make a Layer Mask on the “reflection” layer. Using the
GRADIENT TOOL on the mask and black paint, drag from the bottom center of your
canvas to create a “fall off” of the reflection.
7. On the “reflection” layer, go to EDIT > FREE TRANSFORM
if you’d like to rotate the reflection. Additionally, use MOVE TOOL to move it
around.
Stellar Student Work
![]() | |
by Brad Andres |
![]() | |
by Charlie Aczon |
![]() | |
by Eric Enriquez |
![]() | |
by Marlena Jennings |
Tuesday, May 22, 2012
Repairing Damaged Photos
Repairing Old or Damaged Photos:
Using a combination of clone stamp, fill with content aware, healing with content aware, healing brush and patch tool, you can repair old or damaged photos.
Using a combination of clone stamp, fill with content aware, healing with content aware, healing brush and patch tool, you can repair old or damaged photos.
Wednesday, May 16, 2012
Animated GIFs
This is a great blog to look at for animated GIF ideas:
From Me To You
And here is an article in which the artists Jamie Beck and Kevin Burg talk about their process which involves both still and video imagery:
http://www.theatlantic.com/technology/archive/2011/04/how-jamie-beck-and-kevin-burg-create-their-animated-gifs/237404/
From Me To You
And here is an article in which the artists Jamie Beck and Kevin Burg talk about their process which involves both still and video imagery:
http://www.theatlantic.com/technology/archive/2011/04/how-jamie-beck-and-kevin-burg-create-their-animated-gifs/237404/
Week 7: Creative Collages, Content Aware & Puppet Warp
Class Outline May 16th:
Puppet Warp / Content Aware Fill
Repairing Old Photos
Creative Collage using Blending Modes
HW Due Next Week: (Due May 23rd):
1.) Make one Animated GIF
2. )Write a one page proposal on what you’d like to do for your final, which is due week 11. Bring this proposal printed to class.
3.) Reading: Classroom in a Book section 14.
*****
Filling with Content Aware:
Sometimes going to EDIT> FILL with Content Aware is easier than cloning. Take for example this image below I took of come chicken. Just use the lass tool to select the area(s) you want to fill.
Puppet Warp and Creating Animated GIFs
(image sample below from Lynda.com)
1.) To puppet warp an image, isolate it the subject onto a separate layer (select it by using the pen tool). Content aware fill the area behind it. Then go to EDIT > PUPPET WARP. Unclick "show mesh" at the top.
2.) Create several anchor points by clicking. Anchor points that have the black circle in the middle are movable. Shift click to add multiple moveable points. To delete a point, option click and move your mouse over a point until you see the scissors, then click to delete it. Click the check mark at the top to finalize any movement.
3.) Puppet warp several layers, each with a slightly different consecutive movement.
4.) Select all layers (by shift clicking) then go to WINDOW > ANIMATION. Make sure you are not in timeline view (toggle button on bottom right of animation panel). Click the dialogue box at top right corner of animation panel. Choose "Make Frames from Layers". Go back to layers.. Click just background layer (that has beach on it). Then go back the dialogue box at top right corner of animation panel and choose "Match Layers Across Frames". Throw away background/beach layer by dragging to trash in animation panel. Change timing from each frame to about 0.2 seconds. Change "Once" to "Forever" (bottom left of animation panel.
5.) File > SAVE FOR WEB and DEVICES to save the "GIF".
Hit play!
Collage Using Blending Modes:
1.) Open an image you'd like to modify, such as this beach picture (which I took in Capri, Italy).
2.) Then open a separate file of a texture you'd like to overlay onto it. (such as this scanned piece of old paper.
3.) Use the move tool to drag the old paper on top of the beach. Command T (or Edit > Free Transform) to make the paper cover the entire beach scene.
4.) Change the blending mode (top of layers palette) to Multiply to make the paper transparent. You can try the other blending modes such as Color Burn, Vivid Mix or Overlay, and also play with the opacity of that old paper layer for a different look.
Puppet Warp / Content Aware Fill
Repairing Old Photos
Creative Collage using Blending Modes
HW Due Next Week: (Due May 23rd):
1.) Make one Animated GIF
2. )Write a one page proposal on what you’d like to do for your final, which is due week 11. Bring this proposal printed to class.
3.) Reading: Classroom in a Book section 14.
*****
Filling with Content Aware:
Sometimes going to EDIT> FILL with Content Aware is easier than cloning. Take for example this image below I took of come chicken. Just use the lass tool to select the area(s) you want to fill.
Puppet Warp and Creating Animated GIFs
(image sample below from Lynda.com)
1.) To puppet warp an image, isolate it the subject onto a separate layer (select it by using the pen tool). Content aware fill the area behind it. Then go to EDIT > PUPPET WARP. Unclick "show mesh" at the top.
2.) Create several anchor points by clicking. Anchor points that have the black circle in the middle are movable. Shift click to add multiple moveable points. To delete a point, option click and move your mouse over a point until you see the scissors, then click to delete it. Click the check mark at the top to finalize any movement.
3.) Puppet warp several layers, each with a slightly different consecutive movement.
4.) Select all layers (by shift clicking) then go to WINDOW > ANIMATION. Make sure you are not in timeline view (toggle button on bottom right of animation panel). Click the dialogue box at top right corner of animation panel. Choose "Make Frames from Layers". Go back to layers.. Click just background layer (that has beach on it). Then go back the dialogue box at top right corner of animation panel and choose "Match Layers Across Frames". Throw away background/beach layer by dragging to trash in animation panel. Change timing from each frame to about 0.2 seconds. Change "Once" to "Forever" (bottom left of animation panel.
5.) File > SAVE FOR WEB and DEVICES to save the "GIF".
Hit play!
Collage Using Blending Modes:
1.) Open an image you'd like to modify, such as this beach picture (which I took in Capri, Italy).
2.) Then open a separate file of a texture you'd like to overlay onto it. (such as this scanned piece of old paper.
3.) Use the move tool to drag the old paper on top of the beach. Command T (or Edit > Free Transform) to make the paper cover the entire beach scene.
4.) Change the blending mode (top of layers palette) to Multiply to make the paper transparent. You can try the other blending modes such as Color Burn, Vivid Mix or Overlay, and also play with the opacity of that old paper layer for a different look.
Subscribe to:
Posts (Atom)