Part 4
WEB LAYOUT AND OPTIMIZATION
Horizontal and Vertical
SEMI-TRANSPARENT RIBBONS Part B
STEP : 5
To add further definition, give your shape a 1–2 px light gray stroke and add a gradient overlay using the Screen blending mode with an opacity set to about 40%. If desired, adjust the angle to set the direction of the gradient to your liking. Click OK to save these settings. Your image should now look something like the example shown in Figure 4-3.
STEP : 6
Next, copy this layer’s style by right+clicking/Ô+clicking on the layer’s Layer Style icon and selecting Copy Layer Style from the layer’s context menu. To paste this layer style onto your first shape, select the first shape’s layer and choose the Paste Layer Style option from the layer’s context menu.
Figure 4-3
STEP : 7
Continue creating additional ribbon shapes as needed following this same method as well as circular shapes using the Ellipse tool, changing the color, blending mode, opacity, and other settings as desired, as illustrated in Figure 4-4. Feel free to improvise and don’t be afraid to speed things along by duplicating any existing shape layer and then adjusting the new layer’s attributes through the Layers panel.
Figure 4-4
loading...
loading...
About shakil .
