Log in

20 May 2006 @ 01:59 am
photoshop tutorial (repost)  
I was bored out of my mind, so I thought I'd make an icon tutorial. It's nothing fancy, but I hope some people find it useful. It's fairly easy to follow, but it is 3:00am so if you come across something that is unclear, please don't hesitate to ask about it.

Also, feedback is appreciated. Let me know if this was helpful to you in any way, it will encourage me to make more tutorials in the future :)

How to go from this to this in a few easy steps.

Let's start with the base picture. Usually, the cropping is the tricky part because it plays a big part in the aesthetics of an icon. But in this case, I chose not to crop the icon because I loved the image composition as it was, and I also wanted to keep the original border. Anyway, I played around a bit with the contrast, and I usually do that through the curves palette as it's more flexible than the brightness/contrast palette. So I went to Image > Adjustements > Curves and made the adjustements I wanted to make.

Once I was satisfied, I chose this texture by colorfilter and set it to Multiply, Opacity at 80%.

So + =

I chose another texture, also by colorfilter, and set it to Overlay, Opacity at 60%. This is the result:
+ =

I then duplicated the original layer (the picture), moved it to the top, and set it to Soft Light, Opacity at 100%. Note: This layer should always remain at the top.

This is what the icon looks like now:

I then added a light texture by dearest, and set it to soft light. Since the dark part was making the picture too dark, and I only wanted the lights effect, I erased the dark part with the brush opacity set to 30%. I then duplicate the texture and rotated it 180 degrees to have the lights effect on both corners. I erased the dark part again. And now the icon looks like this:
+ =

I then chose the final texture, which I forgot who it belongs to. I only wanted the text part of it for decorative reasons, so I set it to multiply, Opacity at 100%, then I desaturated it and erased everything except the parts I wanted. I then duplicated it, and positioned the new layer on the right:
+ =

We're almost done. I added a new layer of text, this time using the type tool as usual, resize it, rotated it and set it to Overlay, Opacity at 80%. I then duplicated it and again positioned it on the right. Now we have this:

I chose a small decorative brush by 77words, set it to Overlay, Opacity at 80% and then cut out the part that was covering the text. And voila, now we're done, and we have the final result:

Current Mood: awakeawake