Electrifying Glow Album Art
Posted In : Graphic DesignIn this tutorial we will use the pen tool, paths brushes and brush dynamics along with a neat little trick using thresholds to create a cool album cover look.
|
In this Photoshop tutorial we will use the pen tool, paths brushes and brush dynamics along with a neat little trick using thresholds to create a cool album cover look. This tutorial is a bit involved and assumes that you are proficient enough in Photoshop to follow along without me holding your hand. That being said, lets jump right in. |
|
Step 1
|
|
I took this photo at a show The Killers played at Madison Square Garden in New York this past summer… packed house, great crowd… anyway, here’s the photo. The image is included in the lesson files available for download at the end of the tutorial. Lets first start by drawing a nice curvy path with the pen tool that we’ll use as our main wrapping glow line. In the Paths palette be sure to rename the path so you don’t loose it when we create a new one. |
|
|
Step 2
|
|
Create a new layer called "First Stroke" and switch to the Brush tool. Choose the 5 pixel round brush with hard edges, set the foreground color to white and click back to the Pen tool. Now simply Right-Click (Mac: Control-Click) anywhere on the path and choose Stroke Path. When the dialog box pops up choose Brush and Simulate Pressure. The pressure simulation will ensure that the stroke tapers off at each end. |
|
|
Step 3
|
|
With your tool of choice remove the sections along the stroke that should be behind your subject. I use the Pen tool. |
|
|
Step 4
|
|
Add an Inner and Outer Glow as shown below. The blue color I’m using in both styles is #6d9bff. This will be the only layer style we’ll be using and we’ll copy and paste this one onto subsequent layers as we go. |
 
|
|
Step 5
|
|
Duplicate the "First Stroke" layer, clear the layer styles and add a 6px Gaussian Blur. This will add an additional glowing effect around the original stroke. |
|
|
Step 6
|
|
Create a new layer called "Particles", activate the Path we created earlier and switch to the Brush tool. Choose a round brush of 3 pixels with a hardness of 0%, then under the Brushes palette set Shape Dynamics and Scattering to the following. (*note: make sure your foreground color is still white) |
|
|
Step 7
|
|
Switch back to the Pen tool and stroke the path just like before, then remove the overlapping sections. This time the eraser tool will probably be the easiest way to remove the overlapping dots. Copy the layer style from the "First Stroke" layer and paste them into the "Particles" layer. (*note: This can be done easily by holding down the Option (PC: Alt) key while clicking and dragging the style icon from one layer to the other.) |
|
|
Step 8
|
|
Create a new layer called "Second Stroke", create a new path similar but not the same as the original with the Pen tool (or duplicate the earlier path and change it a little) then repeat steps 2-5 but this time use a 3 pixel brush and reduce your Gaussian Blur to 3 on the copy layer. Play with a lower opacity on these layers until the effect looks right to you and don’t forget to copy the layer style onto the "Second Stroke" layer. |
|
|
Step 9
|
|
Now that the glow effects have been completed it’s time to really have some fun with this image. Click on the Background layer and duplicate it by pressing Command-J (PC: Ctrl-J). Choose Image>Adjustments>Threshold from the main menu and use a setting around 85. This will obviously vary depending on your application of the technique. |
|
|
Step 10
|
|
Grab the Magic Wand tool by pressing W and then click anywhere in the field of black. This may not have selected all the black if there are isolated pockets so choose Select>Similar from the main menu to ensure all the black pixels are selected. Invert the selection by pressing Command-Shift-I (PC: Ctrl-Shift-I) then drag the layer to the trash and select the Background layer. (*note: your selection will still be active. |
|
|
Step 11
|
|
Duplicate the selected area by pressing Command-J (PC: Ctrl-J). This will create a new layer with just the selection copied onto it. Call this layer "Partial". The selection will be gone and it won’t look like anything has happened, so create a new layer between the "Partial" layer and the "Background" layer, call it "Black" and fill the entire layer with black. |
|
|
Step 12
|
|
Click back to the "Partial" layer and use the eraser to remove all those annoying artifacts outside the artwork that we want to keep. |
|
|
Step 13
|
|
For my finished image I added the graphic as an CD album cover. |
|
27 Comments
This looks SWEET. I’m so excited to try it!!!
Another cool effect! Great photograph too. The Killers ROCK!!
this looks awesome, can’t wait to try it out.
Fantastic effect. Looks very cool! Thank you for sharing.
Hi, that`s nice work ;-). Great tip! Hm, i have one question, how can i make step 2 with taper ends ??? Thank you very much for your advice.
Coz when i choose ” Brush ” and ” Simulate pressure ” the ends not taper. Where is a problem?
Miška, open your Brushes palette (Windows>Brushes) and make sure that the Shape Dynamics box is checked and that the Size Jitter control is set to Pen Pressure. That should solve your problem.
=/ my favorite tutorial from you. =D
Wow it is so beautifull!!!!!!!! rules!
Wow, this turned out so well! Thank you so much, it’s beautiful. Especially with the threshold selection trick at the end!
Whoa! Congratulations! This is a great tutorial! And I love The Killers too…
However I’m not sure of how you erase sections of your stroke with the Pen Tool for step 3
Thanks! This is great!
JUAN PABLO,
You can use the marquee tool to select areas of the stroke, you could use the eraser tool, or to be more precise you can trace the edges of your subject in that area with the Pen tool then convert the path to a selection which will allow you to delete the selected area. Hope that helps.
Awesome tutorial, really easy to follow as well! And The Killers are awesome too!
thanks !!! you are a master!!!
This was a great tutorial. I had trouble with mine because the image was high quality and looked odd with the threshold deleted… But I desaturated and changed the Curve, which made it cooler.
One of the few tutorials where lower quality image = better result!
OMG so nice!
But 1 thing, I don’t understand step 1. How do I use the pen tool? If I use it, you see white things… :S
LOL, You’ve got to set your pen tool to “Paths” in the Pen Tool Options bar that appears at the top of Photoshop when you have the Pen tool active. Right now you’ve got it set to “Shapes” and that’s your problem.
hi, i’m a newbie to ps. I’m stuck at step 11. How do i fill the entire layer with black? plz help i want to get over this great tut
TRAN, Once you’ve created the new layer press the D key to reset the foreground color to black, then simply press Option-Delete (PC: Alt-Backspace) to fill the layer with black.
Thanks a lot for that tutorial! It’s awesome!
sure to try this one!
How do you draw with the pen tool without any colour fill?
Thanks
ROBERTA, In the Options bar at the top of Photoshop make sure you’ve chosen the Paths icon rather than the Shape Layer icon.
super, i like it this method, thanks
so nice thanks angain!!
I love this, but I have a question.
When I’m using the pen tool, I can’t help but to make annoying straight lines that I can’t manage to smooth out, so It doesn’t really look like a curve. How do I eliminate this?
MANA, The trick is to click and drag when you create a new point. Dragging away from the point will give you “handles” that you can then use to modify the curves in your paths.