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/


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.