Sponsored by the National Association of Photoshop Professionals. Learn More

Animated Transitions

 

Creating Smooth Slideshow Transitions in Photoshop CS3 Extended.

Corey Barker

Corey Barker is Executive Producer of PlanetPhotoshop.com and is an Education and Curriculum Developer for the National Association of Photoshop Professionals. Corey has also made numerous appearances on the highly rated podcast, PhotoshopUser TV, and is co-host of Layers TV.

Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • Twitter
  • NewsVine
  • Technorati
  • BlinkList
  • Design Float
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • LinkedIn
  • MySpace
  • Fleck
  • Netvibes

16 Comments

  1. NPM said on — April 9, 2008 @ 9:05 pm

    Thanks Corey

  2. David said on — May 7, 2008 @ 6:00 pm

    Great, I just spent an hour creating my animation but you didnt say what format to save it in. I tried GIF but that didnt work. grrr.

  3. Richard said on — May 8, 2008 @ 6:43 pm

    Brilliant work Corey works like a dream!

  4. Dylan said on — July 13, 2008 @ 8:50 pm

    Yeah! I had the same trouble. Spent an hour creating the animation but don’t know how to put it into Dreamweaver.

  5. Phil said on — August 11, 2008 @ 7:38 am

    Cheers, helped a lot.

  6. Susan said on — August 28, 2008 @ 11:52 am

    Great, worked first time but still no idea how to transfer it to Dreamweaver – any ideas anyone?

  7. jomburn said on — September 25, 2008 @ 8:46 pm

    what kind of file will i save it??

  8. Mobius said on — October 6, 2008 @ 6:07 pm

    Thank you for your video tutorial Corey

  9. Rosario said on — October 12, 2008 @ 1:49 pm

    hi corey,

    I watched your video on creating slideshows using photoshop cs3 but i just can’t seem to make sense of your comment about “holding down the shift key”. Here’s the deal….I have several imagemy files open just like you demonstrated. So my question is how do i get all of the images into the layer section so they all show the way you have them? I’m confused!

    Heeellllpppp!!!!
    Rosario

  10. Darth said on — December 7, 2008 @ 6:46 pm

    Thank you so much for this! You dont know how many times i have searched youtube, google, forums on how to do what you did in ONE video! You are so awesome! Thank you!

    For anyone who i still having problems saving it you need to save it as a gif, go to “File” then “Save for Web and Devices” I made one using cs4 but its the same! THANK YOU AGAIN!

  11. Darth said on — December 14, 2008 @ 5:33 pm

    Oh i have another problem, when i made my version to this the quality of the picture is not very good. Any help?

    http://i428.photobucket.com/albums/qq7/Darth0001/mysiganimated2.gif

    Thanks alot!

  12. Alison said on — February 25, 2009 @ 2:58 pm

    Thanks a bunch Cory. I blew my brains out with another video trying to do exactly this. Your video is clear and simple and just what I needed today.

    Thanks again,

  13. Krista said on — February 25, 2009 @ 7:42 pm

    I can’t figure out how to do this in CS4. The animation toolbar gives me the pictures in frames instead of the bar thingy

  14. Bev said on — March 9, 2009 @ 8:24 am

    Krista, I had the same problem. Did you happen to figure it out?

  15. Danielle said on — June 23, 2009 @ 2:45 pm

    Do the photos need to be all the same size? I am trying to use some vertical and some horizontal photos and when they transition to the next you can see the one before it in the background.

  16. Peter said on — October 15, 2009 @ 12:07 pm

    “David said on — May 7, 2008 @ 6:00 pm

    Great, I just spent an hour creating my animation but you didnt say what format to save it in. I tried GIF but that didnt work. grrr.”

    David (even though you said this over a year ago),

    You would save the file using File|Save for Web & Devices. Then a dialog box will pop up and you choose the settings you want and click save. Save it using .gif

    Thats what I do and it works everytime. Hope that helps anyone with the same problem in the future.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Photoshop Tutorials

  • More Fun with 3D

    Continue exploring the possibilities with Photoshop’s new 3D tools.

  • Reverse Restoration

    Corey shows you how to make a new photo look damaged by blending in some unusual textures.

  • 3D Background Effects

    Use Photoshop’s new 3D tools to create some dazzling background effects.

  • Striking Match, Part 2

    In the second part of this tutorial, Corey finishes creating this illustration of a striking match.

  • Layers TV: Episode 110
    New episodes are coming soon. In this old episode, RC goes start to finish through a Flash CS4 project using the new 3D tools and importing an audio file. Corey talks about the distortion features inside of Adobe Illustrator. You can download each episode by subscribing to the podcast on iTunes. var so = new SWFObject('http://media.kelbymediagroup.com/players/player.swf','mpl','500','300','7'); so.addParam('allowfullscreen','true'); // so.addVariable('type','rtmp'); so.addVariable('file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110.mp4'); so.addVariable('plugins','hd-1'); so.addVariable('hd.file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110-hd.mp4'); so.addVariable('hd.state','false'); so.addVariable('image','http://www.layersmagazine.com/images/layerstv-logo.jpg'); so.addVariable('height','300'); so.addVariable('width','500'); so.addVariable('autostart','false'); so.addVariable("backcolor","0x000000"); so.addVariable("frontcolor","0xF1F1F1"); so.addVariable("lightcolor","0xF88E21"); so.addVariable("quality","100"); so.write('player'); [...]
  • NVIDIA Quadro FX 4800 for Mac
    The new professional-level Quadro FX 4800 with 1.5 GB of memory brings a much-needed performance upgrade to the Mac Pro lineup.
  • Prezi
    Prezi is a Flash-based visualization, storytelling, and presentation tool that allows you to create nonlinear presentations.
  • Terry White’s New App | Printing from Lightroom 2
    Happy Thursday everyone! Just wanted to pop on in and share what’s new in the intranets: Terry White’s New Iphone App Terry white over at his techblog is usually covering all sorts of technology and letting us know what his favorite apps are for the iphone. He’s taken that love and mixed it with [...]
 

Adding Keywords to Multiple files

In Bridge, you can add keywords to images to make searching for pictures a little less cumbersome. You don’t, however, want the process to become tedious as well. By either Command-clicking (PC: Ctrl-clicking) or Shift-clicking on images, you can select multiple files inside Bridge. Once you have the files selected, you can go to the Keywords panel and turn on any keyword you like. This will apply the keyword to all of the files that you have selected. It takes away a little bit of the pain of categorization, but just a little.

Read More Tips

Tip of the Day
 
 
DVD Special
Online Training
Kelby Training