View Full Version : Icon Tutorial #1 by preci0us_dreams
preci0us_dreams
01-14-2007, 09:27 PM
From http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie1.jpg to http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylieresult.jpg
I used Photoshop Elements 2.0, I'm not sure if this is translatable for other programmes,
because I don't know if there is the Colour Variations option
Find the original image here (http://www.minogue-style.net/gallery/displayimage.php?album=topn&cat=4&pos=1)
1. Click Auto Contrast (Alt+Shift+Ctrl+L) and sharpen
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie2.jpg
This will be our base
2. Create new layer, and fill with #02214F, set to exclusion
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie3.jpg
3. Duplicate base, drag to top, desaturate, and set to softlight
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie4.jpg
4. Flatten, go to Enhance> Adjust Colour> Colour Variations> Midtones, and decrease red to your liking
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie5.jpg
5. Duplicate base twice, set the first layer at screen, and the one on top at soflight
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie7.jpg
6. Flatten, create new layer, and fill with #02214F, set to soflight
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylie10.jpg
7. Adjust Brightness/Contrast levels, increase contrast by 10
http://i22.photobucket.com/albums/b346/dqin/Tutorials/kylieresult.jpg
And you're done! Please post what you make! :D
xx_mileyrocks_xx
01-14-2007, 09:29 PM
That's awesome! I just learned how to work with coloring. I'm gonna try this now! :D
Mickey 702
01-14-2007, 09:29 PM
AwEsOmE Tut!!!!!:57:
preci0us_dreams
01-14-2007, 09:35 PM
Thanks! Glad you like them, I might post some of my others later ;)
KiTTYKAT! YOU'RE BLACK!
01-14-2007, 09:39 PM
Kind of strange, mine didn't need Sharpening. :P
BEFORE:
http://i116.photobucket.com/albums/o18/ophelia_es_muy_fresco/nefp.jpg
AFTER:
http://i116.photobucket.com/albums/o18/ophelia_es_muy_fresco/preciostut.jpg
just_like_you_92
01-14-2007, 09:42 PM
awesome! can't wait to try it!
hannah
preci0us_dreams
01-14-2007, 09:55 PM
Kind of strange, mine didn't need Sharpening. :P
BEFORE:
http://i116.photobucket.com/albums/o18/ophelia_es_muy_fresco/nefp.jpg
AFTER:
http://i116.photobucket.com/albums/o18/ophelia_es_muy_fresco/preciostut.jpg
You might want to lower the opacity of the Screen layer in step 5 ;) Miley just looks a little bright :P Also you don't need to add contrast if it isn't necessary ;)
Remember to adjust it to your image.
KiTTYKAT! YOU'RE BLACK!
01-14-2007, 09:56 PM
Yea. I think I better stick with my own way.
just_like_you_92
01-15-2007, 12:45 PM
i like this tutorial. i do mine a little different, but this way is awesome. thanks!
hannah
miley_smiles923
01-16-2007, 02:59 AM
ok well i tried but not everything was the same for me..i added a heart to it too :P
before:
http://i88.photobucket.com/albums/k179/missmileyfan/avvies/avvie1.jpg
after:
http://i88.photobucket.com/albums/k179/missmileyfan/avvies/avvie.jpg
disneyloverkw
01-16-2007, 07:47 AM
I love the pics.
Vicky
01-18-2007, 11:46 PM
where is Enhance?
Vicky
01-18-2007, 11:56 PM
NEVER MIND!! i found out how to do it on mine, I click IMAGE >> ADJUST >> THEN go staright to Variations.
here's what I started on
http://i3.tinypic.com/4beh10o.png
here's what I got, I erase the background and add text, "I'm so hot" on.
http://i13.tinypic.com/4dy99xh.png
Vicky
01-19-2007, 12:55 PM
here's a couple that I made by following your tutor.
http://i18.tinypic.com/301lohg.pnghttp://i12.tinypic.com/48gcqdk.png
Nicole93
01-23-2007, 10:17 PM
I'm guessing mine didn't turn out right.
http://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie4.pnghttp://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie5.png
I'll try it again with a different pic.
Edit://
http://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie3.jpghttp://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie2.png
This is better but it looks like I did something wrong.
Edit 2://
http://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie7.pnghttp://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie6.png
hmm. This is better, but I skipped step 4.
Edit 3://
Is this the correct order of the layers?
http://i37.photobucket.com/albums/e89/nicolee20/Random/layerorder.png
just making sure if I got it right.
Running_Girl
01-27-2007, 04:23 PM
Here's what happened with mine. =]
before::
http://i37.photobucket.com/albums/e95/Benkwellerfan9/beforeavvie.jpg
Afterr::
http://i37.photobucket.com/albums/e95/Benkwellerfan9/afteravvie.jpg
*~MileyCyrus#1Fan~*
01-27-2007, 04:30 PM
I'm guessing mine didn't turn out right.
http://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie4.pnghttp://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie5.png
I'll try it again with a different pic.
Edit://
http://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie3.jpghttp://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie2.png
This is better but it looks like I did something wrong.
Edit 2://
http://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie7.pnghttp://i37.photobucket.com/albums/e89/nicolee20/Random/ashavvie6.png
hmm. This is better, but I skipped step 4.
Edit 3://
Is this the correct order of the layers?
http://i37.photobucket.com/albums/e89/nicolee20/Random/layerorder.png
just making sure if I got it right.
when i use gimp, it looks EXACTLY the same.
And even with a photoshop tutorial, here i is:
Before:
http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_6_normal.jpg
After:
http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_6.jpg
i prefer these:
http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_3.jpg http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_5.jpg http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_2.jpg
thanks bree :)
Miley98
01-27-2007, 05:05 PM
before: well, my photoshop was like acting CRAZY after I finished your tut so here is the URL:http://www.mileyfans.net/gallery4/displayimage.php?album=86&pos=1
After: http://i119.photobucket.com/albums/o151/Miley98/precious-dreams-avvi-edited.gif
I LOVE your tut. Plus, also another reason why i like it is because u are like the only person I know who made a tutorial about my program. I LOVE IT!
More:
http://i119.photobucket.com/albums/o151/Miley98/avvi.gifhttp://i119.photobucket.com/albums/o151/Miley98/avvie.gifhttp://i119.photobucket.com/albums/o151/Miley98/Party-In-The-Back-Avvi.gif I could do this 4ever!
Kaitlin
01-27-2007, 06:39 PM
This is an awesome tut!
I tried it on my blend :P
Miley98
01-27-2007, 06:53 PM
I know!!!! I tried it on my blend too. Here's wat I got:http://i119.photobucket.com/albums/o151/Miley98/Imagineer-that.gif
Its okay though.
crazy_in_a_good_way
02-09-2007, 11:30 PM
ok:http://i103.photobucket.com/albums/m128/xxSilentxxxSkiesxx/anna1.png to http://i103.photobucket.com/albums/m128/xxSilentxxxSkiesxx/anna.png
whaddya think?
supersarah089
02-11-2007, 01:45 AM
cool tutorial.
Miley98
02-11-2007, 10:07 AM
These are really good blends and avvies!
AllisonTame
04-04-2007, 08:04 PM
I don't get it
hannahmontanarulz55
04-04-2007, 10:48 PM
well i have psp 9, and i tryed doing this, and this is what it turned out,
original pic:
http://i116.photobucket.com/albums/o18/ophelia_es_muy_fresco/nefp.jpg
mine:
http://i63.photobucket.com/albums/h152/hannahmontanarulz/Image1.jpg
hannahmontanarulz55
04-04-2007, 10:49 PM
idk...i guess i like it lol! thanx for tutorial!
bee-kah
04-23-2007, 10:20 PM
saweet dreem!!
lana_23
04-23-2007, 11:20 PM
cool work! ♥ it!
preci0us_dreams
04-24-2007, 05:22 AM
Glad you guys like it. It worked well for the particular image that I used so it differs for others ;)
bee-kah
06-04-2007, 05:50 PM
ok, call me stupid, but where is or how do you desaturate? i use the same program as you.
cupcake
06-04-2007, 06:27 PM
^^ yeah!
bee-kah
06-04-2007, 06:46 PM
i figured it out! :P nvm! blond moment!
bee-kah
06-04-2007, 06:47 PM
^^ yeah!
its making a pic back and white ish. :D i just reread it and got how to do it. :D
Miley98
06-06-2007, 04:44 PM
when i use gimp, it looks EXACTLY the same.
And even with a photoshop tutorial, here i is:
Before:
http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_6_normal.jpg
After:
http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_6.jpg
i prefer these:
http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_3.jpg http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_5.jpg http://i14.photobucket.com/albums/a322/HorsesRule123_1992/icon_2.jpg
thanks bree :)
good job Lauren! I cant see them but I used too! And... hehe....one thing... she is DREEM not BREE. hehe thats okay.
Miley98
06-07-2007, 07:57 AM
I made my sig with this tut! It rocks!
vBulletin® v3.8.4, Copyright ©2000-2012, Jelsoft Enterprises Ltd.