Planet Photoshop

Posted by Corey Barker

Corey is an education and curriculum developer for KelbyOne. He is a graduate of the Ringling School of Art & Design in Sarasota, FL, with a degree in Illustration. Over the years, Corey has worked as a graphic artist in a variety of disciplines such as illustration, commercial design, large format printing, motion graphics, web design and photography. His expertise in Photoshop and Illustrator have earned him numerous awards in illustration, graphic design and photography. Using Photoshop since version 2, his expertise and creativity have evolved exponentially with every new version, which makes Corey an invaluable addition to the KelbyOne team.

45 comments on “Background Animation

  1. Hi nice tutorial! And i have a Q: when i press space to rendar frames the green line loand only 0,23 of 1 second not like in the video all soo plisss help me 10x in advance (sry for my english im from Romania and i think i have some problems at it )

  2. Hi. Corey! Although I think of this tutorial as a really good one, with high quality teachings, I would like to know if this is the way photoshop is really assuming. I have seen other video lessons, from you and others, and see that you are giving good goals for the new options in Adobe Photoshop CS3, but, should we leave all the good photoshop technics, photo retouching, etc., and start learning to animate in PS?
    Although, again, it is quite a good tutorial, so, keep up the good work. This is just a theorical question.
    Thanks, from a fan.

    Márcio Guerra

    P.s.- Can you do some video lessons also for your Illustrator tutorials? That would be nice, to have the files, and to be able to see the videos!

  3. hi Corey,
    the thing which is bugging me is that, i dunno to wat file type to save it, when i save it in .gif file, it shows only 1 frame.

    pls someone let me know how to save it to have it animated and not a simple image, thnx!

  4. hi!

    thnx corey for the tuitorial,
    but i got a sort of problem,
    when i save it to .gif file it shows only 1 frame,
    I want it animated, pls someone let me know what must i do,thnx!

  5. yaah I like so much you tutorials are really great and this one is fantastic to make one for my girlfriend you know thanks for the great tutorials that you make

  6. To save the animation go to File-Export-Render Video. You might have to clik on the Show all menu items under the file tab. Nice Tut by the way.

  7. While I do not have PS-Extended – this is a cool technique and could be adapted to Image Ready (which I suggest people keep when moving to PS-CS3).

    But the simple method of creating and manipulating the pattern scale then creating a Smart object and warping can be used to create some very cool backgrounds.

    Thanks.

  8. Hi,
    Great stuff, thanks.

    Just one thing, though…..how do we, or can we export this, to .swf!
    We can not imagine, that this is not possible, but we can’t find it!! ….:(

    regards
    Mahon

  9. Hi Corey,
    The best tutortial i’ve seen before , the way you teach its look like a easy but its not.Ineed to learn more.. thank you..

  10. excellent graphic but why do you go through it so quickly i couldnt keep i am a new novice with cs3 and i got lost halfway through

  11. reply to :
    KidLizard said on — July 1, 2008 @ 11:34 am

    To save the animation go to File-Export-Render Video. You might have to clik on the Show all menu items under the file tab. Nice Tut by the way.

    thnx dude!
    but i wanted it in gif,
    anw, movie will just do it..
    thnx lots!

  12. To Francois:

    I had the same problem like yours. Then I saw an option under the Color Table in Save for Web & Device window. Looping Option. Take it on Forever. Than save your document in gif. You’ll have a continued animation. Good Luck!!

    P.S: Sorry for my english ;) )

  13. hi Corey
    about the background animation video tutorial.everthing works fine untill i come to the open the picture.how did you create the picture that you put on the animation.can you help me with it.because it’s a beautiful tutorial.

  14. Hey Corey. Great tutorial! I was experimenting with the technique and found that you can get some really interesting results if you use a displacement map! Thanks :D

  15. dude aamazing tutorial! i only have photoshop 7 right now… i want cs3 and im trying to get my parents to buy it for me ( im 12 by the way) anyway keep the wonderful tutorials comin!

  16. Great effect/tutorial its so adaptable, but i,m having the same problem as others who have commented… The time line doesn’t fully render (when I press space/play ) pass 5 secs the first try and 1.25 secs the second.

  17. Great effect/tutorial its so adaptable, but i,m having the same problem as others who have commented… The time line doesn’t fully render (when I press space/play ) pass 5 secs the first try and 1.25 secs the second. Thanks

  18. Hi,
    great animation. I would like to integrate thsi into a website header but it just turns out way to big even if i cut down the frames to 12 per second and only a 3 sec animation (with 50 percent web compatility still 800kb) Does anyone has an idea how to make these animations smaller?
    please mail to
    carbon2000@gmx.de
    thanx
    jan

  19. Corey-
    Great tutorial, I have the same question as many above, what format do you save this under in order to retain the animated back ground? I also did not understand what you did to the picture of the girl and what effects you were using there? Thanks!

  20. To those who can’t find how to get it to show the timeline instead of frames, click the dropdown menu in your animation toolbar (right under the closing X in the upper right-hand corner) and select it to show the timeline.

  21. viewing your tutorial on mute (cause I didn’t have any sound on my computer @ the school), I could do most of the steps, that gave me a good level of understanding. though, there’s still 1 of them which I couldn’t (guess it’s not relevant, but still important for the tut): the pic’s layer and some of its special alternate ‘pre-made’ effect on it. sorry. i couldn’t fully understand it.