Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Deke's Techniques is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
In this movie, we are going to take that valentine that we created in the previous movie, the one in Illustrator, and we are going to bring it into Photoshop and turn it into this absolutely goofy phantasmic heart against a red fabric background that you ever did see. So let's go ahead and switch over to Illustrator for a moment, just so that we can grab that heart shape. I am going to go ahead and select it somehow with the Black Arrow tool. You can click on it. You can marquee it like I did, whatever you want. Go up to the Edit menu and choose the Copy command, or press Ctrl+C, Command+C on the Mac.
Then we will switch back over to Photoshop here, and I've got this file in progress that I'm working on. Now, if you want the heart to come in at the same size, then you need to make sure that your image is sized properly. I happen to know that in Illustrator, my document measured 800 points wide by 500 points tall. And so if I go up to the Image menu and choose Image Size, then I can see that this document also measures the same dimensions. That may surprise you, but we are seeing things in inches right now. If I switch to Points, I'll see that the Width is 800 points, the Height is 500 points. The Resolution really doesn't matter. That's up to you. All right! I am going to cancel out.
I'm looking at this fabric image, by the way, from the Fotolia Image Library. I should give those guys props. Now, I am going to go up to the Edit menu and choose the Paste command, Ctrl+V, Command+V on the Mac, and you want to paste this object as a Shape layer. That way we can throw on those myriad layer effects that make it glow. All right! Click OK, and we have got our new heart shape sitting here. I am just going to rename that layer 'heart', and then I am going to reduce the Fill Opacity value right here to 0%, because we don't need to see that black heart. That's not going to suit as well at all.
And in fact, we don't need anything associated with this heart but its fundamental outline. I'm going to click on this little vector mask right there just to turn the outline off inside the image window. All right! Step one, in order to create that phantasmic effect, is to go ahead and throw on a stroke just so we can keep track of the boundaries here. I am going to drop down to the fx icon at the bottom of the Layers panel and choose Stroke. I am going to dial in a color. A Hue value of 0 degrees is perfect of course because 0 degrees is red, but I want to take that Saturation value up to 100% and the Brightness value should be 35% for this effect. Click OK.
I am going to take the Size value up to 10 pixels, keep it outside, change the Blend mode from Normal to Multiply in order to burn that stroke into the background. Next comes Bevel and Emboss, and there is nothing subtle about this effect. So I am going to take the Size value up to 200 pixels. That's nice. Then notice that my Angle value is 120 degrees. My Altitude is 40 degrees. The Altitude is very important here. You can change the angle to taste. I am going to change to Gloss Contour by clicking the down-pointing arrowhead and choosing this guy Ring - Double.
Again, if you don't want any subtlety associated with that effect, Ring - Double is absolutely great. We end up getting that there. That looks pretty nice. All right! So now, because this is too subtle for me, I am going to change the Highlight mode from Screen to Linear Dodge (Add), so we get some nice bright highlights. Let's go ahead and crank the Opacity value up to 100%. That color should be white. You can check that if you want to by clicking on the swatch, but as long as the Brightness is 100% and the Saturation is 0%, you've got yourself white. Click Cancel. All right! For the Shadow mode, I am going to go ahead and change the color by clicking on that swatch, and the color I am looking for is a Hue of 0 degrees, quite fine; a Saturation of 100% of course, because we want a vivid red; and I will take the Brightness value up to 25%, so pretty dark still. Click OK.
That too is much too subtle. So I am going to change the Shadow mode from Multiply to Linear Burn, so we burn in that color a little more forcefully than Multiply, and I am going to take the Opacity value down because now I feel like I crossed the line. Might as well take that value down to 65%. All right! Now, the next thing, I just want to smooth off my contours a little bit so I am going to click on Contour, and I am going to click the down-pointing arrowhead next to the Contour option, and I'm going to switch to Gaussian right there and that's the one in the upper-right corner, and we will end up getting this effect. Quite nice! All right! Now, if you just want to cast subtlety out the window, then the effect that you should slather on on top of everything else is satin.
So go ahead and click on Satin. Let's click on the color swatch there and change it to white and then click OK. Change the Blend mode from Multiply to Screen, and then you can just drag the effect around inside the window if you want to. We are going to see it even more if we change the Contour from Gaussian, which is what it is now, to good old Ring - Double. So go ahead and select that guy, and then if you start dragging around, you'll see this wacky stuff starting to happen. That wacky stuff is going to look even better if we take the Size value up to 150 pixels, which is what I am going to do.
And now when you drag around, you'll see some pretty interesting highlight action going on. I am going to dial in some values, however. I came up with 35 degrees for the Angle and a Distance of 100 pixels, and we end up with this effect here. Now, that's a little too strong for my taste, so I am going to take the Opacity value down. Every once in a while I do get tasteful. I am going to take that Opacity value down to 35%. All right! Now let's add an outer glow by golly, and so I will click on Outer Glow. Make sure that your color is white, as it is for me, so go ahead and dial in white inside of this dialog box. An Opacity of 100% is what we're looking for, and I am also going to take that Size value up from that wimpy 12 pixels, which isn't even big enough to extend beyond the stroke, up to 100 pixels.
So we get a lot of glow going on there. All right! That is lovely. I am going to click OK in order to accept that modification. Now, what would a wacky glowing heart be without a lens flare? So let's go ahead and add a new layer by pressing Ctrl+Shift+N, Command+Shift+N on the Mac. Let's name this layer 'black' and click OK. Black is my foreground color. I am going to fill this layer with black by pressing Alt+Backspace or Option+Delete on the Mac. And then just so that we can apply Lens Flare nondestructively, that is, in an editable mode so we can change our mind later, let's go ahead and convert this guy to a Smart Object by going up to the Layer Panel flyout menu and choosing Convert to Smart Object. All right! Now, what we need to do is drop out the black. Just get rid of it by choosing Screen.
So that way the black is just a backdrop for our lens flare which will brighten up the scene. To apply the lens flare, go up to the Filter menu, choose Render, and choose Lens Flare, and this is what I came up with. I apologize on behalf of Adobe for this ratty little preview here, but that's all you have to work with. So you can just sort of drag this little doodad around in order to determine a location. The location I specified happens to work brilliantly. A Brightness value of 120%, and the standard Lens Type of 50-300mm Zoom is fine. Click OK and you end up getting this effect right there.
Now, I don't want these additional colors, these oranges and purples that are showing up down here. So I'm going to make the colors more uniform by first of all getting rid of this darn filter mask by right-clicking on it and choosing Delete Filter Mask, and then I'll drop down to the fx icon, click on it, choose Color Overlay. I am going to dial in a color value. Hue of 0 degrees, just to keep everything red, Saturation 100%. Brightness of 50% is good. Click OK. That's way too much here with the Color mode, so I'm going to switch to the Hue mode, and then we end up getting this effect.
Now, that ends up applying this uniform hue across the entire image, and if that ends up presenting a problem for you, what you do is go up here to Blending Options Custom, click on it, and then turn on Blend Interior Effects as Group. In our case, it's really not going to make any difference because everything is red, but I just want to make sure we are limiting the redness to the lens flare and nothing more. Click OK. Then finally, just to make this is as hokey as humanly possible, I've got this text that I've created in advance for you here, and I am going to go ahead and click on it, and let's go ahead and give it a stroke. And we will use the stroke we already have.
I have got the stroke down here. I am going to go ahead and Alt+Drag or Option+Drag that stroke onto 'I LOVE LEARNING'. That copies it to that location. Double-click on the stroke because it's too thick, and I am going to take the Size value down to 5 pixels; otherwise, it's fine. It needs to bend. Don't you think the text needs to bend? So we will go up to the Edit menu, choose Transform, and choose Warp. That will take us into the Warp mode, and the warp option I want to apply from the options bar is Arc. So I will go ahead and choose it. That's too much bend, so I will take the Bend value down to 15%, and that my friends is the effect I am looking for.
I am going to press the F key a couple of times in order to fill the screen with the image and zoom in, and this is what you can do to a vector-based heart using layer effects inside Photoshop.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.