Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Fireworks CS6 is the latest iteration of Adobe's powerful web graphics and rapid interactive prototyping tool, and in this course Adobe Community Professional Tom Green gives you an overview of the Fireworks interface, the formats it can output, and its various imaging tools. Along the way, discover how Fireworks integrates with Adobe Edge, Dreamweaver CS6, and other tools in the Adobe Master Collection. Using a project-based approach to the techniques presented, this course helps define where Fireworks fits into the workflow for digital media projects ranging from simple web page prototyping to interface design for rich Internet applications.
To this point in the chapter we've used vectors and bitmaps as masks. And in this lesson what we're going to do is look at another object that can be used as a mask, bold text. To get yourself started open up the Text mask.jpg image located in your Exercise folder. And the image that opens is, a scene of the north shore of Lake Superior in Ontario. And what we're going to do is we're going to use this image inside text, so instead of having a solid color for text we're going to use the image. To do that what you do is you select the Text tool, click once on the image and use a strong Sans Serif or Serif font, like a bold or something like that.
I'm using Ariel Black. I'm going to use regular. I'm going to set the size to about 150 pixels or points. And I'm going to set the fill color to white. Because remember, black hides, white shows. So we just type in the word, superior. And you can get the Selection tool, and just move the text to where you would like the image to show through the text. Hold down the Shift key, select both Superior and the Bitmap, Modify, Mask, Group as Mask. And you can see that Superior shows through.
If you want some really nice contrast you can go to Modify, Canvas. Canvas color and change the color to a custom color, and we'll just choose a black. So you got some nice contrast there, and you can see that it really does look quite nice. Now another thing that you can do with this mask of course is that because it's just text you can actually fill it with a gradient. Ad you notice that once you put a linear gradient in there. You pick up the alpha channel gradient in here.
And if I come over to the text tilt, you can there are the handles. And if I move the handle up, you can adjust how the gradient appears. So if you want, you can have it fade off to the edges. Notice as I come across here, I'm going to grab this handle here and just, set the length, and you can just take it out. You can do that. Okay, we're going to turn off the gradient and put the solid back. So, we'll choose that white. So, it shows up. Another thing that you can do is, if you select the Bitmap, you can actually put filters on these things. So, if you select Bevel and Emboss, for instance, and put an inner bevel on it. You can see that you get that nice Beveled effect. Of course it's a little bit strong, so I gotta knock it back to about four. An instead of flat we'll go with the, ring.
An it's got a nice edge to it. An if you want to add a little bit of a Drop Shadow you can. Shadow and glow, Drop Shadow. And just change the shadow color to something like C C, C C, C C. And you can see there's the Drop Shadow, and of course it's a little bit strong. So we'll just pull it back on the opacity, and it's a little bit more noticeable. If you want to make the shadow a little bit bigger you can increase the feathering on it. So there you go, there's using the Text tool as a mask. You've just put your text on the page.
Because it's a vector it's going to be a Vector mask, you select the image and the text. And you're just basically going to Mask, Modify, Group as Mask and away you go. You can now fill it with white to show it through. You can actually fill it with a gradient, if you want to have a Gradient mask show through. You could also apply effects in filters to the Mask layers by simply selecting the Mask layer and applying the filter.
There are currently no FAQs about Fireworks CS6 Workshop.
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.