Kuler Workflow
1 Star2 Stars3 Stars4 Stars5 Stars

Kuler Workflow

Posted on 05. Mar, 2009 by Jerzy Drozda Jr in After Effects

Ever worked with Adobe Kuler? Ever wanted to use it’s color schemes in After Effects? Now you can. It’s fast, it’s easy, it’s simple, and it’s free!


Adobe Kuler is a great website where designers from all over the world create and exchange color schemes. Kuler has several algorithms to help you create your very own color scheme, plus it allows rating and commenting on existing schemes, that can be downloaded in Adobe Swatch Exchange format.

Kuler Desktop is also available for download. It’s a small AIR application that connects with Kuler service and allows you to browse through the schemes directly from your desktop. It’s great.

However it is very hard to get the color schemes into After Effects. The simplest solution is to create a screen-grab and putting it in you project. Unfortunately that takes some time to do, especially when you are just starting your project and want to test out several different color palettes.

Jeff Almasol from redefinery.com has published a great set of useful scripts for After Effects that are available on Adobe Exchange. I just love his work. This package includes great script “Swatch You Want”, however I personally find it a little bit difficult to use.

That’s where this tutorial comes in. I found a very fast and efficient way of grabbing color palettes from Kuler Desktop and placing them directly in After Effects. Download the provided project file to check it out on your own. I hope you’ll like it.

Update!

I said that it is possible to sample colors directly from Kuler Desktop using the EyeDropper tool. Thats turns out not to be true (at least on Windows XP x64).

If you want to have my KulerSwatches project imported automatically when you open up your After Effects please check out Lloyd Alvarez script.

Happy AfterEffecting!

Download: Tutorial project file (After Effects CS3)

  • Twitter
  • Facebook
  • LinkedIn
  • StumbleUpon
  • Digg
  • Technorati
  • del.icio.us
  • Google Bookmarks
  • Wykop
  • Reddit
  • email
  • Print

Tags: , ,

39 Responses to “Kuler Workflow”

  1. Rafael Guerra

    05. Mar, 2009

    awesome!

    Reply to this comment
  2. Lubos Buracinsky

    06. Mar, 2009

    haha! pretty kuul!
    a must for a designer.
    Thanks Jerzy

    Reply to this comment
  3. Nick D. Clements

    06. Mar, 2009

    Super clever solution! Plus a “bonus” tip: guide layers.

    Reply to this comment
  4. rev_65

    06. Mar, 2009

    One word…SAHH-WEET!!!

    Reply to this comment
  5. James Wicks

    06. Mar, 2009

    You’re a genius!
    Thank you very much for this.

    Reply to this comment
  6. Bartłomiej

    06. Mar, 2009

    Dziękujemy;p

    Reply to this comment
  7. illd

    06. Mar, 2009

    Very, very usefull.
    Thank you Maltaannon!

    Reply to this comment
  8. illd

    06. Mar, 2009

    I want to setup the Kulerprojekt as Autostart Template in AE.
    I know this is possible but I cant find the Folder where I have to copy it. Can somebody help me?

    Reply to this comment
  9. Maltaannon

    06. Mar, 2009

    Here’s a link: http://aescripts.com/load-project-at-startup/ It’s a good idea to have that at startup. I’m going to update the tutorial and show how to do it.

    Reply to this comment
  10. Amit Zinman

    07. Mar, 2009

    As expected it is not working with Vista 64-bit. I copy and paste but perhaps Vista keeps separate clipboards for 32-bit and 64-bit because when I paste in AE it pastes something I copied in Firefox like a day ago, but when I paste in Notepad, it looks fine.
    So where is my 64-bit AE?

    Reply to this comment
  11. Maltaannon

    07. Mar, 2009

    That is a general issue with AE. It happens sometimes. Not always. Hard to say what’s causing it. Even with if you want to copy tracking data from Mocha to AE. Restarting AE helps. If you want to copy values from Kuler it’s always best to plan for it and do it when you start your project and open a fresh copy of AE.

    Reply to this comment
  12. illd

    08. Mar, 2009

    Concerning the 64 bit issue:
    You have to restart AE and then the copying of the data will work again. Sometimes for a minute sometimes for a hour – Microsoft you suck!

    Reply to this comment
  13. Mark Bowen

    08. Mar, 2009

    Thanks for the file that’s a brilliant solution. Always wondered if the copied values could somehow be integrated using Javascript and I’ve been proven right that it can be so very very thankful for this one. Well done.

    Just wondering though, how exactly does this work? I opened up the Paste Here layer and saw an expression with some javascript but couldn’t really understand it. What does it all mean?

    Best wishes,

    Mark

    Reply to this comment
  14. illd

    09. Mar, 2009

    @ Mark Bowen: Start the expressionhelpfile inside AE. It gives a really good intoduction to Expressions also with a lot of good examples

    Reply to this comment
  15. Maltaannon

    10. Mar, 2009

    Well… I’m not going to go through the code, since that would take up to mych time and explaining. The basic concept is to take the string (text) value, split it to five elements (based on comma separation), and then read the values.

    The color values are presented in HEX code (sometimes referred to as web code). It consists of six chars. Each pair of chars represents one of the RGB color values. They add up to a total of 3 pairs (two chars for each channel).

    Then simply convert the HEX number into DEC number and linearly change the range from <0,255> to <0,1> for each channel, make alpha channel opaque, and apply the results to an array [R, G, B, A].

    Reply to this comment
  16. Ei_b3low

    24. Jun, 2009

    in AECS3 not supported do that, how to can drag and drop kuler in AECS3 as comp?

    Reply to this comment
  17. peter

    26. Jun, 2009

    thank you. thats great stuff !!!

    Reply to this comment
  18. rudi

    01. Jul, 2009

    this has totally improved my workflow, thanks maltaannon =)

    Reply to this comment
  19. david

    29. Jul, 2009

    Excellant. I was using GenoPal, copying the hex values by hand and then using them in AE. The flow flows much easier.

    Reply to this comment
  20. crystal

    07. Aug, 2009

    I have the same issue as Ei_b3low… I can’t get drag and drop the kuler application to AECS3. What am I doing wrong? Thank you for your help! And thank you for all your great tutorials!!

    Reply to this comment
    • Jerzy Drozda Jr

      07. Aug, 2009

      That’s the thing. You can’t drag and drop the Kuleronto After Effects. That’s why I made the project file that you can use along with the color swatches value. Please watch the tutorial again. I’m sure you’ll see it this time.

      Reply to this comment
      • coolnails

        01. Nov, 2009

        I also have the issue,how can you drag and drop the kuler color theme to AECS3 as a comp. I have used the project file you provide and tried both cs3 and cs4 version .But both did not work. I already know how to use color swatches value to work. But in tutorial you did drag and drop a color theme into AE as a comp,how did you do that?

        Reply to this comment
      • coolnails

        01. Nov, 2009

        oh,I want one thing:My system is win7 64bit. Dose this matter?

        Reply to this comment
        • coolnails

          01. Nov, 2009

          LOL,
          I know why.You did not drag color theme ,you drag a project.
          Forgive my poor English.
          Thanks for the tutorial.

          Reply to this comment
  21. crystal

    12. Aug, 2009

    Oh, ok. Thank you for taking the time to respond! You’re the best!!

    Reply to this comment
  22. Eduardo

    20. Aug, 2009

    Great expression.
    Real usefull.

    Reply to this comment
  23. Steve Martin

    24. Aug, 2009

    Or, Mac fans can check this out http://tinyurl.com/6be3kg

    Reply to this comment
  24. dencit

    30. Aug, 2009

    it doesnt work in cs4

    Reply to this comment
    • SOSA

      08. Sep, 2009

      it works fine for me…I followed the tutorial and didn’t have any problem, and I’m using CS4

      Reply to this comment
  25. SOsa

    08. Sep, 2009

    OMG that was amazing, you’re a genius man!! this is huge and it’s gonna be so helpful!! thanx!!

    Reply to this comment
  26. swaroop

    01. Nov, 2009

    This is just great …. i try both ways but i love your method is so cool &easy !! basically its helpful when i pass project to some one.. its come in handy.

    Reply to this comment
  27. Nate Tull

    03. Nov, 2009

    I tried to drag the swatch from Kuler onto Ae and it didnt work. It just made a single swatch on my monitor, no import into Ae. Sucks cuz I could really use this.

    Reply to this comment
    • Jerzy Drozda Jr

      04. Nov, 2009

      It doesn’t work that way. I don’t understand how some of you think it does. I made it clear in the tutorial. Watch it again, you’ll see what I mean.

      Reply to this comment
  28. [...] 作者:maltaannon      原教程链接 [...]

    Reply to this comment
  29. O[range]

    18. Feb, 2010

    VERY useful tutorial, thank you!!!

    Reply to this comment
  30. Dimitris

    10. Mar, 2010

    BRAVO!!!!!!

    Jerzy

    Reply to this comment
  31. mary discount mbt shoes

    24. Jun, 2010

    Neighborhood: Yesterday you heard a great sound of the garden, how it?
    Husband: Yesterday my wife was very upset. Threw my coat the outside.
    Neighbors: What? Throwing clothes will be so loud it?
    Husband: I … … I am clothes.

    Reply to this comment
  32. wholesale mlb jerseys

    15. Jul, 2010

    Thank you for your sharing.I’m very interested in wholesale mlb jerseys.There are so many famouse mlb stars jerseys,we have New York Yankees Derek Jeter Jersey.So I an fascinated to the Philadelphia Phillies Chase Utley Jersey,no matter any one of mlb stars juse like Minnesota Twins Joe Mauer Jersey and Boston RedSox Dustin Pedroia Jersey,which are my best witness as the St. Louis Cardinals Albert Pujols Jersey fans!

    Reply to this comment
  33. cheap handbags

    16. Jul, 2010

    notice me!

    Reply to this comment

Leave a Reply