{"id":11029,"date":"2006-01-03T12:25:52","date_gmt":"2006-01-03T12:25:52","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnackdev\/2006\/01\/ae-flash-in-the-mod-flickeur.html"},"modified":"2006-01-03T12:25:52","modified_gmt":"2006-01-03T12:25:52","slug":"ae_flash_in_the_mod_flickeur","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2006\/01\/03\/ae_flash_in_the_mod_flickeur\/","title":{"rendered":"AE + Flash &quot;In the Mod&quot;; Flickeur"},"content":{"rendered":"<p>Drew Trujillo (aka <a href=\"http:\/\/www.flashforwardconference.com\/speakers?name=drew_trujillo\">Dr. Woohoo<\/a>) has been experimenting with ways to use color, Flash, and After Effects together.  His <a href=\"http:\/\/www.inthemod.com\/inthemod.html\">In the Mod<\/a> color analytics app assesses artwork, then generates XML files for Flash and <a href=\"http:\/\/www.processing.org\/\" \/>Processing<\/a> as well as HSL arrays for AE.  Use the &#8220;Choose a Palette&#8221; button in the upper-left to select a painter &amp; work, then check out the results.<br \/>\nDrew&#8217;s <a href=\"http:\/\/www.inthemod.com\/bps\">brushes.paints.stencils<\/a> project uses AE &amp; the <a href=\"http:\/\/www.trapcode.com\/products_soundkeys.html\">Sound Keys<\/a> plug-in to analyze audio data &amp; generate keyframes which are then fed to Flash as XML.  He then exports the audio from AE as a Flash FLV file, using that to synch up with animation based on the XML.  It&#8217;s more fun to see than to read about, so check out examples like <a href=\"http:\/\/www.inthemod.com\/bps\/showcase01\/\" \/>Radiohead<\/a> &amp; the <a href=\"http:\/\/www.inthemod.com\/bps\/snt02.html\">kaleidoscopic collaboration<\/a> with <a href=\"http:\/\/www.quasimondo.com\/\" \/>Mario Klingemann<\/a>.<br \/>\nOn a related note, Mario (who&#8217;s also made some <a href=\"http:\/\/www.freephotoshop.com\/html\/mario_klingemann.html\">Photoshop plug-ins<\/a>) shows how modern processors &amp; the <a href=\"http:\/\/www.kaourantin.net\/2005\/09\/some-word-on-blend-modes-in-flash.html\">new blending modes<\/a> in Flash Player 8 can create rich motion graphics on the fly.  He&#8217;s created <a href=\"http:\/\/incubator.quasimondo.com\/flash\/flickeur.php\">Flickeur<\/a>, a project that &#8220;randomly retrieves images from Flickr.com and creates an infinite film with a style that can vary between stream-of-consciousness, documentary or video clip.  All the blends, motions, zooms or timeleaps are completely random.  Flickeur works like a looped magnetic tape where incoming images will merge with older materials and be influenced by the older recordings&#8217; magnetic memory.&#8221;  The app brings in images from Flickr over time, so be patient if it needs a minute or two before it gets interesting.<br \/>\nJ.<br \/>\n<!--more--><br \/>\n&#8212;&#8212;&#8212;<br \/>\nAddendum: Here are instructions from Drew if you want to play with his files in After Effects.<br \/>\n<a href=\"http:\/\/www.inthemod.com\/inthemod.html\">http:\/\/www.inthemod.com\/inthemod.html<\/a> (Flash 8 is required)<br \/>\n0)\u00a0Optional: choose a palette of your choice. a random one will already be selected for you.<br \/>\n1)\u00a0Click on:\u00a0<b>Downloads<\/b><br \/>\n2)\u00a0Click on:\u00a0<b>Download AE Project Example<\/b>\u00a0(under the words &#8216;After Effects&#8217;) and open the .AEP file.<br \/>\n3)\u00a0Click on:\u00a0<b>View HSL Array for this palette<\/b>\u00a0(under the words &#8216;After Effects&#8217;)<br \/>\n4)\u00a0Click on:\u00a0<b>Copy to Clipboard<\/b>.\u00a0This automatically copies the h, s + l arrays to the clipboard.<br \/>\n5)\u00a0In the AE file, there is a Text layer with a Hue\/Saturation Effect applied to it. open that Effect up and paste the\u00a0h array\u00a0(&#8216;h = [#, #, &#8230;, n]&#8217;) into the Colorize Hue layer, replacing the following line of code: &#8216;h = [60, 300, 180, 356, 356, 357, 356, 355, 357]&#8217;.\u00a0<br \/>\n6)\u00a0Repeat 5 for the &#8216;s= &#8230;&#8217; and the &#8216;l = &#8230;&#8217; arrays for the Colorize Saturation + Colorize Lightness Expressions.<br \/>\n7) Note: there is a line of code for each Colorize Expression that points to a specific value. eg., h[0] points to the 1st color in the array. make sure you point to the same # for h, s + l. eg., Colorize Hue: h[0]; Colorize Saturation: s[0]; and Colorize Lightness: l[0].<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Drew Trujillo (aka Dr. Woohoo) has been experimenting with ways to use color, Flash, and After Effects together. His In the Mod color analytics app assesses artwork, then generates XML files for Flash and Processing as well as HSL arrays for AE. Use the &#8220;Choose a Palette&#8221; button in the upper-left to select a painter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,32],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/11029"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=11029"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/11029\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=11029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=11029"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=11029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}