In this tutorial, Corey creates an animated background using Adobe Photoshop CS3 Extended.

Share:

45 comments

  1. Alex 28 June, 2008 at 08:53 Reply

    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. Márcio Guerra 29 June, 2008 at 00:29 Reply

    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. francois 29 June, 2008 at 07:27 Reply

    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. francois 29 June, 2008 at 07:31 Reply

    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. hederly 29 June, 2008 at 14:27 Reply

    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. KidLizard 1 July, 2008 at 11:34 Reply

    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. Gary Spedding 1 July, 2008 at 16:41 Reply

    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. Mahon 3 July, 2008 at 08:31 Reply

    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. nurodin salibo 4 July, 2008 at 08:32 Reply

    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. steve 5 July, 2008 at 12:21 Reply

    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. francois 14 July, 2008 at 01:59 Reply

    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. -::H.P::- 15 July, 2008 at 08:50 Reply

    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. frank 16 July, 2008 at 10:15 Reply

    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. Christian 21 July, 2008 at 06:27 Reply

    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 😀

  15. Riya 30 July, 2008 at 11:53 Reply

    Thanks for this awesome TUT, Corey!!
    Looking forward for more interesting ones, so keep them coming. 🙂
    Cheers ~ Riya

  16. lucas 30 July, 2008 at 12:49 Reply

    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!

  17. ANDRES 30 August, 2008 at 21:11 Reply

    how did you get the animation to become timeline,
    not frames. because that’s how mine shows up.
    please help.

  18. Adam 26 October, 2008 at 06:45 Reply

    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.

  19. Adam 26 October, 2008 at 06:47 Reply

    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

  20. Jan 9 January, 2009 at 05:40 Reply

    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

  21. Daniel 27 January, 2009 at 20:40 Reply

    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!

  22. Dan 8 May, 2009 at 02:24 Reply

    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.

  23. tyariv 24 July, 2010 at 13:15 Reply

    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.

Leave a reply

Your email address will not be published. Required fields are marked *