Making animated GIFs

Make It Move Like Jagger

• Hit ESC on your keyboard to leave Slide Show mode

• Pick your fave below and right-click on it

• Click “Save As Picture” and save to your H drive under Photo Journalism >Animated GIFs (this is a new folder that you need to create)

Pick a subject to animate

Open photoshop• Click F5 to return to Slide Show mode• Create a new PSD file– 640x480 pixels, 72dpi

• Save the PSD file as [last name] gif test in the Photo Journalism >Animated GIFs folder that you created on the last slide

• Using the “duplicate layer” feature, create three copies of your original layer– Title each layer 1, 2, 3 or 4

How to do it• Click F5 to return to Slide Show mode• Create a new PSD file– 640x480 pixels, 72dpi

• Save the PSD file as [last name] gif test in the Photo Journalism >Animated GIFs folder that you created on the last slide

• Using the “duplicate layer” feature, create three copies of your original layer– Title each layer 1, 2, 3 or 4

How to do it• Go to Window>Animation to

turn on the animation window; it will usually pop up at the bottom of the PhotoShop window

• Click on the flyout menu (the three little lines next to the arrow in the top right corner of the animation window; it’s circled in red to the right) and select “Make Frames From Layers”

How to do it• It should look like this, with the same

number of thumbnails as you have layers

• If it doesn’t, you are in “Timeline View” and you need to go to the flyout menu and select “Convert to Frame Animation”

How to do it• Adjust the timing on each frame to

your desired length by highlighting each frame and clicking on the dropdown menu

How to do it• Select the number of times your

animation will loop by changing this setting:

Ready to preview?• File>Save (to save your PSD file

again)• Go to File>Save for Web & Devices• You can preview it within this menu

by clicking on the “play” button (see red circle)

Do you love it?• If you do, click “Save” on the menu

below– Be sure to save your original file as a

“PSD” if you need to make changes later

• If you don’t, hit “cancel” and make your changes

What can do you do with your file?

• You can insert it into PowerPoint like I did on the title slide of this presentation (Insert>Movie>Movie From File)

• You can use it on your website• You can use it in your email signature• You can use it as your Twitter avatar• You can use it on Tumblr or

Instagram• And lots more!

What do I want you to do with it?

• Make sure it is saved on your H drive, and then submit it to Mrs. J via Google Drive by midnight on Tuesday, 11 February

Assignment II: my mantra• A “mantra” has many definitions, but a

common one is a series of words that speak to you, or words you live by

• Your mantra may be a quote from a famous writer, or something your grandfather used to say

• It may be something you always tell yourself when you’re getting psyched up. Whoever the source and whatever the use, your mantra is very personal to you

Assignment II: my mantra• Objectives: When you finish this activity,

you will be able to:– Determine what your personal brand is – Leverage your animation skills to

communicate it

• Requirements:– 640 pixels by 480 pixels– Created in PhotoShop– It must have a background that is not white– It must have at least five different layers

Assignment II: my mantra• Save your PSD file on your H drive as

[your last name] Mantra, and the GIF with the same name to the same folder

• Submit the GIF (not the PSD file) to Mrs. J via Google Drive by midnight on Wednesday, January 14, 2015