Screen Shot Magic
Sunday, September 28 by DustinToday we will be making magic and sparkles to liven up your average screen shot. It’s a bit tricky, but all magic is. Enjoy!
Final Image
Step 1: The Background.
Create a new image, in this case an 800px by 600px canvas. Create a new layer and fill it with the color of your choice. Today I picked #2B474A.
Step 1b:
Now create another new layer but this time fill it with black and apply a layer mask as shown.
As you can see I also set the blending options to soft light. The next step is to select a very large black brush, about 400-500px with a soft edge and “paint” the center of the layer mask to bring out the color below.
Step 2: The Screen Shot
Today we’re using a screen shot taken from the front page of MagnusFx! Place your screen shot in the center of your canvas and apply a new layer mask. With your gradient tool selected and holding the shift key draw a straight vertical line.
Step 3: The Magic
Now on a new layer create a path. Select the pen tool and make sure to use create path and not shape. Create a path similar to this:
Select your brush tool and set your brush as shown here:
Now reselect the pen tool, right click and choose stroke path. In the option dialog that pops up make sure to have simulate pressure checked. You should end up with this:
Create a new layer and reselect the brush tool and set the brush settings as shown here:
Select the pen tool and right click and select stroke path, simulate pressure should still be selected. The result should be as shown here:
Apply the FX to both layers as shown:
The Final Steps:
By now it should look pretty sharp. We could add a few things, though. Apply more layer masks. Add a layer mask to both layers and using a black brush with the layer mask paint away anything that flows behind the screen shot. It’s best to use a larger brush with fairly hard edge to do this. You can continue to add more paths and sparkles as you wish and with just a little more work you can end up with this:
Final Image
About the Author
Dustin is a web designer who currently writes about his experiences over at his website, DesignWeapon.














Hmm. Maybe it’s me, but I’m not too fond of this effect.
Hey though, these techniques can be used for a lot of different effects, if I did it myself and tweaked it I’m sure it would be more to my liking
Mmmn, i think it could use a reflection / mirror effect and a little less color.
It draws attention from the subject.
I do like the way its written for starters, very clear explenation.
Good job.
This is Photoshop Magic
amazing!!!!!!!
[...] Screen Shot Magic - MagnusFX [...]
hey i tried to remove the effects going behind image but i still get some kind of light brush path still flowing in the front. can u please tell me how to remove it.
thanks
p.s-great effects: 5 stars
Hello I can’t click on stroke path :S
I think this techniqe is pretty amazing, i followed your instructions and made some changes of my own and designed a golden apple comming from heaven lol try that one, golden effect is pretty amazing with this.
Excellent, if it’s yours, you’re a “Genius”. lol. Bye
[...] Screen Shot Magic - MagnusFX [...]
Very nice, thank you very much!
I couldn’t believe that it is so easy!