Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Fireworks CS5 Essential Training, author Jim Babbage gives a detailed overview of Fireworks CS5, Adobe's software for creating and optimizing web graphics and interactive prototypes. This course includes a detailed tour of the interface, the enhanced PNG format, and the image editing toolset in Fireworks. Critical concepts, such as prototyping for HTML applications and working with symbols, the heart of an efficient workflow in Fireworks, are covered in detail. Exercise files are included with this course.
Now creating cool symbols is all well and good, but what if other team members need to use them? The answer is to export the symbols and here's how. Now we've got a document onscreen here that is a series of different vectors that have been converted to symbols. Let's click on each one of these. You'll notice the little icon that indicates these are symbols, and in fact, if you look in the Document Library panel, you'll see we have a whole range of different symbols that were created. Now what I want to do is export these out as a series of objects that somebody else can work with. I can e-mail this to them or put it on the server, and they can download it or whatever they want.
So the process for this is to export the symbol. So I am going to go to my Options in my Document Library and choose Export Symbols. Now you get a little dialog box popping up here, and you'll notice that you see a whole range of different symbols. Basically, you can pick and choose which symbols do you want to export. You can export the whole thing, or you can export them as individual files one at a time. I am going to go ahead and select all of them by Shift+Clicking, grabs every single symbol in the batch, and I am going to choose Export.
And all I am going to do is to rename these. I am going to call these olive_main_symbols. So what Fireworks is going to do, it's going to save this as a PNG file. And I'll just click Save and nothing particularly interesting happens at that point other than the fact you have created a brand-new file. But now if I pass this onto somebody like by e-mail or by popping it up on the server, they can now import these right into the actual Document Library.
So let's go ahead and create a brand-new document here. I am going to choose Ctrl new - Ctrl+N or Command+N for a brand-new document, and I am just going set up a basic empty document, 500x500 pixels and click OK. Now as soon as that document comes up, you'll notice that the Document Library is completely empty again. So what I can do is go to my Document Library options and choose Import Symbols, and I'll browse for that symbol package, and you can see it actually right here.
You see how that kind of all overlapped on top of each other? I will select it first, and then I'll choose Open. And you can see again, I can pick which symbols I want to import so I can choose from any one of these and bring it in as an individual symbol, or I can grab the entire batch, like I did with the original export, and choose to Import them, and then really quickly all the different symbols are brought into my Document Library so I can select one of these and drag it onto to my canvas just like so, and I've got all the same properties available to it.
If it's all vector, I can scale it. I can do whatever I like with it. So now I have got a file full of assets that I can share with the entire design team that they can incorporate as symbols in their own designs.
There are currently no FAQs about Fireworks CS5 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.