which way to tokyo? ([info]notagimmick) wrote in [info]desu_,
  • Mood: cold
  • Music: Checkmarks + The Academy Is...

FULL TUTORIAL + 01_//Nana

Well, seeing as I have no life, I figured I'd throw together an icon tutorial for ya'll. It's relatively simple, since I lack in any creativity compared to other icon makers. ._.;.

& I wanted to show my love for Nana. I started reading it in the Shoujo Beat magazine that recently debuted in the US in July I believe, so what better than to make an icon? XD.


We'll be going from this, to this: Image hosted by Photobucket.com, made in Photoshop Elements [because CS is being a rere], but should be relatively easy to translate.

Yeah thats right, ANOTHER vindicated icon. DAHAAHAHAHA. XD. I dont even like Dashboard Confessionals all that much.... anyways.





1) Im gonna crop it down abit so it focuses more on the lovely Miss Nana, then downsize it, so the height is 100 px. I sharpened it once, and here's the product so far:
Image hosted by Photobucket.com

2) Open a new white 100x100 canvas, and copyxpaste the image unto it. I'm going to move it to the far right, so we have some space on the left for more icon fun. The product so far:
Image hosted by Photobucket.com
[>>;. Damn white on white canvases.. ]
3) Create a new layer, but dont click onto it. Instead move back to your image. Get your little mr.pixel tool, which generally looks like this, and make a simple 2-5px wide copy of the image. Desaturate it, then paste it onto the opposing side. The product so far:
Image hosted by Photobucket.com

4) Create a new layer, and fill it with #0B394F. Set the layer to exclusion, at 20-25% opacity. Create another layer, fill it with #EDE4BA, and set it to Linear Burn, at 80% opacity. The product so far:
Image hosted by Photobucket.com

5) Rotate the entire canvas right, 90 degrees [*just gave a geometry lesson* XD] & add your text. I used a font thats becoming very popular, called Dyspepsia, which Im pretty sure you could find @ dafont.com. Then, to match the name, I added some lyrics from the song. :P. Even though it kills my brain every time I hear it on the radio. BECAUSETHEYFUCKINGKILLEDIT. Ahem. Product so far:
Image hosted by Photobucket.com

6) Paste in this [made by the AWESOME [info]dearest] texture, set to color burn, 100% opacity.

Finished product:
Image hosted by Photobucket.com

& Wala! :). Pretty amazing how much a texture can affect your icon, ne? Im positive your icon wont turn up just like mine did, you may want to mess around with the layers & opacity on your icons, but I do hope you found this helpful.



I'll gladly answer any questions anyone has, and if you'd like to see another icon of mine broken down into steps, let me know. :3. ♥.

  • Post a new comment

    Error

  • 27 comments

[info]evagurljen

August 23 2005, 11:47:31 UTC 6 years ago

WOW Nana >_< i luv it!!!!!

[info]notagimmick

August 23 2005, 23:11:49 UTC 6 years ago

X3 thank you!

[info]leenielou

August 23 2005, 16:12:50 UTC 6 years ago

Really great! Adding this to my memories.

[info]notagimmick

August 23 2005, 23:19:07 UTC 6 years ago

Yay!:3

[info]_harle

August 23 2005, 16:54:09 UTC 6 years ago

love Nana too! great tutorial, adding to my memories right now

[info]notagimmick

August 23 2005, 23:20:57 UTC 6 years ago

yay! :3

[info]cookiekarmel

August 23 2005, 17:29:39 UTC 6 years ago

WOW! NANA! love love love it!

and i adore hot gimmick too! ;)

[info]notagimmick

August 23 2005, 23:22:06 UTC 6 years ago

Hee x3 yes! Hot Gimmick & Nana roxors completely !

[info]trippy77

August 23 2005, 20:50:00 UTC 6 years ago

What a great tutorial! Definately using it.

[info]notagimmick

August 23 2005, 23:22:22 UTC 6 years ago

Yay! Thank you!

[info]dearest

August 23 2005, 21:37:39 UTC 6 years ago

you did a hot job, and I love nana :O I want to steal it, now!! XD

[info]notagimmick

August 23 2005, 23:23:17 UTC 6 years ago

Uwah~! Thank you so much! I have your incredible textures to thank for that!

Yes! Nana roxors! :)

[info]zilagirl

August 23 2005, 22:41:38 UTC 6 years ago

Very cool tut. ^_______^ I'm gonna use this one for sure!

[info]notagimmick

August 23 2005, 23:23:57 UTC 6 years ago

Yay! :). <3

Anonymous

August 23 2005, 23:27:25 UTC 6 years ago

Wonderful tutorial...using

[info]notagimmick

August 24 2005, 13:16:27 UTC 6 years ago

Thanks!

[info]artillie

August 24 2005, 00:16:46 UTC 6 years ago

*tacklehugs* FINALLY! A decent tutorial has been posted to icon_tutorial.

Image hosted by Photobucket.com

PSP doesn't have all of those nice little blend modes.. but I did the best I could.

[info]notagimmick

August 24 2005, 13:15:55 UTC 6 years ago

Uwah~! Im so happy~! & Thats a beautiful icon! ^__^ Wonderful job!

<33

[info]unhipster

August 24 2005, 11:05:04 UTC 6 years ago

nice tut!

[info]notagimmick

August 24 2005, 13:16:13 UTC 6 years ago

Thank you! :)

[info]bathtub

August 25 2005, 17:09:20 UTC 6 years ago

Wonderful Tutorial, I made two icons with it:)
Image hosted by Photobucket.com Image hosted by Photobucket.com & another with some of the techniques but I entered that in a contest so I can't post it to show you:(

[info]notagimmick

August 25 2005, 22:58:12 UTC 6 years ago

Wow! Those are beautiful! ^^ <3. Im so glad you found it helpful! <3. Im sure the other one is fabulous too. :3.

[info]takki

September 9 2005, 13:41:54 UTC 6 years ago

Kya, pretty *___*!

I'll try this...today :D! *goes off to make something similar*. Since you did Nana, I'll do Hachi, mmkay? *doesn't like Hachi, but whatever*

[info]takki

September 9 2005, 13:59:06 UTC 6 years ago



Yay, it's PINK. I did really weird things to it. Yes, light effects and screen gradients are my best friend. But now it looks nothing like yours D:! Yours is nicer xD;;.

Anyway, thanks for the tutorial *hugs*

[info]imaginasian

July 23 2006, 03:42:37 UTC 5 years ago

Great tutorial! Just wondering, but do you know where I can get a similar texture to the one you used in this tutorial (this texture)? Thanks.

[info]notagimmick

July 23 2006, 08:02:07 UTC 5 years ago

Oh! Try [info]77words,. and [info]colorfilter. :3.
Create an Account
Forgot your login or password?
Facebook Twitter More login options
English • Español • Deutsch • Русский…