Tonight in digital imaging class, a question came up that even the professor didn't know the answer to. One of our assignments was to create animations in Photoshop, using layers, effects, smart filters, etc. A couple of the students wanted to know if it was possible to export their animations to another format, such as SWF or Quicktime, but we couldn't find any way to do that. It seems that the animations created in Photoshop must remain forever locked into PSD files, which sort of defeats the whole purpose of having the feature... <br><br>I wasn't happy with my animation, so I really didn't care one way or the other, but I was just wondering what the purpose is of having the animation feature included in PS at all if it's so worthless. <br><br>
Loc: Finland, on the Arctic Circle
And I thought Photoshop and ImageReady both used to put out gif format in the save for web dialog. But ImageReady was the tool to put them out as animated gifs. Now I guess it's FireWorks. And honestly, I haven't used the newer versions of Photoshop enough to get myself fully acquainted with the new features since the CS packages emerged.<br><br>Another way to 'export' your animation is using a multimedia authoring tool such as Director or Flash, or even After Effects. Then import -- well, it can be as simple as copy&paste/drag&drop the stuff from each PS layer separately on to the stage and compose the animation in that application and then export as a SWF. Another thing is, you might be able to import your PSD file as it is, with layers and everything into another (Adobe) app. However, I don't know if you have these other creative apps at your class -- you should, if the school has bought the CS packages from Adobe. (And if you ask me, the professor is a wee bit incompetent as this is basic stuff I learned something like 98/99. )<br><br>I'm guessing this is why there are animation tools in PS --> so it is quicker and more efficient to compose the animation, so it's not really worthless.<br><br>
Export > Layers as Files<br>This functionality is available in Photoshop CS3 under File > Scripts > Export Layers to Files.<br><br>Export > Macromedia Flash SWF<br>This functionality is not available in Photoshop CS3. You can create SWF animations from image sequences in Fireworks.<br><br>[color:blue]To export an animation to a sequence of images in Photoshop CS3, do the following steps:</font color=blue><br><br> 1. Choose File > Export > Render Video.<br> 2. In the Render Video dialog box, enter a name for the video or image sequence.<br> 3. Click the Select Folder button, navigate to the location you want to save your video, and then click Choose.<br> 4. Under File Options, select Image Sequence, then choose a file format from the pop-up menu. <br><br>To open a sequence of images in Fireworks CS3, do the following steps:<br><br> 1. Choose File > Open<br> 2. In the open dialog box, select the files in your image sequence, and click Open As Animation. Your images will appear as frames in the Frames panel. <br><br>[color:blue]To export an animation to SWF in Fireworks CS3, do the following steps:</font color=blue><br><br> 1. Choose File > Save As<br> 2. In the Save As dialog box, choose Flash SWF from the Save Copy As pull-down menu.<br> 3. Click Options and change the Flash SWF Export Options according to your preference.<br> 4. Type a file name and click Save. <br><br>Web Content palette/Rollovers/Image Maps<br>This feature is not available in Photoshop CS3. It is available in both Fireworks CS3 and Adobe Dreamweaver CS3. For more information, refer to the Fireworks CS3 Help chapter "Slices, Rollovers, and Hotspots." In Dreamweaver CS3, refer to the Help documents "Create a rollover image" and "Insert client-side image maps."<br><br>Variables<br>This functionality is available in Photoshop CS3 under Image > Variables.<br><br>Group Slices Into Table<br>This functionality is not available in Photoshop CS3. However, you can select a subgroup of slices in your image and export them as a table.<br><br>To export a group of slices as a table, do the following steps:<br><br> 1. Choose File > Save For Web & Devices.<br> 2. In the Save For Web & Devices dialog box, use the Slice Select tool to select the slices that you wish to export as a table and click Save.<br> 3. In the Save Optimized As dialog box, choose HTML And Images from the Save As Type menu, and then choose Selected Slices from the Slices menu and click Save. <br><br>HTML options in Output Settings<br>In Photoshop CS3, do the following steps:<br><br> 1. Select File > Save For Web & Devices, then click Save.<br> 2. In the Save Optimized As dialog box, select Other from the Settings menu.<br> 3. In the Output Settings dialog box, select HTML from the menu. <br><br>Version Info<br><br>Photoshop CS3<br>TechNote Details<br>Last Update: 08-23-2007<br>ID: kb400899<br>OS: <br><br> * Macintosh<br> * Windows Vista<br> * Windows XP<br><br>Permanent Link: http://www.adobe.com/go/kb400899<br>Products Affected: <br><br> * Photoshop<br><br>http://kb.adobe.com/selfservice/viewContent.do?externalId=kb400899&sliceId=2<br><br>
I Googled<br><br>export photoshop gif animations swf<br><br>There is a lot of stuff that sounds like it might help you, Donna, but I don't know what I'm talking about <br><br>If nothing there just ignore it and me.<br><br>Good night<br><br><br><br>
Wow! Thanks Kate. Can't wait to try it in class this Friday. We have the whole Creative Suite on those Dells that are running XP. I only have PS CS3 on my Mac, because I couldn't afford the whole suite. I have really old versions of the other apps, which probably won't play nice with PS CS3. <br><br>If you don't mind, I will email your reply to the professor, giving you credit for the research. It will save him lots of time, which he had promised us he would do by next Friday, even though he also works a day job and teaches other classes at night and on the weekends. <br><br>Many thanks! <br><br><br><br><br>
<blockquote><font size=1>In reply to:</font><hr><p>And I thought Photoshop and ImageReady both used to put out gif format in the save for web dialog. But ImageReady was the tool to put them out as animated gifs. Now I guess it's FireWorks.<p><hr></blockquote><p>Adobe has integrated the ImageReady animation panel into Photoshop CS3<br><br>Go to Window>Animation. When the animation panel comes up, you set your animated .gif frames, looping, tweening, etc. When you're done, do a Save For Web and select .gif.<br><br><br>
_________________________ The Graphic Mac- Tips, reviews & more on all things OSX & graphic design.
Well, Donna, I almost deleted the response. I thought, well I don't really know what they're trying to accomplish and no one knew the answer, so what makes me think just because I saw a lot of the words you were using in your question, that I might have come across a helpful hint.<br><br>Risking being a dumbo, I thought, "What the heck." Let it stand. Maybe something will trigger someone else to come up with more light on the situation.<br><br>You know, Lori has some sort of sixth sense with searching out answers. I wish I could sit here in my old age and just give everyone a nudge in a helpful direction to learning more about what they love -- our Macintosh and the apps! <br><br>Go ahead and share, but tell him I had no idea or talent toward the project at hand. Just lucky! <br><br>Kate<br><br>
Xplain's use of MacNews, AppleCentral and AppleExpo are not affiliated with Apple, Inc. MacTech is a registered trademark of Xplain Corporation. AppleCentral, MacNews, Xplain, "The journal of Apple technology", Apple Expo, Explain It, MacDev, MacDev-1, THINK Reference, NetProfessional, MacTech Central, MacTech Domains, MacForge, and the MacTutorMan are trademarks or service marks of Xplain Corp. Sprocket is a registered trademark of eSprocket Corp. Other trademarks and copyrights appearing in this printing or software remain the property of their respective holders.
All contents are Copyright 1984-2010 by Xplain Corporation. All rights reserved. Theme designed by Icreon.