?

Log in

Tutorial # 6 - A Place to call our own. [entries|archive|friends|userinfo]
Today-4-You Tomorrow-4-Me

[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

Tutorial # 6 [Jan. 30th, 2007|01:41 pm]
Today-4-You Tomorrow-4-Me

x_today_4_you_x

[bouncerbutch]
[Tags|]
[Current Location |Home]
[Current Mood |coldcold]
[Current Music |TV]

Tutorial # 6

Made with GIMP 2.2.10. Not sure if it can be translated into other programs.

Learn how to go from this to this.

Other Icons made using the same method.


Please make your icon your own. Credit and comment if you use. I love to see what people have done so feel free to post your finished icon:)



So last night I was playing around with GIMP. I have been trying to figure out something equivalent to that nasty thing us GIMPers see in tutorial sites every day called Selective Coloring. Don't get too excited this has nothing to do with even coming close. I did however like the effect and the end result and so this morning I thought that I would try to duplicate it and share with all of you.

So the tutorial for now and I will continue to try and crack the mystery of Selective Coloring for us all:)

Again we are working with a Rent screen cap because once again Rent is love!

1. Find the picture you want to use. Crop it to make a 100x100 px base. Sharpen at 20 power.
Result=

2. Duplicate your base one time and invert this layer. Layer-->Color-->Invert. Set this layer to Dodge 29.8%.
Result=

3. Duplicate your base again and drag it to the top of your other 2 layers. You need to Equalize this layer. Layers-->Colors-->Auto-->Equalize. Set this layer to Hard Light at 30%.
Result=

4. Duplicate your base again and drag it to the top of your other 3 layers. Set this layer to Screen 40%.
Result=

5. Now make a new layer in transparent. Flood it with #bbd5cf. Set this layer to Burn 100%.
Result=

6. Make another new transparent layer. Flood it with #f0c2f4. Set this layer to Burn as well 100%.
Result=

7. Make another new transparent layer. Flood it with #f9e6cd. Set this layer to Divide 100%.
Result=

8. Yet another new transparent layer. Flood with the previous color #f9e6cd. Set this layer to Multiply 100%.
Result=

9. Duplicate your base again and drag it to the top of all of your previous layers. Ok this layer is a little bit more involved. If you have any question please ask:)
Get you Color Levels Dialog box out 'cause that is what you will need for this layer. Layers-->Colors--Levels
In the same dialog box you will want to drop down the little menu called Channels.
Click on red and set your sliders to these numbers (you will need to change the input and output for all three colors and you will do this same way as you do the red just different levels.)

Red
INPUT LEVELS
Left Slider =6 Right Slider=204
OUTPUT LEVELS
Left Slider=34 Right Slider=201

Green
INPUT LEVELS
Left Slider=0 Right Slider=165
OUTPUT LEVELS
Left Slider=19 Right Slider=255

Blue
INPUT LEVELS
Left Slider=0 Right Slider=255
OUTPUT LEVELS
Left Slider=76 Right Slider=255

Once you have these settings click OK on the bottom right hand side of your Levels Dialog box.
Set this layer to Saturation 100%
Result=

10. It looks a little funny at this point and I did not like the color tone of her skin. So I erased it.
Result=

11. Make another new transparent layer. Flood it with #98daf3. Set this layer to Burn 100%.
Result=

12. Make another new transparent layer. Flood it with #f0c2f4. Set this layer to Soft Light 60%.
Result=

13. Again this color looks good for the surrounding background of the icon but I was not super crazy about how it made her skin look so once again I erased the color off of her skin.
Result=

14. Duplicate your base for the last time and drag it to the top of all of your previous layers. Set this layer to Soft Light 40%.
Result=ooops I forgot to save an image for this step. My bad.

*You can stop here if you do not want to put any text on your icon. Just merge all your layers and save it:) However, most people know how to apply text to an icon, but just in case.......here are steps 15 and 16:)

15. The text layer. Of course the text is completely up to you. Be creative.....do what you like. I used Steamer Ultra-Light Font in 11 px size. Color=#fbebd6.

16. Picking, placing and text phrases are not my strongest points when it comes to icons. I usually spend the most time on the text towards the end. So like some of my other tutorials I have to have something else to make the text 'pop' out so that it is legible. Hah Weird obsession I know, but we all have our hang ups.
So anyway I took a small round fuzzy paint brush. Made a new transparent layer right beneath my text layer and picked a dark blue color and brushed behind it so that you could see it. You, of course, do not have to do this step. I did 'cause I am anal retentive like that. Ha!

17. Merge all your layers together to get your finished Icon.

Ta Da


Have fun!
LinkReply

Comments:
[User Picture]From: gem_pinkeh
2007-01-30 06:51 pm (UTC)
2. Duplicate your base one time and invert this layer. Layer-->Color-->Invert. Set this layer to Dodge 29.8%.
This is gonna sound like a really stupid question, but how do you set layers to dodge, burn, screen etc? I know how to do it with colour fill but not with actual layers, and I keep seeing it in tutorials-am self taught on GIMP and I've never worked out how to do it =P
(Reply) (Thread)
[User Picture]From: thecutepolice
2007-01-30 06:53 pm (UTC)
go to the dialog menu and select layers. This will give you a layers palette where you can change the setting of the layers, and it makes it easier to see which layer you're working on.
(Reply) (Parent) (Thread)
[User Picture]From: gem_pinkeh
2007-01-30 06:54 pm (UTC)
Thank you *squishes you*
(Reply) (Parent) (Thread)
[User Picture]From: thecutepolice
2007-01-30 06:55 pm (UTC)
Glad to help! It took me forever to find that too, and it makes using gimp much more like photoshop and other expensive programs :)
(Reply) (Parent) (Thread)
[User Picture]From: bouncerbutch
2007-01-30 07:30 pm (UTC)
*giggles* Self taugh is sometimes the only way to go. I used a lot of beginners tuts to help me through the basics, but in the end I taught myself the majority of what I know through trial and error. The Undo feature has become my bestest friend in GIMP.
You can find that in your *edit* drop down menu.

(Reply) (Parent) (Thread)
[User Picture]From: gem_pinkeh
2007-01-30 07:35 pm (UTC)
For me, it's just been a great big haze of playing with buttons and seeing what works...it's been nice actually to compare graphics I first made when I got GIMP to what I can do now, and to see the improvement
(Reply) (Parent) (Thread)
[User Picture]From: bouncerbutch
2007-01-30 07:43 pm (UTC)
I remember it being like a big haze. It take a little while to learn just the general basics. I was where you are at but the more you play the better you will get:) I am still learning what things can do:)

Yes comparing icons from when you first start to where you are now is kinda fun. I still have some of my icons from the start and now I look at them and am like OMG I thought that was awesome! I keep them around for the memories.

A small tip that I learned and find useful all the time is before Flattening all of your layers and saving your finished icon......save it as GIMPS .xcf file. I saves your step by step layers so you can reopen it to use ideas for new icons.
(Reply) (Parent) (Thread)
[User Picture]From: thecutepolice
2007-01-30 06:54 pm (UTC)
I'm definitely going to try this! There are never enough good tutorials for gimp!
(Reply) (Thread)
[User Picture]From: bouncerbutch
2007-01-30 07:32 pm (UTC)
Would love to see what you end up with! Yes there are simply never enough GIMP tutorials. It seems like for every 15 tutorials for other programs there are only like 2 for GIMP.

Much love the GIMP is:)
(Reply) (Parent) (Thread)
[User Picture]From: valliegurl
2007-01-30 08:45 pm (UTC)
this is great! :P memming!
tried it and got this:


yeah, bugs me about the selective coloring since i use GIMP, but i've found a few ways to work it to make some of my pics look extremely close to selective coloring. ^_^
(Reply) (Thread)
[User Picture]From: bouncerbutch
2007-01-30 09:20 pm (UTC)
That's so pretty. It looks awesome:) Glad you found it helpful.
Maybe you should write a tutorial on how you get close cause I have yet to figure it out:)
(Reply) (Parent) (Thread)
[User Picture]From: valliegurl
2007-01-31 07:23 am (UTC)
thank you! ♥

i'll be doing that later on when i finish other requests. the thing is to experiment. xD i LOVE doing it!
(Reply) (Parent) (Thread)
[User Picture]From: valliegurl
2007-03-25 06:28 am (UTC)
hi! just letting you know that i did post a tut earlier that sorta helps with the "selective coloring" look. :) hope it's helpful!
(Reply) (Parent) (Thread)
[User Picture]From: bouncerbutch
2007-01-30 09:21 pm (UTC)
Close to Selective coloring that is:)
(Reply) (Parent) (Thread)
[User Picture]From: softcake_70
2007-01-30 08:50 pm (UTC)
This tut is awesome *adds to memories* I already fiddled around with it a few times and adjusted the settings in the channel options, because my pics turned out to be way too blue ;) But the effects are lovely.
Thanks!
(Reply) (Thread)
[User Picture]From: bouncerbutch
2007-01-30 09:22 pm (UTC)
Glad you like it;)
(Reply) (Parent) (Thread)
[User Picture]From: sonnete
2007-01-30 09:44 pm (UTC)
Are Color Levels the equivalent of Selective Coloring in Gimp? /wondering
(Reply) (Thread)
[User Picture]From: bouncerbutch
2007-01-31 12:07 am (UTC)
I'm not exactly sure how Selective coloring really works. So I am not 100% sure. I think that Color Levels is the closest thing to it in the GIMP but I could be wrong:)
(Reply) (Parent) (Thread)
From: jewelles2
2007-01-30 10:48 pm (UTC)
Here's what I did with it...



Thanks!
Jewelles xo
(Reply) (Thread)
[User Picture]From: bouncerbutch
2007-01-31 12:04 am (UTC)
Awesome:) *note to self: go see Dream girls this weekend! It look great:)
(Reply) (Parent) (Thread)
From: jewelles2
2007-01-31 12:10 am (UTC)
Thank you! And it's a wonderful movie. :-)
(Reply) (Parent) (Thread)
[User Picture]From: pureskies
2007-02-01 11:26 am (UTC)
I love it so much! I am totally memming this!! It is so funny coz Take me or Leave me was playing just as I came across this tut!!

Thankyou!
(Reply) (Thread)
[User Picture]From: bouncerbutch
2007-02-01 01:25 pm (UTC)
Your Welcome. Glad you found it helpful:)
(Reply) (Parent) (Thread)
From: time_to_write
2007-02-02 11:36 pm (UTC)
ooer. cool!
(Reply) (Thread)
From: (Anonymous)
2007-02-15 11:14 am (UTC)
but can this be done on photoshop?
/stupid question/
i ve tried it on photoshop and there arent some options that u said:S
like "divide"
if this can be achieved in photoshop, can u please make that tutorial??

thanks :)))
(Reply) (Parent) (Thread)
[User Picture]From: bouncerbutch
2007-02-15 01:08 pm (UTC)
I am not very familiar with Photoshop. I know that there are some things that are not interchangable between the two programs. You may want to post a question in icontutorial and see if someone who has a little more knowledge with photoshop knows the answer to that:) Sorry I couldn't be of more help:(
(Reply) (Parent) (Thread)
From: (Anonymous)
2007-02-22 12:49 pm (UTC)
oh ok

thanks anyway

:)

(Reply) (Parent) (Thread)
From: ellaxbella
2007-02-27 05:24 am (UTC)

Just commenting

I like the tortual and RENT IS LOVE ♥ I'd die without it xD (not only that I'm doing a project on Jonathon Larson.)

Anyways I have PSP 11 so I may attempt it ^^
(Reply) (Thread)
[User Picture]From: taiteilija
2007-04-30 12:26 pm (UTC)
Great tutorial! I got a couple of great results :)
(Reply) (Thread)
[User Picture]From: lalitadreams
2009-05-12 09:06 am (UTC)
Hi!
I would know if that you disturbed if I translated a few yours tutos into French and that I put this translations on my LJ.
Of course it there was a link for your LJ
(Reply) (Thread)
[User Picture]From: ms_starlight
2010-12-09 04:25 pm (UTC)
Hey there! I love your icon so I made an attempt to transfer your tutorial to Photoshop. So if anyone might want to try, here's the tutorial.
(Reply) (Thread)