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!
Click here to watch the video tutorial
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!













Rafael Guerra
05. Mar, 2009
awesome!
Lubos Buracinsky
06. Mar, 2009
haha! pretty kuul!
a must for a designer.
Thanks Jerzy
Nick D. Clements
06. Mar, 2009
Super clever solution! Plus a “bonus” tip: guide layers.
rev_65
06. Mar, 2009
One word…SAHH-WEET!!!
James Wicks
06. Mar, 2009
You’re a genius!
Thank you very much for this.
Bartłomiej
06. Mar, 2009
Dziękujemy;p
illd
06. Mar, 2009
Very, very usefull.
Thank you Maltaannon!
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?
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.
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?
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.
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!
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
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
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].
Ei_b3low
24. Jun, 2009
in AECS3 not supported do that, how to can drag and drop kuler in AECS3 as comp?
peter
26. Jun, 2009
thank you. thats great stuff !!!
rudi
01. Jul, 2009
this has totally improved my workflow, thanks maltaannon =)
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.
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!!
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.
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?
coolnails
01. Nov, 2009
oh,I want one thing:My system is win7 64bit. Dose this matter?
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.
crystal
12. Aug, 2009
Oh, ok. Thank you for taking the time to respond! You’re the best!!
Eduardo
20. Aug, 2009
Great expression.
Real usefull.
Steve Martin
24. Aug, 2009
Or, Mac fans can check this out http://tinyurl.com/6be3kg
dencit
30. Aug, 2009
it doesnt work in cs4
SOSA
08. Sep, 2009
it works fine for me…I followed the tutorial and didn’t have any problem, and I’m using CS4
SOsa
08. Sep, 2009
OMG that was amazing, you’re a genius man!! this is huge and it’s gonna be so helpful!! thanx!!
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.
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.
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.
Let's MG » 【字幕】怎么在AE中使用Kuler
02. Feb, 2010
[...] 作者:maltaannon 原教程链接 [...]
O[range]
18. Feb, 2010
VERY useful tutorial, thank you!!!
Dimitris
10. Mar, 2010
BRAVO!!!!!!
Jerzy
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.
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!
cheap handbags
16. Jul, 2010
notice me!