Adobe Fireworks CS3 Tutorials
Using Live Filters / Applying Photoshop Layer Effects
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com�s entire library of video tutorials.
Learn More
Subtitles of the Movie (Adobe Fireworks CS3 / Using Live Filters / Applying Photoshop Layer Effects)
In the previous movie, I demonstrated how to apply the various Fireworks Live Filter effects using the Filters menu at the top of the interface, or using the Filter Section down here in the lower right-hand corner of the Properties Inspector, however, you can also apply some Photoshop layer effects using the Add Filters pop-up menu here in the Properties Inspector, and then choosing at the very bottom of the menu, Photoshop Live Effects. That'll bring up the Photoshop Live Effects dialog where you can apply one or more of these Photoshop Live Effects, all at the same time, notice. You probably don't want to apply all of them at the same time, but you can. Or, by unchecking various options, apply combinations, different combinations, of Photoshop Live Effects. You'll notice that many of these have layer settings, because these originally were applied to Photoshop layers. Now if you import a PSD file, you can also edit layer effects that already exist in the file. For example, if you've applied a drop shadow layer effect to your PSD file, and then open that in Fireworks, you'll find that there are settings already here in the Photoshop Live Effects dialog that you can then modify those live effects that you applied earlier in Photoshop. So in this movie, let me review and demonstrate some of the more important Photoshop Live effects and their settings. Starting with the Drop Shadow, you'll notice my drop shadow, that I have more options for controlling the drop shadow than the Drop Shadow Live Filter that's found in Fireworks CS3 itself. I have an opacity setting, a distance setting, an angle, which is found in the Fireworks drop shadow as well, but I also have a size and spread, and a noise quality as well. Notice that here is another one of those layer properties Layer Knocks Out Drop Shadow; here, there's no effect because I don't have any layers in this file, but again if I did, those layers and their placement may adjust the setting when I select the Layer Knocks Out Drop Shadow option. I also have an Inner Shadow, and Outer Glow, an Inner Glow, each of these with their own settings. Again, I recommend that you experiment. It's probably better to turn off the other Live Effects. Notice how much easier these Photoshop Live Effects dialog facilitates turning on and off the various effects. I recommend to start with trying out just one at a time. Also I recommend applying these live effects to both text and graphics. Some of them will work better and demonstrate better when you apply them to text, others will work better and demonstrate better when applied to graphic objects. So now, let me go ahead and select that gray rectangle, add my Photoshop Live Effect to that. Let's move this down here, and choose Inner Glow, and I think that shows a little bit better than when I applied it to the text. Certainly the Bevel and Emboss will work better here with my button. For this one, notice that I have structure and a shading settings. This is quite a bit more sophisticated than the Fireworks Bevel and Emboss options. My styles include: Outer Bevel, Inner Bevel, Emboss, Pillow Emboss, and Stroke Emboss, each with their own settings here, including depth, size, soften, direction up or down. In the shading area, you have your angle. Your highlights include: Screen, Darken, Multiply, Dissolve, Normal; quite a number of them here. So, again, if you're familiar with Photoshop and its layer effects, then these Fireworks tools will be immediately familiar to you. Next we have the Satin setting. Let's go ahead and turn off Bevel and Emboss. Here we have a Structure Setting: Opacity, Distance, Color and Size, as well as an Anti-Alias option. It's probably best to apply this one to my text up here. So let's do that. Let's go ahead and choose the Satin option. Here I have Structure settings, and Color and Size settings, as well as Anti-Alias and Invert. Let's now move down to Color Overlay. Here I can apply a color overlay to my object, in this case it's red, let's change that to an orange color, change my opacity. Next is Gradient Overlay. Notice that I can apply a gradient to my object. Pattern Overlay, including Opacity and Scale settings. Let's go ahead and turn off the other two, and there's my Pattern Overlay. And my last one is the Stroke. That's kind of an interesting effect there, with a color setting; a fill type, including Color, Gradient, or Pattern; Position, outside, inside or center; Size, that's very interesting there; as well as Opacity. I think my size is probably too small. Notice that in addition to the sliders, I can also type in numbers here. Let's just apply a four to the size and then press my Enter button. That closes the dialog and then applies the Photoshop layer effect. Now, in addition to these Photoshop layer effects, Fireworks also lets you use many Photoshop and other third-party filters and plug-ins. You can use plug-ins in either the Live Filters window, or the Filters menu. Let me now move on to the next movie and demonstrate in more detail how to work with Photoshop filters and plug-ins.
Tutorial Information
| Course: | Adobe Fireworks CS3 |
| Author: | James Gonzalez |
| SKU: | 33836 |
| ISBN: | 1-934743-42-9 |
| Release Date: | 2008-01-25 |
| Duration: | 8.5 hrs / 93 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (14,200 free)
- Video Available as Flash or QuickTime
- Over 715 Courses
- $30 for One Month Access
- Multi-User Discounts Available
