Keoni ([info]keoni_chan) wrote in [info]restless_dreamz,

Tutorial #2: Yuna

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    [info]restless_dreamz for textures, tutorial, icons and more ^__^
Tags: icon, tutorial, yuna

  • Post a new comment

    Error

  • 13 comments

[info]jigglypuff

August 12 2007, 07:25:30 UTC 4 years ago

Pretty! ♥ +mem'd.

[info]keoni_chan

August 15 2007, 21:21:41 UTC 4 years ago

Thank you! ♥

[info]dutchwaffle

August 13 2007, 01:02:52 UTC 4 years ago

This is beautiful! Will credit when used. ^^

[info]keoni_chan

August 15 2007, 21:22:01 UTC 4 years ago

Thank you! ♥

[info]without__wings

August 13 2007, 02:13:21 UTC 4 years ago

I tried this out and I loved how the icon turned out. Thanks for sharing! =)

[info]keoni_chan

August 15 2007, 21:22:46 UTC 4 years ago

Thanks! I'm glad it worked for you~

[info]whitelilies22

August 13 2007, 07:09:00 UTC 4 years ago

Thank you so much for the tutorial :D

[info]keoni_chan

August 15 2007, 21:23:34 UTC 4 years ago

Thanks ♥
I hope you'll find it usefull :)

[info]dreamzld

August 16 2007, 18:59:09 UTC 4 years ago

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?

[info]keoni_chan

August 16 2007, 23:12:02 UTC 4 years ago

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
or
2. Download the intire brush-pack (6 of them, I use them a lot ^_^) by [info]wicked_enough <right here.>

I hope that helps ^__^

[info]dreamzld

August 17 2007, 10:50:37 UTC 4 years ago

ahh~ got it! thanks alot! =D

[info]mentarossa

August 17 2007, 01:34:35 UTC 4 years ago

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....

[info]miss_bekahrose

August 17 2007, 08:22:39 UTC 4 years ago

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 :)
Create an Account
Forgot your login or password?
Facebook Twitter More login options
English • Español • Deutsch • Русский…