Animations

Today we are going to learn how to make pictures move and change in Adobe Photoshop--ANIMATIONS!

1-Changing Pictures

2-Changing Pictures with Tweening

3-Objects Appearing (Tweening)

4-Simple Movement

5-Movement with Free Transform (Size of object changes as it moves)

Extra Credit--Animation Impossible (For those who finish early!)

Please follow the link below to complete this 3D tutorial. Also download the file from the file link!

Tutorial at: http://psd.tutsplus.com/tutorials/tutorials-effects/animated-3d-gif/

File to use: Envato Logo

6. Color Animation

Please follow the steps below to create a color animation.

Step 1:

Open the file-- X Drive-->Multimedia Library---> 0-Animations Lessons--> Animation Lesson 5
**Check the Image tab and make sure your image is set to RGB (otherwise it wont be able to add color!!!)

Step 2:

Add layers and using your Paint Bucket Tool to add color to each part of your picture. (For the lined paper, I used the paste into command). To create this, I worked in my layers panel. I kept duplicating the top layer and adding one new piece of color on each new layer until I filled each piece of my picture and the top layer should be completely colorized.

*Special note about paste into-> find a picture of a piece of paper in Google images. Select the space of the paper using your quick selection and then Edit-->Paste Special--> Paste into. You will have to MERGE this layer with the previous layer so that they show as one image in your frame.

Step 3:

Switch your view to Timeline View. On frame 1 make sure that only your bottom layer is turned on. It should look like this:

Step 4:

Keep duplicating the frame and turning on one new color layer with each new frame.

This is what it will look like half way through:

This is what it will look like completley through:

.

Step 5:

Make sure to change your time for each frame to be .5 seconds. Try it!



Step 6:

Save your image as a .GIF called "coloring" in your folder on the X drive.

Finished product should look something like this!

Step 7:

Import your example into your PowerPoint slide

7. Words Disappearing

You are to create an animation where the words appear one by one or line by line.  You can include a picture in the background.  Stay tuned fro some examples! 

ANIMATIONS CONTINUED--DAY 2

2-Changing Pictures with Tweening

 

 

 

Animation One

DO NOW:
Please start the following programs:
1.  Powerpoint
On the title slide add the following information:
Title:  Animations Project
Subtitle:  A Project By
                 Your Name
                  Multimedia Presentations
                  Block ?
2.  Adobe Photoshop     


Today we are going to learn how to make pictures move and change in Adobe Photoshop--ANIMATIONS!


Size of a PowerPoint Slide:  11 by 8.5 inches


1-Changing Pictures-Transparency

Step 1:  Create all your layers and be sure that they are all the same size.

Step 2:  Choose Create a Frame Animation on the Timeline

Step 2:  Make visible the top layer that you will change the opacity to make it semi-transparent.  Also, make visible the first picture that is to appear in Frame 1 of your animation.


Step 3:  Set the Frame Delay Time to 1.0 Second

Step 4:  Duplicate Frame

Step 5:  Make visible the second picture that will appear.  This will complete Frame 2.

Step 6:  Duplicate Frame 2

Step 7:  Make visible the third picture that will appear.  This will complete Frame 3.

Step 8:  Set the animation to play Forever.

Step 9:  Save the file as a psd file. This will maintain all your layers and the Timeline.

Step 10:  Save for Web as a Gif--128 Dithered.

How to insert music into your Song Project:

Step 1: Click on the insert tab and click on Sound--->From File

Step 2: Click on Automatically

Step 3: Click on the sound icon and then on the Sound Tools tab. Choose Play sound--->Play across slides and place a check in the box to the left of Hide During Show so that the icon doesn't appear on your slide.

Song Project Title Slide

We will create a title slide for our Song Project. Requirements for the title slide are as follows:

1. Must be created in Photoshop use the dimesions of 11 inches x 8.5 inches
2. Must have at least 6 layers
3. Must include a minimum of two different text layers including:
1. Your name
2. Both songs and their artist
4. Should have clean selections and be interesting. May include the following:
1. Use of brushes
2. Lighting Effects
3. Text Styles (Right Click on the text layer and choose blending options)
4. Shapes
5. Filters
5. Save as a JPEG and add to the first slide of your PowerPoint presentation.

Today: 

Color Effects Project

Please finish and save in the finished assignments folder #16-Color Effects

Song Project

Today I want you to begin searching for 2-3 songs to use in your Song Project.
The total length of your Song Project, with all songs combined) should be between 1.5 and 2 minutes. 
Your Song Project will consist of animations that you create in Adobe Photoshop! 

In a word document: Be sure to save this in your G Drive and Print a copy for me!

Your Name
Block ?

Title of first song
    Seconds:  (Number of seconds you are going to use)
    Lyrics:     (The lyrics used during that time)

Title of second song
   Seconds: (Number of seconds you are going to use)
   Lyrics: (The lyrics used during that time)

Title of third song (optional)
   Seconds: (Number of seconds you are going to use)
   Lyrics: (The lyrics used during that time)

Examples of Song Projects are in the Multimedia Library--> 00000-Sample Song Projects

Frank Lloyd Wright Project

"For more than 70 years, Frank Lloyd Wright showed his countrymen new ways to build their homes and see the world around them. He created some of the most monumental, and some of the most intimate spaces in America. He designed everything: banks and resorts, office buildings and churches, a filling station and a synagogue, a garden and an art museum. From his first house to his final masterpiece, follow Frank Lloyd Wright’s extraordinary career, his life, and 20th century American architecture."  Source:  http://www.pbs.org/flw/buildings/index.html

One of his most famoust architectural designs is the Dana House.  In this house Wright designed approximately 450 art glass windows, skylights, door panels, sconces, and light fixtures for the house.

Your task is to add color to the various panels of the "Dana-Thomas House Sumac Window."  This will be your design of the window.

Please save the following file as Last name--Window Project in the M: drive-->17-Window Design.  When you are finished with the design, please save it in the Finished assignmets folder number 17-Window Design

 

Color Effects

In class today, you will complete the following activities related to draining, adding, and adjusting color in Photoshop. You will need to start a new PowerPoint presentation (very similar to our Variety Project). Each slide will highlight a specific effect that has to do with color in Photoshop.

NOTE: 2 EXAMPLES OF EACH

1-Draining Color--4 Pictures

1. Find a picture which has a lot of colors
2. Drain the color using one of the non-destructive techniques we discussed and practiced.
• HINT: I like to use the Black & White Adjustment Layer
• Adjust the contrast as necessary
• Save the image as a JPEG.
• Add both pictures to a PowerPoint slide.

 

2-Partial Color Effect-2-Pictures

1. Fine a picture which has a lot of colors.
2. Drain the color using one of the non-destructive techniques we discussed and practiced.
3. Using an Adjustment Layers mask add at least three elements of color back into your image.
4. Save the image as a JPEG.
5. Add both pictures to a PowerPoint slide.

3-Fading Color to Black and White-4--Pictures

1. Find a picture which has a lot of color.
2. Drain the color using one of the non-destructive techniques we discussed and practiced.
3. Using the Gradient tool apply a single color to transparant linear gradient to your image.
4. Save the image as a JPEG.
5. Add both pictures to a PowerPoint slide.

4-Changing Color-4--Pictures

1. Use any original image you would like.
2. Add a new hue/saturation adjustment layer
3. Change the color of the area you selected.
4. Save the image as a JPEG.
5. Add both pictures to a PowerPoint slide.

5-Adding Color--2--Pictures

1. Find a black and white picture that you would like to add color to.
2. Add at least 5-8 new layers and change your blend mode to Color.
3. Adjust the opacity as necessary and use your brush tool to color in the image with at least 4 different colors..
4. Use the eraser tool to fix any mistakes.
5. Save the image as a JPEG.

6. Add both pictures to a PowerPoint slide.

Rubric: