Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Hi. I'm Mike Rankin, and welcome to InDesign Effects. In this week's effect, we'll see how to make a three-dimensional object that looks like it's sitting inside of a pocket. We'll use both transparency effects, and a simple gradient fill, to achieve the 3D look that you see here. So, let's see how it's done. I'll go to the next page of my document. Where I have just a few simple rectangles filled with these brown colors, and a simple little heart that I drew with the pen tool. Now, let's start making these look 3D. I'll slide this over, open the Effects dialogue box, double-click to edit the effects, and I'll start with Bevel and Emboss.
I'll keep these setting inner smooth and up. But I'll change the size, to something really large, like 72 pixels. Gives me a nice really large highlight, and really large shadow. I'm going to soften it a little bit, say about nine pixels. I'll set the angle to 90 degrees, and increase the altitude, up to 75 degrees. That really reduces the strength of the shadow down here, and concentrates the highlight. In fact, I'm going to bring up that highlight a little bit more even, I'll take it to 90%. And I'll try to bring back a little bit more of that shadow.
I'll go all the way to 100%. Here we go. Now let's add a drop shadow. I'll set the distance to zero. The size to 12 pixels, and I'll increase the spread a little bit, to just make it a little more visible, say 20%, and maybe I'll even increase the opacity as well. Let's see how dark we can get that shadow. That looks good to me, I'll click OK, and there is our heart. Now, I want to put this heart in a little pocket, that seems like it's bulging out, and to add to that 3D effect. So, I'm going to select this inner brown square, copy it, paste it in place, so it's sitting on top of the heart right now.
I'll grab the top anchor point, and drag it down. Now, to add some dimension to this, I'm just going to use a simple gradient. If I look at my Swatches panel, I have created this grading called pocket. Let's edit that. I'll right-click on it and choose Swatch Options, and let's see what its made of. The left color stop is dark warm brown, at the center its pale warm brown, and on the right side we go back to dark warm brown, so it's basically all the same color but a lighter tint in the middle. I'll cancel outta there, select my rectangle, target the Fill, and select my Gradient.
And there you go. So, on the sides, it matches the color of this background object, and it gets lighter in the middle, giving the impression that it's a little bit closer to us here. Now, I would also like to add a little shadow here above as well. So I'll go back to the Effects panel, double-click, click on Drop Shadow, and here I'll set the distance to five pixels. Set the angle to negative 90, making the shadow just go up. And let's reduce the opacity a bit. That's looking kind of dark there. So I'll hold down the Shift key on my keyboard, and tap the down arrow key a couple times, until it looks right.
That looks pretty good. I'll click OK, and there we have it. So in this video, we saw how to use effects like bevel and emboss, along with shadows, and a simple gradient fill, to make a 3D pocket effect. I'm Mike Rankin, I'll be back in two weeks, thanks for watching.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 63677 Viewers
119 Video lessons · 71241 Viewers
125 Video lessons · 32096 Viewers
84 Video lessons · 18693 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.