K RY CONS ([info]krycons) wrote,
@ 2006-09-03 15:41:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Current mood: determined
Entry tags:modpost, tutorial

follow the yellow-green grass.
[info]i_am_a_cylon requested a tutorial on how I made this icon:

(from this original wall)

The image was actually made for a wallpaper I did for [info]adiaaida and it will be available on my next post along with the icon requests (which I'm currently working on). I decided to do this first since it was easy enough. :p This will be an available wallpaper later, just in case anyone wants the big version of it as well. *g*


NOTES
1/ Do not post this tutorial elsewhere. Please link to it or add to memories.
2/ Do not claim the as your own and do not use the images.
3/ Coloring done here was specifically for this image only. I don't know if it will work with other images but feel free to try. :p


*The actual size of the image (1024x800) is retained but I made it smaller as a representation.

Photobucket - Video and Image Hosting
1. So I started off with the actual image looking like this. Very dark and moody. I brightened it up by doing the following to 3 layers copied from the original: the topmost layer set to Screen with a 100% Opacity; the second layer below it is set to Linear Dodge with 30% Opacity; and the last of the three layers is set to Multiply with a 20% Opacity.

much better now, right?
Photobucket - Video and Image Hosting

2. Now on to some minor coloring alterations. Create a new layer Hue/Saturation layer with +30 Saturation and leave it to Normal and have the opacity unchanged. Then I created a Curves layer set it to Screen and decreased the opacity to 30%. Duplicate this layer and set it to Normal and increase opacity to 50%.

it now looks like this:
Photobucket - Video and Image Hosting

3. Next is some more coloring. I created a green curves layer; set it to Normal and its opacity decreased to 70%. This was to enhance the grass area so I got the Brush tool and brushed over the sky and water part (including Tennant's body) as shown below:
Photobucket - Video and Image Hosting
Afterwards, merged the layers together. Duplicated it and set it to Screen with 20% Opacity. Finally, I erased the grass part of this duplicate as it was used to brighten up the top portion (especially Tennant's face).

4. Then I duplicated the curves layer from the previous step and set it to Normal with a 70% Opacity keeping the same brushed over part. Then used a Selective Color Layer courtesy of [info]adiaaida's coloring tutorial. :p I hope she doesn't mind that I'm going to post the configuration here.
Reds: Cyan -100 ; Yellow +100
Yellows: Cyan -100 ; Yellow +100
Neutrals: Cyan +26 ; Magenta -11 ; Yellow -13
Set it to Normal and kept the same opacity. Then I brushed over the grass area to retain the green-ness it already has. Merged the layers together again and erased the BBC labels on top.

And so, we have this:
Photobucket - Video and Image Hosting

5. Then I duplicated the layer twice. In the first layer, I set it to Linear Burn and set it to 50% Opacity erasing the grass part. For the second layer, I also set it to Linear Burn with the opacity set to 40% but this time erasing the sky area.
Photobucket - Video and Image Hosting

6. Next I created an empty layer and filled it with #98B6BD, set it to Color Burn without changing the opacity; added a layer/vector mask and brushed over Tennant's body.
Photobucket - Video and Image Hosting

7. So now that the coloring is done, it's time to add the sky. I used a stock image from stock.xchang... which I sadly don't have anymore. It was a little big so I just erased the necessary parts like the ones over the grass, water and Tennant's face/body. I set the layer to Linear Burn and created a duplicate which was set to Hard Light keeping opacities of both at 100%, making it look like so:
Photobucket - Video and Image Hosting

8. As you've noticed though, there's a visible white line separating the sky and sea... which is distracting and uuuugly. To remedy this, I used the brush tool with a #A8DAE2 color set to it and brushed over the visible line. I then set it to Linear Burn while lightening some parts (by erasing with low opacity) to blend with the sky.

and finally, it's done!
Photobucket - Video and Image Hosting

Of course, to create the icon, I cropped then duplicated it; set to Screen adjusting the brightness and whatnot.

Fin

Hope that was helpful!:D





-----
Btw, what do you guys think of the layout change? I searched everywhere for a good layout and finally decided with this simple one. No headers/images, whatsoever. Simplicity is beauty, ya? =D

Also, I have FIVE VOX INVITES. If any of you want one, comment with your name and email so I can send one over. First come, first serve!;) - All taken!



(34 comments) - (Post a new comment)


[info]elena_hepburn
2006-09-03 01:08 pm UTC (link)
I´m not at home but, great tutorial! I really love how the grass changes ;)

I don´t even know what VOX is but...why not? Could you explain me what is it?
My name is Elena and my email is; nereida_500@hotmail.com

Thanks a bunch!!

(Reply to this) (Thread)


[info]intodelirium
2006-09-03 01:20 pm UTC (link)
haha, thanks. well Vox is kinda like LJ except with a lot more features. Hard to explain more than that.... you will probably have to go there and find out. *will send you an invite* ;)

(Reply to this) (Parent)


[info]adiaaida
2006-09-03 02:09 pm UTC (link)
i like the layout change. very orangy and happy and summery

(Reply to this)


[info]emrysu
2006-09-03 02:19 pm UTC (link)
Thanks for the tutorial! I love the vivid colors in your icons and it's great to be able to learn how to do it. :D

(Reply to this)


[info]boxed
2006-09-03 02:49 pm UTC (link)
Whoa, awesome tutorial! Definitely bookmarking. :)
And Vox; why not? silent.hysteria@gmail.com
Thank you!

(Reply to this) (Thread)


[info]intodelirium
2006-09-03 03:01 pm UTC (link)
thanks!:D invite sent. ;)

(Reply to this) (Parent)


[info]burstlikeacomet
2006-09-03 03:20 pm UTC (link)
could i get an invite! blended.dream@gmail.com! thanks!
i love the tut, i'll try it out soon!

(Reply to this) (Thread)


[info]intodelirium
2006-09-04 11:49 am UTC (link)
invite sent!:D

(Reply to this) (Parent)


[info]moondust0109
2006-09-03 03:52 pm UTC (link)
Oh, such a lovely tut! :) Bookmarking, as I absolutely love your icons. I am a little confused about what you meant by "layer burn" in step 5. But, anyway, it looks like a wonderful tutorial, and I can't wait to try it.

I love the new layout! Orange is such a good color.

Could I get an invite? My name is Selena and my email is moondust0109@gmail.com

thank you!

(Reply to this) (Thread)


[info]intodelirium
2006-09-04 11:26 am UTC (link)
oops! *facepalm* that was suppose to be a Linear Burn!-_- gah, stupid me. *edits*

anyhow, will send you an invite!:D

(Reply to this) (Parent)


[info]lenschn
2006-09-03 03:56 pm UTC (link)
*is using the wallpaper on her pc xD*

And great new layout! :D

(Reply to this)


[info]devilwrites
2006-09-03 04:35 pm UTC (link)
Wow, that's a helluva tutorial! I'm saving this one! :)

Very simple layout. :) Very orange too. :)

(Reply to this)


[info]bakewells
2006-09-03 05:55 pm UTC (link)
Great tutorial, adding to memories. n____n And I love the colours of your layout!

Wow, I've heard about Vox. :3 If I'm not too late, may I have one? ^^

(Reply to this) (Thread)


[info]bakewells
2006-09-03 05:57 pm UTC (link)
OH, and my e-mail is rosaryclips@livejournal.com! XDD -forgot-

(Reply to this) (Parent)(Thread)


[info]intodelirium
2006-09-04 11:50 am UTC (link)
yep, you get the last one!;D

(Reply to this) (Parent)


[info]palmaceae
2006-09-03 06:49 pm UTC (link)
i LOVE the layout. orange is my new favorite color.

(Reply to this)


[info]volmerburroughs
2006-09-03 10:06 pm UTC (link)
whoo, i think orange is pretty XD

(Reply to this)


[info]guppydays
2006-09-05 01:44 am UTC (link)
The layout is too awesome as is this tutorial. Adding entry to memories.

(Reply to this)


[info]lucius_admirer
2006-09-29 11:23 pm UTC (link)
wow great tutorial *mems* I liked the idea of the sky manip a lot! I came up with this:



it's not that easy to find a sky background which would fit ^^

(Reply to this) (Thread)


[info]intodelirium
2006-09-30 01:04 pm UTC (link)
wow. that's just beautiful! I didn't think anyone would show an example. heehee. this is great! thanks for showing me!:D

(Reply to this) (Parent)(Thread)


[info]lucius_admirer
2006-09-30 06:37 pm UTC (link)
:) I had to change some steps, no green grass you know, the coloring of the faces... it's really a great tutorial, easy to follow etc. And I'm a big fan of the icons you made for houselims :)

(Reply to this) (Parent)


[info]guitarsrawesome
2006-11-11 02:54 am UTC (link)
Quick question, what are you doing with the brushing over parts of it? You just say you brush over it, but with what exactly?

(Reply to this) (Thread)


[info]intodelirium
2006-11-11 03:27 am UTC (link)
with any type of brush actually. well I used a drop shadow brush about 100+ px so I can cover more space but you can use whatever you're comfortable with. as long as you're able to cover-up the layer, you can use anything.

(Reply to this) (Parent)(Thread)


[info]guitarsrawesome
2006-11-11 03:05 pm UTC (link)
Then you mean brush on using a layer mask?

(Reply to this) (Parent)(Thread)


[info]intodelirium
2006-11-12 04:45 am UTC (link)
yup!

(Reply to this) (Parent)(Thread)


[info]guitarsrawesome
2006-11-12 03:18 pm UTC (link)
Oh! -face palm- I feel slow now, lol.

(Reply to this) (Parent)(Thread)


[info]guitarsrawesome
2006-11-12 06:14 pm UTC (link)
Okay, I see how it has a layer mask, but for some odd reason, it won't let me do anything with it. I get to the selective color stage, and it refuses to let me brush away the yellow on the grass.

(Reply to this) (Parent)(Thread)


[info]intodelirium
2006-11-13 05:22 am UTC (link)
try clicking the layer mask. just click the white square-ish thing. you'll see some sort of black border around it then try brushing again. that's usually the case if it won't work. tell me if you have any more problems. I'll try to answer them as best as I can. ;)

(Reply to this) (Parent)(Thread)


[info]guitarsrawesome
2006-11-13 09:29 pm UTC (link)
Tried that. I even tried adding a new layer mask. It just refuses to work. :s

(Reply to this) (Parent)(Thread)


[info]intodelirium
2006-11-14 05:58 am UTC (link)
oh man, I have no idea what's wrong. this has never happened to me before. maybe you can ask around photoshop-related comms? [info]icon_tutorial, perhaps? I'm sorry I cannot be of much help. =/

(Reply to this) (Parent)(Thread)


[info]guitarsrawesome
2006-11-14 10:50 pm UTC (link)
Thanks for trying. :)

(Reply to this) (Parent)


[info]dar_ota
2007-03-25 03:18 pm UTC (link)
Awesome tutorial. Just swinging by to ask, is that Worm's Head at Rhossili?

(Reply to this)


[info]chungsparadise
2007-09-30 03:38 am UTC (link)
This looks really great. Got to the curves part in step 2, but you don't have any numbers in your input or output on the image. :(

(Reply to this) (Thread)


[info]intodelirium
2007-09-30 04:30 am UTC (link)
yeah you will have to approximate based on the image. I wasn't really aware of the numbers in curves before as I was new to it myself then. sorry I can't help much since it's been a year since I made this.

(Reply to this) (Parent)


(34 comments) - (Post a new comment)

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