Sponsored by the National Association of Photoshop Professionals. Learn More

Animating Color Transitions

 

Corey shows you how to create automatic color transitions in Adobe Photoshop CS3.

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.

27 Comments

  1. Mark Patten said on — March 29, 2008 @ 11:34 am

    Thanks Cory,

    Cool tutorial. Can see myself using that one soon.

    Cheers,
    Mark

  2. Elizabeth said on — March 29, 2008 @ 1:36 pm

    This is cool. But I could not do the animation part. I am using Adobe Photoshop 7. Any body knows? Thanks.

  3. Daniel said on — March 31, 2008 @ 12:29 pm

    great tutorial!
    you are awesome with animations :D

    Elizabeth: I think it only works with CS3 Extended :/

  4. cherlizz said on — April 2, 2008 @ 11:55 am

    worthwile, very worthwile – gonna see if I can reproduce it myself that easily…

  5. Ian Cook said on — April 2, 2008 @ 11:19 pm

    Great tutorial, but when I play through the finished product, it goes slow the first time like you said it would but after it goes through multiple times it still moves at a very slow FPS rate… Is there a way to fix this?

  6. abdullah zorba said on — April 4, 2008 @ 7:55 pm

    it is very nice tutorial. i have learned a lot. i have tried it and i was be able to do. Also i enjoyed a lot. thanks for this wanderful tutorial.

  7. Adil said on — April 5, 2008 @ 4:38 am

    Hey Cory Your tutorial is grt, but how do i save this?!?!!?

  8. David said on — April 5, 2008 @ 11:35 am

    Hi, I was wondering if you could do animations in photoshop cs2, if so, where is it? i would appreciate it if you would email me, and INCREDIBLE TUTORIAL by the way

  9. NPM said on — April 7, 2008 @ 4:33 pm

    My gosh this is incredible, what can’t photoshop do?

  10. Hannah said on — April 9, 2008 @ 6:01 am

    You’re amazing :)
    And your car’s so cute, lol, i love minis.
    x

  11. V said on — April 23, 2008 @ 8:44 am

    you are one amazing artist.

  12. Jon said on — May 5, 2008 @ 10:21 pm

    Hey Corey, i couldn’t do it =( i can’t get overlay to change, but i keep trying!

    (CS2 9.0)

  13. selva said on — May 9, 2008 @ 9:16 pm

    This site very useful for me to learn some new things in photoshop .My best wishes to this site designers and host.

  14. Ollie said on — May 15, 2008 @ 5:03 am

    I liked how u filled the car to badge colour so quickly, thats a trick i’ll be using =]

  15. Márcio Guerra said on — May 17, 2008 @ 2:48 pm

    Nice work, man!
    For those with problems, only works on Photoshop CS3, but Extended… Yep… It sucks… For the one who asked about the keyframe rate, or something like it, in the fly out menu you have some options for the video! Good luck.

    And thanks for these great tutorials…

    Márcio Guerra

  16. Paul from Poland :) said on — May 29, 2008 @ 3:46 am

    Jestes moim bogiem :) You’re my GOD :P

  17. Novaaa said on — June 7, 2008 @ 9:14 pm

    this is amazing!!
    but uhmm what format do i save it in? =|

  18. jason said on — July 9, 2008 @ 8:11 pm

    SWEEEET!

  19. Josh said on — July 21, 2008 @ 12:48 pm

    I too need to know how to save this file to maintain the color changing goodness…I tried .gif but it says i must flatten the image and discard the animation…which of course is not what I want.

    any help would be greatly appreciated!

    Im going to close this document and lose what i did, but since the tutorial was so well explained i can do it again any time!

    with regards
    josh

  20. Alex said on — July 24, 2008 @ 8:15 am

    This one is great…I am a disciple….:)

  21. Ryan said on — August 6, 2008 @ 2:50 am

    @ David. Look in, window>then open animation platte.

    For formatting, save as a GIF. and then save as Interlaced.. i had trouble formatting too but i figured out that

  22. Josh said on — August 6, 2008 @ 6:19 pm

    yes yes!! thanks so much Ryan!

    I went into the Save(optimize) for Web dialogue box [Shft+Ctrl+Alt+S]

    and changed around a few setting, I selected Interlaced as you said, and I also had to change the Color Reduction Algorithm to “Windows” to get rid of the icky appearance of the GIF under its default algorithm.

    and sufficed to say, it worked! I ended up with this!

  23. RUGRLN said on — October 3, 2008 @ 7:10 am

    Man that tut rocks, great job!!

  24. Nikki Breccia said on — March 9, 2009 @ 1:07 pm

    this is great! im doing a movie poster for graphic design, im in 11th grade.. and it’s really well explained im going to try using it tomorrow. hopefully saving isn’t a problem!! good work corey

  25. Chris Fritsche said on — May 8, 2009 @ 2:09 pm

    I like this tutorial, my wife and I have a BRG Cooper S, I love driving that thing, it’s like driving a go-cart!

  26. ricardo galvao from Brazil said on — May 22, 2009 @ 9:37 am

    Hi Great master..
    thanks for all stuff..
    :)
    I did it with original red, when I put the color on layer by Layer style, only works with blend mode color….
    blend mode overlay only works with lite background color (as the gray one wich scott took for you)…
    thanks again…

    Cheers…

  27. Jesse said on — July 1, 2009 @ 3:59 pm

    Yeah for CS4 (normal) the overlay does not work, but if you change it to color or hue the color pops right out…. so maybe it is b/c im not using an “Extended” edition.

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