08 September 2005 @ 06:10 pm
Tutorial: Blue Lex Icon  

 

COMPLETE LEX ICON

First of all, I opened the image I wanted to use in this icon.

 

I usually change the color beforehand so I can see more details. I used Layer> New Adjustment Layer> Selective Color...

The pop up which appears once you clicked the above, looks like this.

The field "colors" has 9 different color options in the drop down menu. Each color can be changed by using the controlers below that.

For the icon in question, the color specifications for changed as follows.

Red
Cyan= -10
Magenta= +100
Yellow= +100
Black= +27
Cyans
Cyan= +100
Magenta= -100
Yellow= +31
Black= +34
Whites
Cyan= 0
Magenta= 0
Yellow= 0
Black= -91
Yellows
Cyan= +1
Magenta= -3
Yellow= 0
Black= +21
Blues
Cyan= +100
Magenta= -46
Yellow= -65
Black= +19
Neutrals
Cyan= 0
Magenta= 0
Yellow= 0
Black= 0
Greens
Cyan= 0
Magenta= 0
Yellow= 0
Black= 0
Magentas
Cyan= -100
Magenta= -41
Yellow= +100
Black= +54
Blacks
Cyan= 0
Magenta= 0
Yellow= 0
Black= +12

or detailed information about Adjustment Layers and how to use them, check this tutorial I wrote a while back.

Result:

 

Create a new file. Click File> New and in the pop choose width and height=100 pixels and Resolution 72 pixel/inch.

You now have 2 files open, the icon sized document as well as the Lex image consisting of 2 layers, the base image and the adjusment layer.

Choose the Lex image and lock the base layer and the adjusment layer together.

unlocked:

locked (Just click on the colored field and the chains appear):

 

Now you can drag and drop those layers into the icon document together. Just use the Move Tool (V), click on the adjustment layer and move the mouse cursor over the icon tool. Keep the mouse pressed until you are in the icon document.

Close the base lex image. You can decide wether you want to keep the changes or not. Work in the icon document now only.

The image is still there in it's original size and as long as you don't Crop anything, the whole image will remain as long as saved as psd file.

Now you have to resize the LEX layer using Free Transform. Take some time to decide how large it should be and where you want to position your image in the icon. Don't make the image to small, the quality will lessen if you make it bigger afterwards. Better duplicate the layer.



Once you have chosen. Sharpen the image by using Filter> Sharpen> Sharpen

After that drag and drop the texture into the icon as new layer. Put it on top the lex image and the adjustment layer.

Then blend the texture with the layers below. Choose blend-mode Color burn.

After this, add a new adjustment layer. This time use the Color Balance ( Layer> Adjustment Layers> Color Balance...)

This will change the color a bit yet again.

Then, create another Adjustment layer, this time Brightness/Contrast.

The icon will be less dark.

Also, now that the base of the icon is done, the decoration can be added.

Create a new layer and add a little black bar using the Rectangular Marquee Tool and filling the selection with the color black.

Last but not least, add several tex layers using Arial, 3pt, sharp and create several lines.Movies those lines together a bit so they overlap and maybe rotate them 1°. That will make it a bit more dynamic.

The text can be something totally meaningless. Or somethign that fits the topic. It is too tiny to read.

And voila, icon is done:

I got a bit lazy in the end... if you have questions and/or suggestions....

 
 
( Post a new comment )
[identity profile] brasaremean.livejournal.com on September 8th, 2005 04:52 pm (UTC)
hmm...a tutorial by you :)
yay *squee*
adding to memories
[identity profile] elli.livejournal.com on September 9th, 2005 05:33 pm (UTC)
*g* I hope it will be sueful to you :)

*kiss*
[identity profile] killprettyx.livejournal.com on September 8th, 2005 05:14 pm (UTC)
It's fun to see how other people make their icons, and, wow, you make them so differently.
[identity profile] elli.livejournal.com on September 9th, 2005 05:35 pm (UTC)
Yeah? You should write a tutorial on one of your newer icons so I can see the difference ;)

You use gradients a lot right?

and I agree... but I like the variety...and doing it differently... sort of defines you..right?
[identity profile] killprettyx.livejournal.com on September 11th, 2005 04:14 pm (UTC)
I hardly ever use gradients anymore. I mostly use curves to get the colors how I want them. :) I've started using textures too.
[identity profile] elli.livejournal.com on September 19th, 2005 05:36 pm (UTC)
heee... I haven't used curves in ages..but you inspired me to do it..so now I have :)
[identity profile] drummerboy37.livejournal.com on September 8th, 2005 09:15 pm (UTC)
E-gads! Beautiful.
[identity profile] elli.livejournal.com on September 9th, 2005 05:33 pm (UTC)
means you'll try???

ps: say yes!
[identity profile] drummerboy37.livejournal.com on September 9th, 2005 06:40 pm (UTC)
Of course! I just need to find a couple of things on PSP so that I can translate it, =)
[identity profile] elli.livejournal.com on September 10th, 2005 08:35 am (UTC)
heeee :)

I never used psp, so I cannot really help :)
[identity profile] calen383.livejournal.com on September 9th, 2005 12:52 am (UTC)
wow, i've never worked w/ selective color. o.o seems complicated. is it really that bad once you've worked w/ it a while? do you know of any good tutorials that explains that tool indepth? (yours was good, but i'm still a lil confused about it). cool icon tho ^^

<3 Calen
[identity profile] elli.livejournal.com on September 9th, 2005 02:05 pm (UTC)
:)

it gets easier. I was kind of weary of it first.
I have another tutorial here, if you haven'T read it.
http://www.livejournal.com/users/elli/168085.html
[identity profile] calen383.livejournal.com on September 9th, 2005 07:57 pm (UTC)
xD i can get that. xD but i'm definately going to work with that tutorial later; it looks like it will really be helpful! i've mem'd it :-p

thank you! i'll be sure to ask if i have a question! ^_^

<3 Calen
[identity profile] elli.livejournal.com on September 10th, 2005 08:35 am (UTC)
*squeeeee*

:)
[identity profile] bentfire.livejournal.com on September 9th, 2005 02:44 am (UTC)
I've added this to my memories and will tinker with it later. Thanks =D
[identity profile] elli.livejournal.com on September 9th, 2005 05:32 pm (UTC)
YAY!!!
[identity profile] fierytigress.livejournal.com on September 9th, 2005 03:09 am (UTC)
PS looks so damn complicated to me. Now, I'm not sure if I want to conver to it from PSP. lol. But, damn this tutorial is cool! I'll keep it in mind if I do eventually transfer. ;)
[identity profile] elli.livejournal.com on September 9th, 2005 05:34 pm (UTC)
I cannot even imagine using psp to be honest. the idea is so foreign!!
glad you like the tut :) veryveryvery...!!!!
[identity profile] americanmutt.livejournal.com on September 9th, 2005 10:55 am (UTC)
escape
Thank you!
Yeah she opened Photoshop!
*highfives*
[identity profile] elli.livejournal.com on September 9th, 2005 05:31 pm (UTC)
Re: escape
heeee...but just to write the tutorial. I hate not sharing much.

*huggles*
(no subject) - (Anonymous) on November 22nd, 2011 08:13 pm (UTC)
[identity profile] elli.livejournal.com on September 9th, 2005 05:30 pm (UTC)
*wheeeee*

I'm so glad!!!!!
[identity profile] sh-tmoments.livejournal.com on September 10th, 2005 03:28 am (UTC)
it actually wasnt that hard to translate from PS to PSP :) im gonna save it so i can remember to do it when i find a hot picture!! :)
[identity profile] elli.livejournal.com on September 10th, 2005 08:34 am (UTC)
heeeee..cool!!!! wonder if that works and what the differences will be.
a lot of how the pic tunrs out depends on the initial color.
[identity profile] frightened-eyes.livejournal.com on April 28th, 2006 10:10 pm (UTC)
wow this tutorial is great! I adore your style <3
...only one question ;) I was wondering where you get textures like zjis one (http://www.ex-posed.com/icon/extras/tutorials/lexicon/texture.jpg)?? :)
[identity profile] elli.livejournal.com on April 29th, 2006 11:39 am (UTC)
thanks...

and it's a texture I created myself for a huge poster.