Arijana ([info]brasaremean) wrote in [info]_sinelinea,

Full PS icon tutorial

A tut for this icon:


Well, cropping is everything....I've developed a new style for myself
(im sure it's nto anythign new, but it sure is new to me), where
cropping really stands out, and is basically the only thing you need ot
make a good icon....the coloring is up to you after that
So we're starting out with this picture (from natalie-portman.org)

now if that's not iconic i don't knwo what is!!!

Ok so, make a new 100x100 canvas, transparent background. when it open, fill the bg white.
Now onto the cropping (well not really...)
Using a rectangular marquee tool and holding teh shift key select a
part of the picture and then using the move tool (V) drag it onto the
new canvas you just made
resize it to be really small and put it soewhere on the canvas (DON'T
SHARPEN OR TOUCH THE BASE OR ANYTHING, WE'RE JUST ARRANGING NOW)
here's my big crop
and here's teh small one
the first one is soemthing like +-355x355 and the small one is 39x39

now, do something creative with it..i, for example, duplicated it twice
and arranged them one above the other leaving a 1px line between them
(cause i love teh repetition of images in graphics)...not that creative
huh? but it works!!!
so heres' how it looks so far(ive added a 1px border to it so you see wheres what)


now, for the second crop we go back to the picture, and select another
part of it, now already havign an image of what it should look like
(the first cropped pic always decides where the others will go), using
the move tool again, we drag it to the icon canvas and resize to fit,
now doing a bit of cropping of itself cause you never know what will
work till you put it in there

heres teh big 2nd crop
and here it is when i resize it
so basically it goes from 534x928 to 37x100

i put it over to the far right, thinkin "MAN THIS LOOKS COOL" :)


now, select a 1-2px wide and 100px long line using the marquee tool on the second crop...copy it and paste :) duh
slide it over using teh move tool to teh far right.
here's the icon so far



and thats it for arranging the pics, not so hard huh?(deleting the black border from now on)
ok now onto teh coloring....
hit shift+ctrl+alt+e
there's your base and you didn't have to merge a thing!!!
slide the new base over to the top and duplicate it
set the duplicate to soft light, and sharpen it once....
teh colors get intense btu that's what we want right?

now, underneath the soft light layer, make a new exclusion layer and fill it with #010717


now add a gradient, set to multiply 80%
NOTE, youre doing all this underneath the soft light layer
--->

now, desaturate the soft light layer


yes i knwo what youre thinking, it was way better the other way, but no it wasn't....cause i say so
now add a texture by thia, again underneath the soft light and now desaturated layer
set it to soft light, 100%
--->

and voila, there's your icon
i think it looks cool even without text, but i added it anyways...
and here's my icon


so, heres teh comparison: original with recreated icon:
original ---> recreated
hmm...well...almost the same....

anyways...have fun with this...trust me it's sooooooooo much fun you
won't believe it....and you wont be liek every other icon maker (LJ
seems to be flooded with the same icons)
Tags: !brasaremean, type: tutorials

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    Your reply will be screened

    Your IP address will be recorded 

  • 41 comments
Previous
← Ctrl← Alt
  • 1
  • 2
Next
Ctrl →Alt →

[info]_toxication

November 14 2005, 14:54:35 UTC 6 years ago

I'm sorry I'm asking you where all these textures are from, but could you mind pointing me towards the link where thia is?

[info]brasaremean

November 14 2005, 17:13:39 UTC 6 years ago

[info]inxsomniax

[info]soulcatcher17

February 13 2006, 04:37:51 UTC 6 years ago

I really got a kick out of this tutorial. I actually made an icon set based on it. Here's one:
Image hosting by Photobucket
The rest are at my journal if you want to check them out.

[info]kaitlincoop33

February 27 2006, 20:35:35 UTC 6 years ago

Love the icon. Question about the font though, whats the name of the font that oyu have on there :)

[info]ms_erupt

April 12 2006, 22:14:24 UTC 6 years ago

This tutorial was brilliant. Thanks for writing it up. This is what I came up with:

[info]pnimio

May 14 2006, 17:13:28 UTC 6 years ago

Thank you for the great tutorial. :D

[info]babss

May 22 2006, 09:06:23 UTC 6 years ago

adding to my mem
thank you a lot

[info]cabooseys

June 3 2006, 20:48:55 UTC 5 years ago

Great tutorial! Added to memories. Thanks!
Here's what I got:


^Really similar, but I will tweak on future icons :).

[info]indie_mixedtape

June 22 2006, 19:59:14 UTC 5 years ago

Great tutorial I got this.

[info]rooftopconcert

June 26 2006, 04:03:18 UTC 5 years ago

Here's mine:


[info]the_q_tip

July 13 2006, 17:00:28 UTC 5 years ago

mine:

[info]lizabeth0606

July 20 2006, 13:43:16 UTC 5 years ago

very cool. adding to mems.

[info]ana3cg

July 22 2006, 23:05:54 UTC 5 years ago

Image and video hosting by TinyPic

[info]peaceolgy

July 26 2006, 18:03:03 UTC 5 years ago

Photobucket - Video and Image Hosting

LOVE LOVE LOVE!!!

[info]alligatorshoes

July 28 2006, 10:53:39 UTC 5 years ago

Amazing, adding to mems :D.

[info]missrude

July 30 2006, 23:42:25 UTC 5 years ago

YAY!

i think this tut is great! had to make something from it!

[info]project

August 18 2006, 07:39:04 UTC 5 years ago

That icon is so hot! Added to memories. ^^

[info]aya_takarai

August 26 2006, 20:47:27 UTC 5 years ago

probably this is a silly question but what program can i use to make this avis??? i want to make my own avis but i dont know how program use.. thanks

[info]pretty_in_panic

September 9 2006, 13:19:13 UTC 5 years ago

photoshop CS2 is probably the best programme, but you could also use paint shop pro. This tutorial is for photoshop though.

[info]starrlitsky

August 27 2006, 03:17:01 UTC 5 years ago

i love the tut.its lovley.

[info]teh_haley

September 18 2006, 15:08:34 UTC 5 years ago

cool! added to memories! love this tut!

[info]the_dibbler

November 30 2006, 00:18:05 UTC 5 years ago

Nice icon design.



This is what I came up with.

[info]sixtiespink

December 14 2006, 22:17:34 UTC 5 years ago

Awesome tutorial. ♥ Will try it out (and credit you in my resources) later. =)

[info]paper_demon

January 13 2007, 14:05:28 UTC 5 years ago

I got this :P

[info]shellyuvi

January 19 2007, 11:40:22 UTC 5 years ago

awesum tut
my result
http://www.charous.com/uploads/797e7a804e.jpg

Image Hosted by Charous.com - Free Unlimited Image Hosting

[info]hitz_girl

January 25 2007, 05:27:28 UTC 5 years ago

I love this tutorial! Here's what I got.
Photobucket - Video and Image Hosting Photobucket - Video and Image Hosting

[info]monanotlisa

January 26 2007, 21:32:16 UTC 5 years ago

You're utterly amazing -- and this line made me laugh:

yes i knwo what youre thinking, it was way better the other way, but no it wasn't....cause i say so

Thank you!

Here's my result!



& :-) Have credited you, of course: http://monanotlisa.livejournal.com/204967.html
Previous
← Ctrl← Alt
  • 1
  • 2
Next
Ctrl →Alt →
Create an Account
Forgot your login or password?
Facebook Twitter More login options
English • Español • Deutsch • Русский…