Log in

No account? Create an account

Previous Entry | Next Entry

PS Base/Gradient/Exclusion

I'm not really a H/Hr person (R/Hr all the way, man), but this screenshot I took of the GOF trailor that just came out was too cute to pass up.

** Note: During peak traffic hours, sometimes my images won't work, since they're linked from my personal site. If you refresh a few times, they'll most likely appear.

Let's go from here to

Before I get started, I'll take this opportunity to say that all textures, brushes and gradients used in this tutorial were made by me unless stated otherwise ^_^

Crop you subject(s) out so that the picture is wider than it is high. When you resize, resize the width to 100 and let the height be whatever the auto-proportions makes it.

Sharpen the image once or twice, whichever looks best. If the image is too dark (which this one is), adjust the levels to brighten it up. I cheated and used Auto-Levels (Image ---> Adjustments ---> Auto-Levels) :X

Now pick yourself out a nice grungey texture/base, like this one.

Create a new layer over your base, and (using the Rectangle Marquee tool) add a lengthwise rectangle in a color that matches your texture/base. Fade the opacity of this layer to about 56%. Create another layer, and make another rectangle, perpendicular to the first and a different size. Choose a different color that's in your base, as well. Set this one to Overlay. The base should look something like this:

Drag your image onto the base and move it to a spot where it looks good. Duplicate the image, and set the duplicated layer to Soft Light 40-ish%.

Create 2 new layers, and fill JUST the area that the picture inhabits which each of the two shown gradients. The brown/blue gradient should be underneath the brown/pink gradient. Set both to Soft Light 100%.

Create another new layer, and add some funky brushes.

Create yet ANOTHER new layer, and fill it with a very dark blue (about #05052D) and set it to Exclusion 100%.

Add some text (I used Georgia at 2-4px, strong/bold, 600 spacing/kerning), and you're done :)

Just for fun, I also made this icon using this same technique.


( 37 comments — Leave a comment )
Page 1 of 3
<<[1] [2] [3] >>
Sep. 16th, 2005 08:10 am (UTC)
Awesome tutorial. This shall go in the memories.
Sep. 16th, 2005 11:06 am (UTC)
Stephy !! !! !!
Adore the tutorial - will try it out of course!
*adds to memories*
Sep. 16th, 2005 01:13 pm (UTC)
Very nice... who made the texture and brush?
Sep. 16th, 2005 05:10 pm (UTC)
I make all my own textures/brushes unless I say otherwise. You can find many of them at my icon diary, lostluck_icons.
(no subject) - doctorevel - Sep. 17th, 2005 06:31 pm (UTC) - Expand
(no subject) - lostluckkitten - Sep. 17th, 2005 06:41 pm (UTC) - Expand
(no subject) - itmakesaspark - Sep. 17th, 2005 07:07 pm (UTC) - Expand
Sep. 16th, 2005 04:48 pm (UTC)
Oooooh! So pretty! I love it. And I agree aout the cap. R/Hr all the way, but sometimes H/Hr is so cute.
Sep. 16th, 2005 05:24 pm (UTC)
Great tutorial! :) Adding to memories. And this scene is so cute.
Sep. 16th, 2005 11:00 pm (UTC)

That's what I came up with. Thanks SO much for this tut!
Sep. 17th, 2005 01:01 am (UTC)
Great tutorial. This was what I came up with. I've only been doing icons a month and was trying to figure out how to do this style.

Image hosted by Photobucket.com
Sep. 17th, 2005 02:14 am (UTC)
Awesome! Adding to my memories, thanks!
Sep. 17th, 2005 04:14 am (UTC)
This was an excellent tut. I made three or four icons just based on this, alone, so thanks!
Sep. 17th, 2005 06:24 pm (UTC)

I followed it step-by-step, so I'm going to experiment. Great tutorial!
Sep. 17th, 2005 07:15 pm (UTC)
This was a great tutorial. I used some of your ideas to make this:
Image hosted by Photobucket.com

Thanks!! :)
Sep. 18th, 2005 12:29 am (UTC)
Wonderful tutorial! I made one following it :) results:

Image hosted by Photobucket.com

I like it :D
Sep. 18th, 2005 06:48 am (UTC)
added to mems <3
Sep. 18th, 2005 06:00 pm (UTC)
Loved the Tutorial...

I used the techniques to make:
Sep. 19th, 2005 01:32 am (UTC)
Page 1 of 3
<<[1] [2] [3] >>
( 37 comments — Leave a comment )

Latest Month

July 2017


Powered by LiveJournal.com