Erica (bargaining) wrote in bargainingicons,

  • Mood:

Tutorial #3: Trick

Today we'll be going from to , and, if you want, .

Program is PS Elements 2.0. Can be easily translated to PS 7.0, PS CS, PS CS2, and possibly lower versions. Should be translatable for PSP because I made sure I didn't use Pin Light or anything.

If an opacity isn't mentioned, it's at 100%. Also, all gradients, etc. are on separate layers (obviously, lol).

'Kay, so my wife... er, friend ihartpunkboyz sent me this picture of Christian Campbell (from "All My Children" and Reefer Madness) making out with some guy in the movie Trick. A movie I've never even seen (yet), but whatever.

So, after cropping and sharpening, I got this:

Mmmm. Anyway, duplicate your base three times and set them all to Screen. Set the third copy (the one at the top) to 50% opacity.

I added a blue layer (#1D106B):

and set it to Exclusion, which got me this:

Next, I duplicated the original base, brought it to the top, desaturated it (ctrl+u, then -100 saturation... or if you happen to be using PS Elements, shift+ctrl+u auto removes its color), and set it to Soft Light.

Next, I added a peach layer (#F7D1A1):

and set it to Multiply, giving me:

Added a gradient (not by anyone) and set it to Screen, 20%:

Duplicated the base, brought it to the top, and desaturated it again. Set to Soft Light, 30%.'

Another gradient, set to Soft Light, 20%:

Another gradient, set to Hard Light, 20%:

Yes, yet another gradient, set to Vivid Light, 30%:

Did the soft light desaturation thing one more time, and this time the opacity is 25%.

Now, if you want, you can stop here. I don't really like it, though. It needs more.

So, I set this gradient to Color Burn:

Part of it is white, which we'll get to in a minute, so you can't copy and paste that exactly (unless you're making literally the same exact icon). This can be achieved using the color #E4346B, which is basically most of the gradient.

I deleted part a section of the pink gradient (using the lasso tool), which to you guys would be the white part of that last gradient. I made a new layer and selected what was the deleted part of the pink layer (while still on the new layer). I filled the selection with black and set it to Color.

Picture of the black layer, for no reason at all:

The icon so far:

Ew. It needs a border.

This is the really, really hard part for me to explain. Ask me and I'll explain any confusing parts.

I made a new layer and then made all layers (besides the new layer and the black color layer) invisible.

I made a new selection (while on the blank layer) and made it three or so pixels wider than the last layer. Filled it with black. But, you can't see where the color layer is so you know what to delete. You have to make the black soon-to-be border layer invisible. Select the whole rectangle of the black color layer, and without deselecting, click back on the border layer, make it visible again, and delete the selection. Did I explain it correctly? Eh, whatever.

The border layer:

The icon:

Lastly, I added a line of tiny text (lyrics from "Momentary Thing" by Something Happens because it's what I was listening to at that moment). The font is Decker, size 1. To make it stand out more I duplicated the text and lowered the opacity to 50%.

And we're done! Finally!!

If you used this tutorial (either with the overdone redness or not), I'd love to see what you made. :D

Tags: icon tutorial
  • Post a new comment


    default userpic