Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course 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, I'm going to show you how to create those super-deluxe glow rings that are surrounding the light bulb. So all notions of subtlety have gone out the window here, but I like it. I think the effect looks pretty cool. So we're going to start off inside this file, which contains the two burst layers, and if you're working along with me, I want you to click on that burst 2 layer to make it active. Now we're going to draw the glow rings using the Ellipse tool. So click and hold on whatever vector shape tool you see toward the bottom of the toolbox and then select the Ellipse tool from the flyout menu. We're going to once again start things off by dragging from the center of this filament group here, and I'm going to press the Shift+Alt key, so the Shift+Option keys on the Mac, in order to draw a circle from the center outward.
In order to make sure that I've properly aligned the shape, I am pressing the spacebar as well, and then I'll release the spacebar when I get it where I want it. And about yea big should work for our first circle. Then go ahead and release in order to create that shape. It'll appear in whatever color you have set for the foreground color; it doesn't matter. I'm going to go ahead and change the name of this layer to circle 1, and then you want to change the Fill value to 0, so that you can't see, in my case, the black fill of the shape.
That way we will just be able to see the layer effects that we're about to apply. I'll accept that value by pressing the Enter key, or the Return key on the Mac. I'm going to click on the vector mask thumbnail here inside the Layers panel to hide that path outline, and then I'll drop down to the fx icon at the bottom of the panel and I'll choose Outer Glow. I'm going to assign that same color that we've been using for all of the glow effects by clicking on what is by default a yellow square in order to bring up the Color Picker dialog box, and I'm going to change the Hue value to 25 degrees, the Saturation value to 40%, and I'll leave the Brightness value set to 100%. Then click OK.
Let's go ahead and take the Opacity value up to 100%. I'm going to take the Size value for the Outer Glow up to 45 pixels, and I'll take the Spread value up to 10%. Then I'm going to change the Blend mode from Screen to the brightest mode there is, Linear Dodge (Add). All right! That looks great. Let's do pretty much the same thing for the Inner Glow Effect so that we don't have the sharp edge on the inside of the circle. Click on Inner Glow to make it active, click on that yellow color swatch to bring up the Color Picker dialog box, change the Hue value to 25 degrees, the Saturation value to 40%, the Brightness value to 100%, click OK.
Let's take the Opacity value up to 100%. This is essential, by the way: unless you want to see some kind of edge around the circle, both of the Opacity values have to be 100%. We'll take the Size value up to 35 pixels this time. I'm going to take the Choke value up to 10%, and then I'm going to change the Blend mode from Screen to Linear Dodge. Notice as soon as I do, right now the screen effect ends up creating kind of a flat edge where the circle intersects the starburst, but as soon as I switch to Linear Dodge (Add) then I get this bright interaction, which is just dynamite in my opinion.
Now I'll click OK in order to accept that effect. Let's go ahead and collapse the effects here inside the Layers panel by clicking the up-pointing arrowhead. And now I'm going to press Ctrl+Alt+J or Command+Option+J to make a copy of this layer, and I'll call it "circle 2" this time around. Click OK. Now we're going to increase the size of the circle by going up to the Edit menu and choosing Free Transform Path. And I'm going to press the Shift+Alt keys--very important. Those would be the Shift+ Option keys on the Mac. And then I'm dragging the lower-right handle until the shape is about this big.
Now the reason I'm pressing Shift+Alt, or Shift+Option on the Mac, by the way, is because pressing and holding the Shift key goes ahead and constrains the scaling proportionally so that I am maintaining a circle. Pressing and holding the Alt or Option key scales the shape from the center outward. Once I get the shape about, I figure about this big, I'll release my mouse button, and then you'll release the keys, by the way. Then I'll press the Enter key, or the Return key on the Mac, in order to apply that change. I want this second circle to have a lower opacity setting, so I'm going to press the 5 key in order to reduce the Opacity value to 50%.
That reduces the opacity of the layer effects as well. Then I'll click in the circle 1 layer in order to make it active, and I'll type in 75 in order to reduce that Opacity value to 75%. Now, obviously it's no good having these circular rings cutting through the light bulb this way. So we're going to mask them, and we're going to mask them together as a group. So, with circle 1 selected, Shift+Click the circle 2 layer to select it as well. Then go up to the Layers panel flyout menu icon, click on it, and choose New Group from layers.
And we'll go ahead and call this new group Rings and click OK. Now I want to use that vector mask that traces the light bulb. That's associated with the bulb layer, by the way. I want to use it to mask this rings group. So I'll press the Alt key, or the Option key on a Mac, and I'll drag that vector mask thumbnail and then drop it onto the rings layer. Because you have the Alt or Option key down, you go ahead and copy the vector mask as opposed to move it. Now all is not right.
What we're doing at this point is we're masking the circular rings inside the light bulb. We actually want to hide the circular rings inside the light bulb, so we need to reverse the behavior of this vector mask. Click on the vector mask thumbnail to select it, so that you can see the path outline. Then I want you to grab the Black Arrow tool from the toolbox--very importantly that you get the Black Arrow tool, which is the Path Selection tool, not the White Arrow tool. Go ahead and select that tool and then click on the path outline to make it active. Now go up to the Options bar and click the second icon in, which is Subtract from shape area, and that's just inverting the mask, by the way.
Notice the vector mask thumbnail now shows the light bulb as being gray and it shows the background as being white, and what that tells you is the light bulb is being masked and the area outside the light bulb is being revealed. And what that tells you is the light bulb is being concealed and the area outside the light bulb is being revealed. And as a result, we're seeing the rings all the way around the bulb, but they're not cutting through the bulb. I'm going to click on that layer mask thumbnail to hide the path outline inside the image window. I'm not really very happy with these sharp edges around the base of the bulb here, so I'm going to add a pixel-based layer mask to this group once again.
So with the group selected, drop down to the bottom of the Layers panel and click on the add layer mask icon and then grab the Brush tool, which you can get by pressing the B key, right-click inside the image window, and I'm going to change the Size value to 400 pixels and change the Hardness value to 50% and then press the Enter key, or the Return key on the Mac, in order to hide that panel. Make sure your foreground color is black. If it isn't then press the D and X keys sequentially in order to make it so, and I want you to click right about here in order to paint those rings away.
And if you feel like you need to click a second time, that's just fine of course. I might click up here as well. And that gives me the effect I'm looking for. All right! I'm going to switch back to the Rectangular Marquee tool, press the F key a couple of times in order to switch to the Full Screen mode, and zoom in on that image. And this is the final over-the- top, super-deluxe, soft-vector-starburst- plus-soft-concentric-ring effect here 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.