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
Содержание STUDIO 8-EXPLORING STUDIO 8
Страница 1: ...Exploring Studio 8...
Страница 8: ......
Страница 42: ...42 Learning Studio...
Страница 126: ...126 Web Development Workflow For example consider the following sketch A mock up in Fireworks might look like this...
Страница 134: ...134 Web Development Workflow...
Страница 136: ......
Страница 162: ...162 Tutorial Creating Page Mock ups...
Страница 182: ......
Страница 194: ...194 Tutorial Handling Photographs...
Страница 254: ...254 Tutorial Building Your First Flash Application...
Страница 266: ...266 Tutorial Building a Video Player Flash Professional only...
Страница 268: ......
Страница 294: ...294 Tutorial Adding Content to Pages...
Страница 324: ...324 Tutorial Formatting Your Page with CSS...
Страница 332: ...332 Tutorial Publishing Your Site...
Страница 342: ...342 Tutorial Setting Up Your Website for Contribute Users...
Страница 350: ...350 Index...