Log in

No account? Create an account
Restless Dreamz
R e s t l e s s G r a p h i c s
Tutorial #2: Yuna 
12th-Aug-2007 02:01 am
sims llama
How to turn This into

7 steps, medium difficulty, involves curves, made in photoshop CS2

Step 1:
Take your base and crop it to your liking. The challenge I made this icon for whas full image, so I was stuck with this:

Step 2:
I thought the image looked a bit cut off. But we're fixing that right now
+ Duplicate your layer (Ctrl+J)
+ Edit>Transform>Flip Vertical
+Edit>Transform>Free Transform
The duplicated image down untill both images meet at the bottom. Use a small soft brush to Blur the edges. this creates the illusion of water.
Like so:

Step 3:
Add this texture (by me) and set it to Linear Dodge at 72%
Take a small soft eraser to erase the parts that block your subject
You'll end up with this:

Step 4:
You could stop here, but I found the icon a bit too dark. So we're going to spice it up a bit
+ Layer>New Adjusment Layer>Curves
I only edited the RBG mode and used these settings:

But you'll have to see what works for you. Play around and remember Ctrl+Z (undo) is your friend ^__^

This was my result:

Step 5:
Type some jibberish in a 2pt font. The font-type isn't really important, you won't be able to read it anywayz ;)
This will get you this result:

Step 6:
Almost done.
+ Create a new layer (CTRL+Shift+N)
+ Select the entire canvas (Ctrl+A)
+ Edit>Stoke Set to 3 pixels, Inside

Step 7:
Select your eraser and take this brush (by[info]wicked_enough ) and erase the border of the stroke by clicking it once. This will allow the lower layer to show through ;)

And you're done ^__^

+Please remember that this tutorial is merely a guide, meaning that what worked for this could work for your image, but just as easily couldn't. Don't be affraid to alter settings, play around and have fun! ^__^

Join    restless_dreamz for textures, tutorial, icons and more ^__^
12th-Aug-2007 07:25 am (UTC)
Pretty! ♥ +mem'd.
15th-Aug-2007 09:21 pm (UTC)
Thank you! ♥
13th-Aug-2007 01:02 am (UTC)
This is beautiful! Will credit when used. ^^
15th-Aug-2007 09:22 pm (UTC)
Thank you! ♥
13th-Aug-2007 02:13 am (UTC)
I tried this out and I loved how the icon turned out. Thanks for sharing! =)
15th-Aug-2007 09:22 pm (UTC)
Thanks! I'm glad it worked for you~
13th-Aug-2007 07:09 am (UTC)
Thank you so much for the tutorial :D
15th-Aug-2007 09:23 pm (UTC)
Thanks ♥
I hope you'll find it usefull :)
16th-Aug-2007 06:59 pm (UTC)
hi there! nice tutorial. but i had a problem! =(
i dont know how to use the dotted border brush.
what i got is a png format picture. how do i make it into a brush?
16th-Aug-2007 11:12 pm (UTC)
Thanks you ~
As for your problem, there are two ways to go about this:
1. open the png file in photoshop, got Edit>Define Brush Preset. The brush will show up in your brush- palette
2. Download the intire brush-pack (6 of them, I use them a lot ^_^) by wicked_enough <right here.>

I hope that helps ^__^
17th-Aug-2007 10:50 am (UTC)
ahh~ got it! thanks alot! =D
17th-Aug-2007 01:34 am (UTC)
Nice tutorial. :3

I've actually picked up a little shortcut that I never knew before from step six (I'd usually resorted to outlining my icons with a square brush for my borders ^^;), so thanks for that! And what you did in step seven was an interesting addition to borders that I'm probably going to use every once in a while from now on. Plus, the mirroring of the bottom is a really creative way to make using an irregularly shaped picture easier.

Anyway, thanks! This was really useful, and now I'm going to go check out some more of your textures....
17th-Aug-2007 08:22 am (UTC)
That's a really pretty icon and it's a fantastic tutorial :)

I used it on the icon I've used in this comment, will credit both on here and in my GJ for future use as a resource :)
This page was loaded Feb 24th 2018, 10:17 am GMT.