We will be undergoing scheduled maintenance on May 20th, 2013 at 02:00 GMT.
Adobe Fireworks CS3 Tutorials
Using Live Filters / Applying Bevel Filters
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 Bevel Filters)
Now that you've had an overview of Fireworks' Live Filters, let me demonstrate in more detail some of the more important of these filters, starting with Beveled Edges. Applying a beveled edge to an object gives it a raised look as you can see here in these three button examples. There's a raised look to it, it has a drop shadow here in the lower right-hand corner. You can actually create an inner bevel or an outer bevel. Let me demonstrate by starting with a simple rectangle, flat rectangle, with rounded edges. As soon as I apply the rectangle to the canvas I have this Filters option down here. Click on the plus sign, which is the Add Live Filters, or Choose a Preset button. I have a list of my Live Filters. Let's choose Bevel and Emboss. Notice that there are two bevels and two embosses. I'll be reviewing the embosses a little bit later, but let's start with Inner Bevel. That gives me a flat inner bevel by default, but I can open this drop-down and choose a Smooth Inner Bevel, Sloped. Frame 1 is interesting. That's the image that you would put in a two-frame animation. You'd place this image in Frame 1, then use a Behavior, which I'll cover later, to animate that when you roll over it. Frame 2 is the Frame 2 image, they're a little bit different, so that simulates a nice animation, and then there's a Ring Inner Bevel, as well as a Ruffle Inner Bevel. Probably the most common one you'll use is the Smooth, and then there are options here for setting the width of the bevel. Oftentimes my students will overdo these bevels and they kind of look like candy lozenges, but the default settings I think are pretty good, gentle and subtle. You also have a Percentage Contrast here. Default is 75 percent, but you can increase that to give a little bit more contrast between those dark areas, and then you have below that a Softness value. Default is three, but you can bring that all the way up to 10, or zero. Then you have an Angle. You probably want to keep the angle at 135, and that will give you your drop shadow, your darkened area down and to the right, which is the default on most operating systems. Let me now demonstrate an Outer Bevel by drawing another rectangle with rounded edges there, choosing from the Filters area the Add Live Filters button, click on that and choose Bevel and Emboss. This time let's do Outer Bevel. The default is to do a flat outer bevel with a red border, but I can click on that color chip. Let's choose a darker blue like I had over there on the Inner Bevel, like so, and I think that width is much too thick. Let's do five or four pixels. Again, I have a Percentage Contrast, and a Softness as well as an Angle. I'm going to keep those to the default. I can also do a Highlighted Outer Bevel, an Inset Outer Bevel, as well as an Inverted Outer Bevel. Probably the best way to experiment with these is to try these with various roll-over animations, which I'll be covering later in the Behaviors section of this tutorial, but there's my Inner Bevel, and there's an Outer Bevel. Let me now move on to the next movie and review the Emboss options: Inset Emboss, and Raised Emboss.
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
