
Create a slanted edge effect 209
Create a slanted edge effect
You want to create a slanted edge effect in the banner, as shown in the
banner sketch (see
“Review your task” on page 195
). To produce this
effect, you decide to create a shape and use it as a mask.
1.
In the Layers panel, select the Graphics layer.
2.
In the Tools panel, select the Pen tool.
3.
In the Property inspector, set the following properties for the Pen tool:
■
Click the Stroke Color box next to the pencil icon and click the
Transparent button.
■
In the Fill Category pop-up menu, select Solid.
■
Click the Fill Color box next to the bucket icon and select the black
swatch with the eyedropper pointer.
4.
In the Document window outside the canvas, click four times to draw a
rectangular shape, and then click on the first point to close the shape.
Your rectangle should be a little taller than the banner graphic and
about a third of its length.
5.
Select the Pointer tool (or press V) and move the shape so that it covers
the left side of the banner.
NO
T
E
Because the shape is on the Graphics layer, it obscures the background
image but not the logo. According to the stacking order shown in the
Layers panel, the Logo layer is above the Graphics layer while the
Background layer is below it.
000_ExploringStudio.book Page 209 Tuesday, August 30, 2005 9:30 AM
Summary of Contents for STUDIO 8-EXPLORING STUDIO 8
Page 1: ...Exploring Studio 8...
Page 8: ......
Page 42: ...42 Learning Studio...
Page 134: ...134 Web Development Workflow...
Page 136: ......
Page 162: ...162 Tutorial Creating Page Mock ups...
Page 182: ......
Page 194: ...194 Tutorial Handling Photographs...
Page 254: ...254 Tutorial Building Your First Flash Application...
Page 266: ...266 Tutorial Building a Video Player Flash Professional only...
Page 268: ......
Page 294: ...294 Tutorial Adding Content to Pages...
Page 324: ...324 Tutorial Formatting Your Page with CSS...
Page 332: ...332 Tutorial Publishing Your Site...
Page 342: ...342 Tutorial Setting Up Your Website for Contribute Users...
Page 350: ...350 Index...