?

Log in

No account? Create an account
 
 
20 February 2006 @ 05:03 pm
Blending Tutorial for Photoshop CS  
This tutorial is supposed to bring some light into the world of blending with Photoshop CS. It's not the best tutorial but I hope you find it useful in some ways ;)

I choose this pic of Atlantis and this one of a desert to make the blending more visible. There are links to screenshots which are 1280 x 735 and show you an example of the blending as well as the layer palette, so that you can see what the gradient looks on the layer mask.


I) Right-Click on the Paint Bucket Tool and then click on the Gradient Tool

II) In the options bar you see now five different gradient tools



Linear gradient - to shade from the starting point to the ending point in a straight line
Radial gradient - to shade from the starting point to the ending point in a circular pattern
Angle gradient - to shade in a counterclockwise sweep around the starting point
Reflected gradient - to shade using symmetric linear gradients on either side of the starting point
Diamond gradient - to shade from the starting point outward in a diamond pattern. The ending point defines one corner of the diamond

III) Click the triangle next to the gradient sample and pick the third gradient (it's important that your gradient is black/white because only that will work on a layer mask! Using black on the layer mask will reveal the second pic (here Atlantis), White will hide the second pic.)



IV) Next to Opacity, you see the Reverse box. If you select it, the gradient reverses and the result will be completely different. That's why you should always try both versions, the normal and the reversed one.



V) On your layer palette make sure you have your pics in the right order. Here I want to blend the desert, that's why it is on top.



VI) Choose the desert and click on the little symbol to add a layer mask (vector mask).



Now you can start to play with the different Gradient Tools ^-^


Linear gradient - to shade from the starting point to the ending point in a straight line

For beginners this is the easiest gradient.

- Left to Right

- Right to Left

- Top to bottom

- Bottom to top

- Left top to right bottom

- Right top to left bottom

- Right bottom to left top

- Left bottom to right top


Radial gradient - to shade from the starting point to the ending point in a circular pattern

- Ramdomly placed in the left corner, from left to right

- Randomly placed in the right top corner, from top to bottom

- Randomly placed on the left side, from left to right (Reverse selected)

- On the right side, from top to bottom (Reverse selected)

- Placed on the middle/left, from left to right (Reverse selected)


Angle gradient - to shade in a counterclockwise sweep around the starting point

- This happens if you use the gradient from left to right. Ugly!

- But if you use it from the middle to the right, it looks already better

- Again, ugly! If you just use it from to to bottom on the right side

- From middle to top looks better

- Or from the middle to the right bottom

- Again from the middle to the right bottom (Reverse selected)

But it looks really good if you use the gradient near the sides.

- (Very) near the bottom, from top to bottom

- (Very) near the bottom, from top to bottom (Reverse selected)


Reflected gradient - to shade using symmetric linear gradients on either side of the starting point

This gradient is gives you a nice result if you use it from the middle to any side/corner.

- From the middle to the right

- From the middle to the right (Reverse selected)

- From the middle to the top

- From the middle to the top (Reverse selected)

- From the middle to the right bottom corner

- From the middle to the right bottom corner (Reverse selected)


Diamond gradient - to shade from the starting point outward in a diamond pattern. The ending point defines one corner of the diamond

- From the left to the right

- From the left to the right (Reverse selected)

- From the right to the left

- From the right to the left (Reverse selected)

- From top to bottom

- From top to bottom (Reverse selected)

- From bottom to top

- From bottom to top (Reverse selected)

- From the middle to the right

- From the middle to the right (Reverse selected)

- From the middle to the bottom

- From the middle to the bottom (Reverse selected)

- From the middle to the top left corner

- From the middle to the top left corner Reverse selected)

- From the top left corner to the right bottom corner

- From the top left corner to the right bottom corner (Reverse selected)


Using two gardients (the same or two different)

You can use as much gradients on a layer as you want. We will do it with two. Therefore you have to apply the first layer mask and then add a new one.

I) First we use the Linear Gradient from the left to the right on the layer mask

II) The you right-click on the layer mask and select Apply Layer Mask



III) You will see that the layer adopts tha changes of the layer mask. The changes are now permanent.



IV) Click again on the Add layer mask symbol





V) Now you can use any gradient you want on the new layer mask:

- The Linear Gradient from top to the middle

- The Radial Gradient from the right to the middle

- The Reflected Gardient from top to bottom (Reverse selected)


This is just a selection of possibilities on how to blend. You can use all these techniques for icons as well! If you have question, just ask ^-^ I hope you find this tutorial useful.
 
creative
Current Mood creative
Current Music SGA Intruder in mp3 ^-^
 
 
 
kellysparrow: the onekellysparrow on February 20th, 2006 04:07 pm (UTC)
This is why I love you ^^

I'm doing the tutorial right now and it's working kinda good. But I'll continue later this evening because I have to work. But thanks :)

Besides the main reason why I love you is because I can use the pic for my drawing class exam.
Mercy: Flummi!mercscilla on February 20th, 2006 04:18 pm (UTC)
Awwwwwww *tackle hugs* Love you more ♥

Oy, work *sigh* *huggles* hope it won't be too bad ;)

*biggrin*
kellysparrowkellysparrow on February 20th, 2006 10:21 pm (UTC)
aahw ♥

Loved work ^^ My sort of boss (too hard to explain what he really is) was back from his 4 week holiday and I fucking missed him so bad. He noticed :) And we flirted again (A) God, I love that man althought I'm not allowed to for several reasons :P
phantomasphantomas on February 20th, 2006 04:32 pm (UTC)
Thank you!
It's well explained and very helpful :)
Mercy: Desertmercscilla on February 20th, 2006 04:36 pm (UTC)
Anytime ^-^ and thanks!
I refuse to give up my obsession: Easterendlessdeep on February 20th, 2006 04:49 pm (UTC)
This only makes me want to get Photoshop CS even more. I have outgrown PS Elements and am drooling over all the nifty things that CS can do.
Mercy: Cat Percy - Who Me?mercscilla on February 20th, 2006 04:53 pm (UTC)
I know what you mean. I got my CS in December (I had Elements until then. So boring) and I can't imagine to live without it *grins*

Do you know how to download torrents?
I have an Illudium PU-36 Explosive Space Modulator: geeksimons_flower on February 20th, 2006 05:10 pm (UTC)
Totally sticking this in my memories. The sample pictures are 100 times more helpful than just descriptions. Thank you!
Mercy: Fanfic Writer Strugglemercscilla on February 20th, 2006 05:20 pm (UTC)
Yeah, I know what you mean. Pics often help me to understand it better.

Glad it helps you ;)
scout78: samscout78 on February 20th, 2006 05:57 pm (UTC)
you absolutely rock, girl!

I'll try that when I'm finished with my new batch of icons :) I'm sooooo adding that to the memories...

thanks for doin' this! *huggles*
Mercy: Sam - Genius with no ideamercscilla on February 20th, 2006 06:28 pm (UTC)
*blushes* wow, thanks ;)

Can't wait to see your result!

*tackle hugs*
scout78scout78 on February 20th, 2006 06:42 pm (UTC)
you won't believe it but I actually printed out your sparky wp tutorial... ;)

I don't know if you've seen my last wp yet, sooo... here's some shameless self-promotion *lol*

see...it actually works when you teach us new things ♥♥♥
mandasmal on February 20th, 2006 07:48 pm (UTC)
This is great! Thank you! Added to memories! :)
Mercy: Flummgatemercscilla on February 20th, 2006 08:13 pm (UTC)
My pleasure ^-^
formerly penelyn: lightfantastic3bird on February 21st, 2006 08:24 pm (UTC)
Hey, cool tut. I will definitely be trying this soon.
instructor of the immobile artsingridmatthews on February 21st, 2006 09:58 pm (UTC)
Most tutorials don't teach me a thing, but this one?

It helped me make this.

This is maybe the most awesome thing ever. I was *wondering* if this type of blending was some sort of highly guarded secret. NOW I KNOW, BWAHAHAHAHA! ;)

Thank you from the bottom of my black, crusty heart. *loves*
Mercy: Cat Percy - Who Me?mercscilla on February 22nd, 2006 12:11 pm (UTC)
Mmmm, when I click on the link, I get a quicktime picture *is confused* *kicks photobucket* that happened to me last weekend.

*biggrin* no big secret but lots of cursing CS and headbanging cause first it didn't want to play with me ;)

Anytime *hugs*
instructor of the immobile artsingridmatthews on February 22nd, 2006 12:14 pm (UTC)
Stupid Photobucket. Anyway, it's in my journal here:

http://ingrid-m.livejournal.com/454069.html

I just wanted to show you because it's way more awesome than anything I've made previously and that's because of your tut. Heh. Cheers!
cris: n&wcofi_shot on February 22nd, 2006 04:26 pm (UTC)
memming this. thanks so much! =)
victoriaelyvictoriaely on February 23rd, 2006 08:07 pm (UTC)
I won't sleep tonight! Have to try it!
My blending was, well... not so good looking *grins*

Thanks for sharing this ♥
Mercy: Sam - I want to knowmercscilla on February 24th, 2006 08:42 am (UTC)
*grins* I would love to see what you come up with ;)
victoriaelyvictoriaely on February 28th, 2006 07:46 pm (UTC)
School...
Anyway, used this technique and made a banner. Not actual blending, but used the gradient mask for fading the right corner of the image.

here it is: Sparky!

I'm trying to make my bw images better and I loved that image, so I made the header :)

Mercy: Elizabeth - Think twicemercscilla on February 28th, 2006 08:13 pm (UTC)
School sucked. Always *sigh*

Woah! That's damn awesome! I love it (OMG so hot!!!) You did good, my child *giggle*
animegirl29animegirl29 on March 1st, 2006 06:06 am (UTC)
This Tut helped me seriously! I always wondered how everyone blended their pics =P Thanks dude!! XD
Mercy: Elizabeth - Ready to strikemercscilla on March 1st, 2006 01:42 pm (UTC)
Glad to help ;)