Thursday, April 12, 2012

Changing Focus animation experiment

Here's a test I tried for the "camera focus" effect....
I used the "Blur" filters in photoshop, with a change in the size of the man to make him appear out of the background....


It's rough now, and I'll work to get it clearer...

Here's the layers used, see the copies of the guy set to different levels of blur?


Here's the animation frames.... I used the "tweening" to make 5 frames in between the blur stages of the guy....




Here's the movie


Wednesday, April 11, 2012

"Panning" in Animation

Here's an example of "panning", or creating the sense of moving the "camera", or moving a foreground element. 

I thought to create the illusion of subway car windows rushing by- what you might see riding the trains in Boston...etc.

I build the pieces of the scene, using one image of a subway car interior and adding the image of Lincoln. I used Photoshop's "adjustment layer" feature to "colorize" Lincoln to match the colors in the subway car interior. Now he seems to be INSIDE the car....




Next, I created the windows to rush by in the foreground. Because I needed a LONG strip of them to drag through the scene, I created a separate photoshop canvas almost three times the length of the original canvas, 18 X 6 inches compared to the original 8X6 inches.

Then I could draw the silhouette of the windows using selections and fills....


I then dragged the windows into the Lincoln workspace, and began to create animation frames.... I moved the windows with the keyboard arrows as I made frames. Moving it more and more each frame created the illusion they were "speeding up" (the train was accelerating). Holding the "shift" key  while pressing the  arrow key made the windows move further each time.

The final movie has over 40 frames.......






Here's the movie so far.... I'll begin to add other effects next...


Monday, April 9, 2012

Metamorph Animation

Create a short movie, using Photoshop's animation features.


Set up a new document to these settings (72 dpi)


And here are some of the controls

Animation toolbar



adding frames to the toolbar


Adding layers for each change in the frames

Here's the movie so far... click on it to "play"


Tuesday, April 3, 2012

A Giant Of Typography

DAVID CARSON 
is another designer you should know.... known for rewriting the rules of typography and breakng out of the standard "grid" system of design. As a result, his work is full of action and life. Look how he pushes the SHAPE, SIZE and PROXIMITY of the letter forms to create a mood.

See more of his work here @ http://www.davidcarsondesign.com/

And a TED video of him discussing his work is here @ http://www.ted.com/talks/david_carson_on_design.html

and here @ http://www.youtube.com/watch?v=C_j5M-xJIC0



These are posters for the Atlantic Center For The Arts....












Presenting Your Work...

Include some explanation of your CREATIVE PROCESS in the "typography posting". Discuss these topics:

• How did you use typography elements (font shape, size, color, clarify, etc.) in the work?
• How did you progress through the project, where did you start?
• What discoveries did you make?

Monday, April 2, 2012

Test #2



I am playing around with the resolution settings in photoshop.... 
This image was started as a 10 dpi resolution file that was 8 X32 inches... 
then I altered the resolution to 72 to add sharp text and images.
 I tried to get the image to display longer, and longer on the blog, but it looks like there is a maximum size that blogger can display. 

I left it at about 8 X 40 inches in photoshop, and set the image for "actual size" in blogger.

I was interested in the results of "pixelating" an image, or text.... and was trying to get some "accidents" to happen by enlarging low resolution files.....

More to come....




Interesting link for you

Frank had posted work by this artist/ designer named Daniel Danger....

I found these videos showing him working and discussing his work....

Check this video of him presenting his work and ideas @ http://vimeo.com/12288104




And this video of him working with what looks like scratchboard, then scanning into Photoshop to add effects and to "build" the final image. See it here @ http://herocomplex.latimes.com/2011/07/28/cowboys-aliens-gets-mondo-poster-treatment/#/3



Thursday, March 29, 2012

Scanner Dreams

Here's an idea- use the scanner as a camera....... 

Most people place the object to scan, or "document" flat on the glass, and the scanner's light bulb moves past it, recording what it reflects. Giving you a crisp, flat image.

Well,

Consider moving the "document" as the scanner's light bulb moves down the glass. The result is a distortion like this.....



Or consider bending the "document" so that it is not flat on the glass. The scanner has a depth of field, like a camera, so bending the paper makes the image go out of focus and darkens values.... cool!

like this...


To use the Design Class' scanner, just click the "Imagecapture" icon on the dock and set up the controls for colors, or greys, or even just black and white. You can also adjust the resolution to get effects.


Here's the icon.....



Here's the control panel of the scanner...

   

experiment


New Blog Work- TYPOGRAPHY

Your next challenge is to create a typography based posting on your blog...... 

• Convey a MESSAGE using type-based images only...
• Use and exploit the BLOG format (vertical scrolling)
• Use only images you create
or
• All sampled imagery must be "four steps away" from and original image (crop, color, filter, blur, etc.)
• Explore the use of a scanner, camera, phone, etc for developing images...

Check out this site as an interesting example: @ http://mfa.designcrit.com/thesis-candidacy-presentation/