Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie we'll transform these five independent vector-based shape layers into this final shield effect here, and we'll do so using Bevel & Emboss and a couple of other layer effects. I'll go ahead and switch over to my artwork in progress and I'll scroll up my list here and click on the star layer to make it active. And we no longer need the Color panel, and I am in desperate need of more space here inside the Layers panel, so we'll go ahead and double-click on the Color Tab in order to collapse it. Now whenever you switch to a shape layer when you are working with the Arrow tool, you'll see all the anchor points that are associated with the shape.
If you want to hide them, just press the M key to switch back to the Rectangular Marquee tool, because after all our work with the Arrow tool is done. Now with the star layer active, drop down to the fx icon at the bottom of the Layers panel, and choose the top effect Bevel & Emboss. Shown here are the default settings, most of which are just fine. I do want to change the Style, however, from Inner Bevel which creates a bevel along the inside edge of the active layer, to Pillow Emboss; which creates this effect here, almost as if the star is dented into the blue circle behind it.
So we've got a highlight edge on the outside, and shadow edge on the inside, and so forth. Now a Depth of 100% is just fine. We want the Direction to be Up; a Size value of 5 is fine; Soften is set to 0 by default, which is also fine; Angle and Altitude should be set to 35 degrees; and 30 degrees respectively; your Highlight mode should be Screen and it should be White; your Shadow mode should be Multiply and Black. The only changes we want to make down here are to reduce the highlight opacity to 50% and then increase the shadow opacity to 100%, and then you can go ahead and click OK in order to apply that effect.
All right, now we want to copy that Bevel & Emboss to the other shape layers, so right-click on the words Bevel & Emboss inside the Layers panel, and choose this command Copy Layer Style. Then click on the blue layer to make it active, scroll down the list and Shift+Click on the red 2 layer to select that entire range of circles. Then right-click on any one of the selected layers. And I apologize for the mess of this menu; but because I'm working with the small screen, it ends up flowing into two columns, it won't for you. And then choose Paste Layer Style in order to paste the Bevel & Emboss effect on to all of the other layers.
Now the only problem is the Bevel & Emboss effect that's assigned to the final red circle. Notice it creates the effect of the red circle being sort of dented into the background, which doesn't make any sense; so go ahead and double- click on Bevel & Emboss for the red 2 layer in order to bring up the Layer Style dialog box. And change the style of the Bevel back to Inner Bevel, which will produce the effect we're looking for, and then click OK. All right, now I'm going to zoom in on the star. What I want to do here is fortify the shadow effect on the lower left side of this shape, and I'll accomplish that using an inner shadow effect.So I'll go ahead and scroll up the list to the star layer and click on it to make it active, then I'll once again drop down to the fx icon, click on it and choose Inner Shadow, the third command down.
Now most of the default settings once again are just fine. I am going to reduce the Opacity value to 50%. And I want the shadow to coming not from the upper-right region, but rather from the lower-left region of the star, so I need to change the Angle value. But the first thing you need to do before you change that Angle value at all is you need to turn off Use Global Light. That's very important, because otherwise you'll modify the direction of all the other layer effects inside this image. And then set the Angle value to -145 degrees, which is the opposite direction that we had it before. And the idea is, before it was 35 degrees; if you subtract 180, which sends it the other direction, then you end up with -145.
Unfortunately you can't just enter -180 the way you might in Illustrator, because Photoshop can't do math. The other settings are fine by default: Multiply and Black for the shadow color; and then Distance, Choke, and Size values of 5, 0, and 5 respectively. Now click OK in word to apply that effect, and you'll see a darker shadow along the lower left edge of the star. All right, now we want to copy that effect to the other white layer, which is the white circle. And you do that by pressing the Alt key or the Option key on the Mac and dragging Inner Shadow down onto white, and then releasing. And because you have the Alt or Option key down, you're going to duplicate the Inner Shadow as opposed to moving it.
And now you can see that Inner Shadow effect down here in the lower-left region of the white circle. Let's modify it slightly by double-clicking on Inner Shadow to bring up the Layer Style dialog box, and then just take the Opacity value down to 25% and click OK. All right, finally I want to add a kind of shadow effect along the lower-left edge of the upper-right region of the white circle-- the white stripe that is to say. And we're going to do that by projecting a Drop Shadow from the red 1 layer, so go ahead and click on red 1 in order to select it; then click on the fx icon at the bottom of the Layers panel, and choose the bottom -most command Drop Shadow.
Now most of these settings are just fine; I'm going to drop the Opacity value though down to 50%, and then I'll turn off Use Global Light once again, and I'll dial-in an Angle value of -145 degrees. And that ends up producing this dark edge right there. With the other values as you see them on screen, go ahead and click OK in order to apply that effect. And that takes care of all the layer effects that we need to assign to these independent shape layers in order to add some depth to the various elements of the shield.
In the next movie we'll reassemble the artwork in order to transform this fairly flat-looking shield into this final photorealistic superhero shield.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 63561 Viewers
119 Video lessons · 71161 Viewers
125 Video lessons · 32046 Viewers
84 Video lessons · 18667 Viewers
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.