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.
Fireworks provides support for importing and opening native Illustrator CS2 and later files with options for retaining many aspects of the imported file, including layers, patterns, and linked images. As a result, you can bring Illustrator files into Fireworks for further editing and Web optimization. You also export Illustrator files from Fireworks. We'll talk a little more about that later. First, let's take a look at opening and importing Illustrator files. So I'm going to start off with I've got a file here little olive_branch, and I also have Illustrator open.
In Illustrator, I've got this logo. We've seen this before in some other movies. It's a little olive_oil logo. What I want to do is I want to bring this file into Fireworks. Now I can Import or Open the file in Fireworks, but I'm going to show you another technique as well for copying and pasting. Just literally, inside of Illustrator, just select the entire object by clicking and dragging over it with the Selection tool, and then press Ctrl+C or Command+C on the Mac. Hop back over to Fireworks. I'm just going to select my top layer here.
I'm going to press Ctrl+V or Command+V on the Mac. There is the entire Illustrator file brought in as a grouped object. Now again, it's still a vector too. This is an important distinction to note. I can Scale this file. I still retain all the quality of the original image. So I have all that flexibility there. Also, if you take a look over in the Layers panel, you'll see it's a Group of 7 objects. So I can select my Subselection tool. That's the white arrow tool in the Tools panel, and I can go in and select individual elements of that vector.
So they are all still there. It's all still editable. I've got all the control I need over that entire original Illustrator piece of artwork. So Copy > Paste is one way to bring things in. Now if you want to just open up an Illustrator file, we'll start off with that. We'll do File > Open, and this time we'll grab a file called logo_final, and I'll Open that up. When we open this up, very similar to opening up a Photoshop file, we get Options for importing the Vector File.
We can adjust scaling. We can adjust Resolution. We can determine whether we're going to Anti-alias Paths and Text. We also have options in File Conversion for remembering or ignoring layers, or converting layers to states, and down at the very bottom, Render as images. If you have a really complex Illustrator file, you may find it easier and more performance friendly, if you group some of your objects together. So you can actually set how elements are going to be grouped together and rendered as images. It makes Fireworks handling the file a lot more efficient.
But do keep in mind, you are rendering these elements as images, so you won't have the same kind of vector control over them. In our case here, this isn't a very complex file. So we don't need to worry about rendering anything as an image. We'll just click OK. There is our Illustrator logo and you take a look. I'll move my cursor over this. You can see all the different elements that are selectable. It's a complete Vector File. Even all the Text had been converted to Paths to make it easy to translate and transport over to other applications.
So there you've got the ability to Copy and Paste from Illustrator directly. You've got the ability to Open or Import your Illustrator files right into Fireworks. While Fireworks does a pretty good job of opening up Illustrator files, it's much more of a one-way street than Fireworks relationship with Photoshop. If you edit an Illustrator file and want to Export it back out to Illustrator, Fireworks only supports up to Illustrator 8 at the moment. So a great deal can be lost when you're trying to move the file back. Just something to be aware of. Overall, from the standpoint of getting these graphics, these Vector Artwork pieces into Fireworks, but it does a pretty good job of bringing the files in. And as far as getting the files out, well, we have some other new technologies that we'll be exploring in a different movie.
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.