Sponsored by the National Association of Photoshop Professionals. Learn More

Animate 2D in 3D

 

Corey shows you how to create a 3D animation form 2D elements using Photoshop CS4 Extended. Click here to download a .MOV file with the final version of this animation.

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.

33 Comments

  1. Kole said on — February 5, 2010 @ 5:51 pm

    cool… i didn’t know that u can do that ;)

  2. Sparky said on — February 6, 2010 @ 12:07 am

    Wow that’s an amazing tutorial wtg

  3. aleqs said on — February 6, 2010 @ 3:24 am

    woooooooooooooooow!!!

  4. Ann said on — February 6, 2010 @ 3:29 am

    thanks Corey, I specially like the ‘defringe’, that will give so much better result then ‘select – modify-contract’ which I always used to get rid of that halo.
    And off course your very wll explained animation!

  5. matt said on — February 6, 2010 @ 11:16 am

    Blimey, you really can teach an old dog new tricks, just call me rover, woof woof.

  6. chris watters said on — February 6, 2010 @ 8:33 pm

    Thank you Corey. I always learn something new. The de-fringe was great.

  7. Muhammad said on — February 7, 2010 @ 6:39 am

    I want to see the ‘Bird.psd’! Or the .mov at least.. I think it was even greater than this that you kept it for another event or regular tutorial in a regular day!

    Best wishes

  8. Muhammad said on — February 7, 2010 @ 3:31 pm

    OK, sorry for interfering with things not of my business.

    Just a question, do you have any plans to upgrade to PS CS5 once it’s available? Do you (for example) have any insider info?
    Just curious about your thoughts..

    Muhammad

  9. Muhammad said on — February 8, 2010 @ 9:42 am

    I am sure I have posted something here before.

  10. Salvador Rossi said on — February 9, 2010 @ 4:52 am

    Corey…im a huge fan of your site and all the wonderful tutorials. I just dont think Photoshop has a place within the professional 3D graphics world. This is a good tutorial hands down, but it will never compare to After Effects or other software packages. I see the Photoshop 3D integration as a stepping stone into After Effects, but not a standalone. Maybe because I am old follower of Photoshop w/ traditional 2D art.

  11. Marizmendi said on — February 9, 2010 @ 3:50 pm

    You are the best…thanks for sharing

  12. CHelseaunited23 said on — February 11, 2010 @ 11:01 am

    how do you change the background behind the page to that

  13. Angel said on — February 14, 2010 @ 4:59 am

    thank you mr.Corey Barker
    but i not can see this
    http://www.up.kurdclick.net//uploads/images/kurdclick2eb62d3b40.jpg
    how i can see

    please help..thank you again

  14. da bomb diggity said on — February 15, 2010 @ 11:06 am

    im really liking the shadow part thanks very helpful

  15. Corey Barker said on — February 15, 2010 @ 11:25 am

    Make sure you have a graphics card in your system that will support the OpenGL feature in your Photoshop preferences in the interface section.

  16. Sheryl said on — February 16, 2010 @ 8:56 pm

    Wow! As always, I find the extra little tips at least as useful as the overall lesson. Like Ann commented, I’ll get a lot of use out of “Defringe.”

  17. nikonboston said on — February 18, 2010 @ 7:39 pm

    I’m sure it’s been said before worth the membership price these quick tip videos

  18. Ray Lewis said on — February 23, 2010 @ 10:36 am

    Thank you for your help with potoshop im vary dislexic and have vary hard time reading ,
    or typing .With out your turtoril wood not makeing tshirts.
    thankyou Ray lewis
    AURORA CO.

  19. BN said on — March 1, 2010 @ 10:14 pm

    You are a Photoshop master, learn something new here every single time. Thanks!

  20. Andrew said on — March 2, 2010 @ 8:22 am

    This is pretty good! However it would be cool to see the BG animate back in Z space to add that extra bit of realism! A

  21. gerd jaunich said on — March 17, 2010 @ 2:40 am

    You sure know your stuff. Just great.

  22. Jen said on — March 17, 2010 @ 5:53 pm

    Very cool stuff Corey. I enjoy watching your tutorial’s, you make it easy.

    Working on an art project for my nephew and I love that football field background. Any
    chance you can send that to me? Nephew loves U of M so I’m hoping to manipulate it
    to look like U of M stadium and my own anime characters in front playing football.

    Thanks.
    Jen, Michigan
    PS. Had no clue about 3D effects in Photoshop, thanks.

  23. Lucy said on — March 26, 2010 @ 6:36 am

    For Angel:
    Try:
    Edit – preferences – performance – mark “Enable OpenGL drawing” – ok
    For Mr.Corey:
    THANKS for your tutorials!

  24. mihaf said on — March 31, 2010 @ 9:01 am

    Thank you for your help with potoshop

  25. Ahmed Maher said on — April 14, 2010 @ 3:08 pm

    First
    THANKS for your tutorials!

    and i love your tutorial so match

    keep it ….

  26. 3d models said on — May 2, 2010 @ 1:58 pm

    really i you work is great.

  27. Fulton Neely said on — May 3, 2010 @ 12:41 pm

    I DID NOT ALREADY SAY THIS!!!!!

  28. aishat brown said on — May 20, 2010 @ 11:45 am

    OMG YOU ARE THE BEST :) )

  29. chloe said on — June 12, 2010 @ 6:26 pm

    wow..

    amazingg!!!!!

    keep up the good work. ^.^

    and thanks for the tutorial. :) ))))

  30. Kamal said on — January 19, 2011 @ 11:44 pm

    Thank you very much man, I have learned so much from ………

  31. sven said on — February 15, 2011 @ 11:09 am

    love it! never seen anything like this on photoshop!

  32. Harry said on — March 23, 2011 @ 5:29 pm

    Great tutorial.

    but what do you do after you have completed your animation?
    how do you render it to be a movie?

    Thanks :)

  33. DancingKim said on — May 11, 2011 @ 5:08 am

    Hello, i’m a professional dancer. i’d like to see to make a showreel with regard to my promotions. I also desire to use some animation. Can someone suggest me an excellent animation studio, but not really very expensive? I’m here for 3 months for a tour.
    Love
    Kim.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Create A Composite Layer

If you have a multilayer composition and you
want to apply an effect to all the layers at once, don’t flatten the layers–use a composite layer instead. Hide the layers you want excluded, and press Shift-Command-Option-E (PC: Shift-Ctrl-Alt-E). A new layer will be created at the top containing a merged copy of all the visible layers.

Another option is to create a new layer at the top of the stack and make it active. Command-click (PC: Ctrl-click) each layer you want to include to make those layers active, as well. Press Option-Command-E (PC: Alt-Ctrl-E).
by Colin Smith

Read More Tips

Tip of the Day
 
 
Kelby Training