Clay ([info]handsofclay) wrote,
@ 2008-03-23 20:40:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Current mood: productive
Current music:Lecher Bitch - Genitorturers
Entry tags:i'm being productive, icons, icons: tutorials

Icon Tutorial; Coloring For Dark, Dull Images

this to this



Made in: GIMP
Steps: 7 (2 optional)
Difficulty: Easy
Works on: Dark, dull images.


Merge= merge all layers. Can be done by right-clicking the top layer and selecting Merge Down, or by using the keyboard shortcut Ctrl+M.
Duplicate= duplicate the layer.


1. Duplicate. Set the top layer to screen. Merge.
why: The screen layer will make the image lighter but "washed out".






2. Duplicate. Set the top layer to overlay and the opacity to 50%. Merge.
why: The overlay layer will make the colors more vibrant and the contrast deeper. You can simply leave the opacity at 100% and skip step three and get similar (very similar) results, but using step three will get you a slightly brighter image.






3. Duplicate. Set the top layer to overlay. Merge.
why: The overlay layer will make the colors more vibrant and the contrast deeper.






4. Duplicate. Desaturate the top layer. In Gimp: Color > Desaturate. I didn't see much of a difference between the three settings, but I believe I used Luminosity. Set the layer to Divide and the opacity to 25%. Merge.
why: Setting the desaturated layer to divide makes the colors in the image brighter: dark blue to light blue, orange to yellowish-orange.






5. Duplicate. Set the top layer to overlay.
why: The overlay layer will, once again, make the colors deeper and the contrast more pronounced.






OPTIONAL

6.Sharpen: right-click > filters > enhance > sharpen (or however you sharpen in the program you're using). I believe I set the sharpness to 45.
note: How much you sharpen it (or if you do at all) really depends upon the image used and the look you're going for.





7. I used curves to make the icon brighter and the colors a bit more vibrant.




This is my first tutorial, so comments (positive and negative) are more than welcome. This tutorial involves using layer modes and opacity, and an optional last step that uses curves. I've tried to explain why I used the steps that I did, but if I wasn't clear enough please let me know and I'll try to explain it more in-depth.

This tutorial works best for inanimate objects, although it can be used to brighten images of people if you skip steps 3&5 (using steps 3&5 turns people a weird orange/red color). Using images brighter than the one I used tends to make the image too bright, but some turn out well if you use one or two multiply layers on top.



(29 comments) - (Post a new comment)


[info]daynawashere
2008-03-24 01:39 am UTC (link)
Oh, this is GORGEOUS. I love the final result, and I love that you've explained why you did the things you did :D

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 04:03 am UTC (link)
Thank you. I decided to explain why I did certain things because I thought it might be easier for people if they knew WHY the were using certain settings, instead of just: this setting gets this result for this picture. I'm glad you liked it. :)

(Reply to this) (Parent)


[info]innersmile_x
2008-03-24 01:56 am UTC (link)
Lovely tut! Meming it! This is awesome for a first tut!(:

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 04:07 am UTC (link)
Thank you. Hopefully I can do as well on my next tutorial.

(Reply to this) (Parent)


[info]snnat17
2008-03-24 02:08 am UTC (link)
thanks for posting this really nice tutorial :)
I like any tuts that brighten pics/caps up
thanks again +mems

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 04:10 am UTC (link)
You're welcome. I like tutorials for brightening images as well, since most pictures I like are usually dark. Hopefully you'll find this useful. :)

(Reply to this) (Parent)


[info]unspell
2008-03-24 02:28 am UTC (link)
Oh wow, this is amazing!

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 04:07 am UTC (link)
Thank you.

(Reply to this) (Parent)


[info]pinewood
2008-03-24 02:51 am UTC (link)
This is an awesome result from Gimp and just from effect layers! A++! :D

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 04:07 am UTC (link)
Thanks.

(Reply to this) (Parent)


[info]helloimkelsey
2008-03-24 03:13 am UTC (link)
I really like it... thank you!

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 04:06 am UTC (link)
You're welcome. Thanks for letting me know you liked it. :)

(Reply to this) (Parent)


[info]emma_moon
2008-03-24 03:31 am UTC (link)
It's awesome!

I do have one quick question, I'm new to GIMP and I've been having problems with it, so how do I find "screen"?

And also, duplicate for the layers is grayed out, so do I just make a new layer and then duplicate?

Sorry for the questions.

(Reply to this) (Thread)


[info]handsofclay
2008-03-24 03:58 am UTC (link)
Screen is a layer mode. In the layers dialog (Dialogs > Layers; or Ctrl+L) next to 'mode' there is a drop down menu. You'll find screen/overlay/divide and all the other layer modes there. The settings for opacity are right below that.

You duplicate your base first. So, you have your base, then you duplicate it, then you do step #1.

No need to apologize for the questions. We're all new at one point. :) Hope this helped, and if you have any more questions feel free to ask.

(Reply to this) (Parent)(Thread)


[info]emma_moon
2008-03-24 05:02 am UTC (link)
Thank you very much!

I'm going to try and make a few new icons now. :)

(Reply to this) (Parent)


[info]_nigella_
2008-03-24 04:36 am UTC (link)
really lovely tutorial, the explanations were a nice addition, helped to clarify the step by step in a way that these features could be applied elsewhere. thanks!

(Reply to this)


[info]ileeyah
2008-03-24 07:59 am UTC (link)
I've been looking for a nice bright tutorial to fix up so very dark screencaps and this is perfect. Thanks!

(Reply to this)


[info]emobeauty
2008-03-24 08:16 am UTC (link)
It's gorgeous! I love it.

(Reply to this)


[info]catzen20
2008-03-24 12:11 pm UTC (link)
Seems a very interesting tut,
thank you :)

(Reply to this)


[info]blackcalic0
2008-03-24 12:13 pm UTC (link)
Memming thanks!

(Reply to this)


[info]vannessgal
2008-03-24 12:19 pm UTC (link)
looks sooo good ^_^ thanks for sharing, will give it a try

(Reply to this)


[info]casettes
2008-03-24 05:20 pm UTC (link)
Very nice!

(Reply to this)


[info]lyke_zomg
2008-03-24 07:31 pm UTC (link)
I love this tutorial, and the fact that you explained why you did each step. =] *adds to memories*

(Reply to this)


[info]jsrocks
2008-03-24 09:26 pm UTC (link)
This looks awesome! And thanks for all the explanations. :) :)

(Reply to this)


[info]pinkertones
2008-03-24 09:46 pm UTC (link)
awesome!!

thank u!!

(Reply to this)


[info]ohxlucia
2008-03-24 10:02 pm UTC (link)
This is definitely one of the best tutorials I've seen in a while :] Mems+

(Reply to this)


[info]heymadeline
2008-03-26 06:54 pm UTC (link)
very nice.
i'm gonna try it out right now.
saving to mems.

(Reply to this)


[info]maxbabe
2008-04-11 09:25 am UTC (link)
yeah this is great =)

(Reply to this)


[info]iriswee
2009-07-25 06:27 am UTC (link)
Oh, Thank you !

(Reply to this)


(29 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…