AI CS3 + Flickr + In The Mod mashup
Adobe Illustrator CS3 + Flickr + In The Mod mash-up from dr woohoo on Vimeo
What do you get when Dr. Woohoo mashes up Adobe Illustrator CS3, Flickr and In The Mod: Color Analytics? A free swf Panel that runs inside AI CS3 that allows you to search Flickr & In The Mod, view the colors from each image or painting you select and then save them directly to the Swatches Panel in AI.
Inspiration
The inspiration for the Flickr integration comes from a variety of sources – watching what Mario and Marcos did with Kelvin’s Flashr; looking at the photographs of the Ronin, Annie Liebowitz and Rebekka Guðleifsdóttir; and of course the colors we see all around us – in the orchids and the sunsets – whose combinations are simply perfect.
System Requirements
- Adobe Illustrator CS3
- Macs (OS X 10.4.10) or PC
- Active internet connection.
Installation
- After unzipping the attached files, save them in your Adobe Illustrator CS3/Presets/Scripts/ directory and restart AI
Usage
- Before running the script (InTheMod_beta.jsx), either create a new document or open an existing document and be sure that your Swatches Panel is open. (Window Menu: Swatches)
- To run the script, select File: Scripts: InTheMod_beta
Flickr
This will launch a popup panel and loads the swf file. Thanks to Kelvin Luck’s Flashr, an AS wrapper for the Flickr API, just enter a tag to search and retrieve images from Flickr. Select the thumbnail image you would view the color palettes for by clicking on the thumbnail icon. The scroll pane will slide over to make room for the visualization view. If you like the colors and want to add them to your AI Swatches Panel, click on the AI icon in the lower right corner. That’s it!
In The Mod
To access to all of the (in)famous paintings and color palettes on In The Mod, click on the ITM button on the main screen (that has scrollable thumbnails). The process of seeing the color visualization and saving the palettes is the same as above.
Sorting by Hue, Saturation or Brightness
After saving the colors to your Swatches panel, you can also sort them by Hue, Saturation or Brightness. To do so, there’s a trick: click on the open document window (so the focus is pulled off of the swf Panel) and then select from the menu File: Scripts: SortByHue-Sat-Bri. I prefer sorting by Brightness, so I typically enter ‘B’ in the popup prompt. The rest is magic.
Is it perfect? No, far from it. This is a beta and I have a long list of fixes and enhancements I would love to make when I have some spare time, but it is functional and it is extremely fun to use and I felt it was something worthy of sharing.
Leopard & Flash Player issue
Just a heads up… I recently updated my mac to Leopard and have experienced redraw issues with the Flash Player (9.0.115.0) within the swfPanel in both Illustrator and Photoshop CS3. Aral was kind enough to confirm he’s have the same issues on his box. Hopefully Adobe will be able to resolve this issue soon… I’ll keep you posted.
Download
We are in the process of wrapping up the latest beta version and will be posting it soon.
Stumble it!
September 30th, 2007 at 5:32 pm
thank U
September 30th, 2007 at 6:00 pm
you’re very welcome. please pass it on.
September 30th, 2007 at 6:41 pm
Thank you
Very much!
September 30th, 2007 at 6:52 pm
Looks very cool, Drew
September 30th, 2007 at 7:53 pm
my pleasure decliciano.
thanks aral - see ya in barcelona!
October 2nd, 2007 at 3:20 am
This is quite brilliant! Thanks.
October 2nd, 2007 at 5:40 am
thank you yong, that’s very nice of you. it still needs some love, thought.
October 3rd, 2007 at 10:35 am
Amazingly cool!!!
October 3rd, 2007 at 10:48 am
Does it make a swatch for every pixel in the image (without repeats)?
It’s a great idea, but I found myself using the palette as an Image Browser and eye-dropping colors from that rather than grabbing all those millions of swatches (a floating image browser is something Adobe should pay you for anyway).
Sorting by H S or B should be part of AI itself (they have sort by ‘kind’). Very nice.
October 3rd, 2007 at 10:52 am
I just found your ITM tab where I can load the colors from art history — groovey.
October 3rd, 2007 at 11:02 am
jimHere Says:
***
‘Does it make a swatch for every pixel in the image (without repeats)?’
jim - all of the pixels are considered single instances/observations, the frequency/popularity of each unique color is then tallied and duplicate colors are eliminated. the size of each color circle is relative to its popularity - the more popular it is, the larger the circle. when you save the swatches to the Swatch Panel, the most popular swatches appear first.
***
‘It’s a great idea, but I found myself using the palette as an Image Browser and eye-dropping colors from that rather than grabbing all those millions of swatches (a floating image browser is something Adobe should pay you for anyway).’
in regards to the # of swatches it is currently returning, there’s actually a maximum number that is set before it eliminates duplicates… which i will probably allow you to manually define in the future.
***
‘Sorting by H S or B should be part of AI itself (they have sort by ‘kind’). Very nice.’
i bet HSB will be…
. thanks for the great feedback - i hope this tool helps you out.
October 10th, 2007 at 12:53 pm
Looks amazing, and I haven’t even tried it yet. Thank you.
October 10th, 2007 at 1:08 pm
Small bug trying to sort when the document color mode is CMYK:
Error 1224: Numeric value expected
Line: 61
-> newRGBSwatch.color = newColor;
Also, if the document is closed, you cannot create a new document unless you close the In The Mod palette.
Keep up the good work!
October 11th, 2007 at 1:47 am
[…] 독특한 cs3용 플러그인(AI CS3 + Flickr + In The Mod mashup) […]
October 19th, 2007 at 5:19 am
Saw you in Barcelona and thought it was awsome!
GOnna try it and will let you know how it works for me…
Loved your “imagine the potential” catchphrase…
Greetings from The Netherlands.
Eelco
October 19th, 2007 at 5:52 pm
This is awesome. Great work!
October 19th, 2007 at 5:52 pm
ben
***
you’re right - it doesn’t currently support CMYK… but it will in the future. for the time-being, i need to add a better error message so it’s a little more obvious. in relation to creating a new document with the In The Mod palette open, it seems to be an interesting focus issue… where the swf doesn’t let go of the focus unless you actually click on a document that is already open. i’ll need to look into it a little more when i have some spare time. thanks for the feedback!
eelco
***
i’m glad you made the session! i had a blast doing the show-n-tell and hopefully this will help you out.
October 23rd, 2007 at 1:18 pm
[…] A couple weeks ago I volunteered at the Vidfest, Vancouver International Design FESTival, and was able to attend a workshop given by Joshua Davis. In this seminar one of the things he talked about was a process he had to extract colours from photographs, and I was quite amazed because when you extract colour from nature photography all the colors blend beautifully. And I started doing it getting great results. Well, a couple weeks after I was looking into the Automator Application and how it can help you do stuff like resizing images and what not, and I started looking for Adobe Automator scripts, see what people have done with this application. After looking for a while I found a post called “AI CS3 + Flickr + In The Mod mashup.” So I started reading it, and It was quite amazing. What it was, was a flash application that gets images from Flickr depending on what you are looking for, and then you can extract the colours from these images, real-time from Illustrator. All you have to do is run the Script look for images and copy the colour palette to your swatches. It doesn’t get easier than that, so if you are looking for fast good colours in seconds, this is a must have for you. Here’s a video on how the application works, enjoy […]
January 28th, 2008 at 6:13 am
I haven’t been able to use the script yet, it doesn’t seem to work properly in my computer (it is a PC by the way).
After I’ve browsed and selected a photo nothing else happens. The area just bellow the selected photo remains black, unlike in the video where it fills with colourful circles. And if I try to export a pallet then only 3 colours are exported.
It looks as if the script can’t (or won’t) analyze the image because after I’ve loaded a photo there is a delay and then a slash comes up in the lower left corner. My cursor changes to active (such as when you put the cursor over a link, in a webpage) when on top of it but if I click on it nothing happens.
Here is a screen capture of the problem (the different links all have the same image)
http://img66.imageshack.us/my.php?image=scriptprobix5.png
http://picup.toadscastle.net/images/scriptprob.png
http://tinypic.com/view.php?pic=33cvklx&s=3
http://www.turboimagehost.com/p/107489/scriptprob.png.html
I would love to use this script; I hope you are able to find an answer to this little problem.
I’ve got the latest version of Flash and have setup the firewall to allow Illustrator to fully access the Internet.
Something extra:
It would be great if the photos could be clicked and we’d be taken to that Flickr page
January 28th, 2008 at 7:04 pm
Problem with the script;
/ *
thanks for the posting – i’m not sure why the data visualization is not loading for you. this was really meant to be a proof-of-concept and i decided to through it online as a test to see how well it was received. because of the generally positive response, albeit bugs and all, we have been working hard on getting a new commercial version out that handles the visualization in a more robust manner, as well as introducing a ton of new features. stay tuned and we’ll post some more news soon.
if you’re interested in beta-testing it, please send an email to support-At-drwoohoo-Dot-com and thanks for your understanding and feedback.
* /
woohoo!
drew
February 4th, 2008 at 5:14 am
I was about to write about the problem I have running your script, which seems SO genuinely interesting, but it seems someone as the same problem I do.
I seems no image can be analysed … and a slash comes up at the bottom left of the window …
BTW I’m working on a PC.
February 4th, 2008 at 11:12 am
juggalo;
/ *
yes - that silly bug has been fixed in a new version we’ll be rolling out soon. thanks for the heads up and stay tuned.
* /
woohoo!
drew
May 4th, 2008 at 9:35 am
looks pretty, but where can i download it?
May 13th, 2008 at 7:58 am
How can I get the file?
May 13th, 2008 at 8:44 am
matti & ag;
/ *
we’re working on an enhanced and more robust version which should be posted by the end of the month – woohoo! we’ll blog about it once it goes live.
* /
woohoo!
drew
May 19th, 2008 at 9:02 pm
[…] Dr. Woohoo and Illustrator While we are on the subject of Dr. Woohoo - it should not be left out that this was the same person that created a really cool mashup of Flickr and Illustrator. If you are interested in using Flickr to generate really cool things in Illustrator, it would behoove you to check out this link. […]
June 13th, 2008 at 4:59 am
Hi, do you have a timetable as to when xou will release the new (beta) version?
Thanks for the Work,
JoJo
June 16th, 2008 at 10:03 am
look’s nice i need to try it
June 20th, 2008 at 12:14 pm
When are you releasing the tool??
Thanks!
June 24th, 2008 at 6:20 am
/ *
thank you for the interest in the new colors tool(s)… stay tuned to the blog and we will be posting something very special soon.
* /
woohoo!
d.
July 1st, 2008 at 2:46 pm
how do I make the download? thank u
July 1st, 2008 at 4:09 pm
ag;
/ *
thank you for the interest… we’re in the process of wrapping up an enhanced version(s) of the software now. i will post more info on http://www.inthemod.com/bps this week.
* /
woohoo!
drew
July 6th, 2008 at 7:11 am
/ *
woohoo! it’s time to play!
http://www.inthemod.com/bps/?p=223
* /
October 23rd, 2008 at 10:13 am
[…] Adobe a déjà commencé à plancher sur le sujet, avec un certain Drew Trujillo qui a developpé une appli pour Illustrator utilisant Flickr. […]
October 27th, 2008 at 12:51 pm
[…] Hey Guys, I just posted about this application in my blog, but in a nutshell I found a flash application that allows us to extract complete colour palettes from photographs taken from flickr, all on that inside of Illustrator. you can get the App for free at, AI CS3 + Flickr + In The Mod mashup Enjoy, Ivan […]
December 2nd, 2008 at 5:41 am
Great I can`t wait!