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.
Styles are a combination of various Fills, Strokes, live filters, and Photoshop Live Effects, and they can give you a jump-start in the creative process. When you create a Duplicate of an object which already has a Style, that Duplicate becomes linked to the Styles, so any changes you make in one object can be updated in the other quite easily. So let's have a look at working with Styles here. Now if you start with a brand-new document or a document where no Styles have been previously applied, the Styles panel will be empty and what you'll see is a little dropdown menu called Current Document. If I click on that dropdown menu, I'll see a whole range of different individual Style families.
And there's quite a few different ones to pick from, just to show you a couple of examples. There is Chrome Styles, for example, or there is Old Paper Styles, and so on. The one I want to work with here is going to be the Plastic Styles, and there is lots of them to choose from here, and applying them is dead easy. Just select your object, and then all you've got to do is pick a Style, just grab one of them. And it automatically applies to the object. Anytime you want to change it, just click on a different one. Now the Style that I want is a little bit lower down here, and it's called Plastic 044.
Now Styles themselves are a great start, because you get these pre-built effects. This particular Style has a Linear Fill. It has a Stroke, and it has an Inner Glow. But you may want to change or customize these effects yourself to give a result that's more suitable to your end needs. And we're going to do that in just a minute, but first I'm going to create a Duplicate of this particular object. So I'm going to go to Edit > Duplicate, have a second copy here. And I'm going to edit the Style on this second copy. I'm going to go into my Linear Fill and make a change here.
I'm going to change the light green to a darker green. You will see right away what happens to the overall design in that one specific spot, and I think I'll change the ending green as well. There we go. So I've made two different changes to that specific Fill, and basically customized the Style. Now that, in itself, is fine. We've got the ability here to edit this as much as I want. But the other thing I want to do here is I want to apply that same effect to the original object, and it's actually really easy to do. With that new object and new styling selected, I'm going to go down to my Properties inspector and over on the right-hand side, you'll see the name of the Style and a few icons underneath, and the one I'm interested in is the second one from the left, called the Redefine Style.
By redefining the Style, I'm changing it for all the objects in this document only that had the original Style. So now I've got two identical objects. Now these aren't symbols. Keep that in mind, these are just regular Vector objects, but because we applied a Style to one of them and created a Duplicate, there is a link between the two of them. Now over in the Styles panel, you'll see that we've got a few extra Styles kicking around. There is a bunch of Styles that I didn't end up using. A quick way to get rid of these is to go to the Options menu and choose Select Unused Styles. And once you've selected them all, you can go back to the Options menu and choose Delete Styles.
Now you're just deleting them from this Document. You're not deleting them from the Fireworks Library. So we'll just click OK, and we're down to our original Style. Now customizing a Style is great, but what happens if you want to use this Style again somewhere else. Well, you can create your own custom Style, and we're going to do just that with this effect. Now these are, as I mentioned Vector graphics, but they are grouped Vector graphics. So I've three different pieces to each one of these icons. So I need to just select any one of the three vectors that has the effect applied, and then down in the Properties panel, you'll see an icon that says New Style.
I'm going to click on that, and it brings up a New Style dialog box, which gives me the ability to save the Style with a Name. I'm going to call it olive. And you'll notice that there is a whole bunch of different attributes that I can utilize for the Style, and the ones that are checked off are the ones that are currently being used in this effect: Fill type, Fill color, Effect, Stroke type, and Stroke color. So I'm just going to name it olive, leave those check boxes checked, and click OK, and now it'll show up as its own Style. So Styles are another great addition to your creative repertoire. Generally, Styles have more of an impact on Vector objects than they do on Bitmaps.
But if you experiment long enough, you're going to find that there are actually some Styles here that produce some pretty cool effects on photos as well.
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.