February 6, 2011 at 3:25 pm (computer art, Digital Art, Flash animation, Photoshop tips and tricks) (embed flash into wordpress, embed swf wordpress, Gale Franey, galefra, galefraney, Photoshop CS5 animation)
I’ve discovered an even better way to embed swf files into my WordPress.com blog. After I wrote the last post mentioning the VodPod method, I tried to upload more video and the uploader wasn’t accepting the URL I was copying and pasting although I had used the same method as before (see my previous post). This was endlessly frustrating and I can’t figure out what is causing this. I’m not sure if you will run into a similar problem.
But good news, there is an even better way. Simply add the tags below. Feel free to use this code and my swf file to try it out for yourself.
How I Made This Fishbowl Guy Animation
This animation, by the way, I made using Photoshop CS5’s animation, importing full 3D objects, then adding textures, creating the stars with a combination of “add noise” and then “Filter / Other / Offset / Minimum, then adding levels and gausian blur. Then I made the globe by applying 3D to an image of a map (but first used “offset” filter to ensure that any seam line was eliminated). I went to the timeline and animated the 3D object’s rotation, then animated the cloud mist (mist was made with Filter / Render / Clouds set to Screen Blending Mode with opacity reduced). Then I animated the guy’s head movements and the text. Animation in Photoshop is quite simple because all Photoshop’s layers, FX, blending modes, etc., behave exactly as they normally do, so the learning curve is very simple.
Afterwards, instead of saving this project as a video, instead I exported a jpeg sequence. Then it’s simple from Flash to simply import these images directly onto the timeline. Simply go to Import and navigate to the folder where you’ve exported the images, then click on just the first image of the sequence. Flash is smart enough to recognize the sequential numbering and asks whether you want all the images in that folder to be imported onto the timeline. Say “yes”. I then continued to animate, adding the fish swimming although I could have easily done this in Photoshop. But I was using this project as a class lesson to demonstrate the ease with which the Adobe software are integrated. Iit is simple to create artwork and animation by going back and forth between the various Adobe software, taking advantage of the each one’s strengths. This greatly enhances work flow and productivity.
Flash Interactivity is Retained
If you hover your mouse over this swf file, you will see some text appear, inviting you to visit my website and if you click on the swf, it takes you to my main website. This interactivity is coded directly into the swf file and when the file is embedded here in WordPress, that interactivity is fully retained. Quite amazing when you think about it.