Jump to content

  • Log in with Twitter Log In with Google Log In with Steam Sign In
  • Create Account

Important Announcement!

Welcome to the Site! Make sure to Register first to get access to all the Features. I know the site is empty at the moment but what site isn't empty in the beginning? :P Click here to read the FAQ. The FAQ will answer the majority of the questions that you have such as "Allowed Signature Size and Avatar Size". Please click here to read the Rules and see what is allowed and what not. Thank you for joining! Have fun posting, help us fill the site with love and art!

Photo

[Quick Check] Blending


  • Please log in to reply
6 replies to this topic

Neromid
    • Group: Regular Member
    • Posts: 60
    • Last active: May 16 2015 03:31 PM
    • Joined: 28 May 2014
      • LocationGermany


    Users Awards

Posted 11 August 2014 - 04:13 PM

Hey y'all

 

I've recently learned a pretty cool technique of how to check your blending of objects and how to figure out what's wrong when things don't look quite right. Blending things into a composition can be a ***** sometimes, and this one has helped me quite a lot, so I thought I'd share it.

(Looking at it now that it's finished, it may be a little advanced.)

 

 

It works as following: Pixel are made up of 3 values, which are Hue, Saturation and Brightness. These three values play together, but can also be distracting when focusing on one specific.

For example, your perception of brightness can be distorted by the image's colors, and vice versa can the perception of colors be distorted by the brightness.

 

Getting to the point, the technique I'm about to show you disables one or two of the three values and therefore gets rid of distractions when working on one specific value.

 

 

 

Let's create the quick check:

 

  1. Create a group
  2. Add a Hue/Saturation layer, turn the saturation all the way down. Name it Brightness.
  3. Create a new layer, fill it with ff0000. Name it Saturation. Put the layer blending mode to Hue.
  4. Create another layer, fill it with ff0000. Name it Hue. Put the layer blending mode on Luminosity.
  5. Create a Hue/Saturation layer, put Saturation to +50. Name it Boost.
  6. Create a Threshold layer. Name it Highlight/Shadow.
  7. Disable each layer.

47079ed2a291ed3d.jpg

 

Now you simply enable the layer of the value you want to work on, for example the Brightness layer when working the brightness.

 

 

To clarify how to use it, let's say you've placed a rock into your composition, but it doesn't look like it belongs there. The old fashioned way would be to play around with a few adjustment layers and hope it looks better, which often takes long or doesn't work at all. The method shown above gives you the ability to break down the rock image (or more specific, it's pixels) into it's three base values, which are like said Hue, Saturation and Brightness. By breaking the image down, you gain the ability to view each value seperately, which allows for objectively judging if the values of the rock match those of the rest.

 

 

So, in practice:

We would first turn on the Brightness layer to get rid of the Hue and Saturation, so we can have a clean look at the brightness of the rock. If it is different from the rest of the composition, change it.

Then we disable the Brightness layer and enable the Highlight/Shadow layer. By moving the slider like said below we can find out if the lights and darks of our rock are differently than the rest. If the, let's say, lights of the rock pop up before everything else, we can deduce that it has lighter areas than the rest of the composition, which can be the cause of it not blending in well. (If you didn't get how a Threshold layer works, its best to watch a tutorial). 

Moving on, now that we took care of the brightness, let's check the Hue. Activate the Hue layer and the boost layer. This gets rid of the Brightness and leaves us the Hue and (boosted) saturation. We can now have a clear look at only the colors of the rock, which allows for a way better judgement. Let's say the rock we pasted in has an orange tint while the other rocks/elements have a blue tint. The Hue layer in combination with the Boost layer will make this difference very noticeable, and helps you change it to the right hue as well.

And finally, let's take care of the saturation. Disable every layer of the Quick Check group, and enable the Hue layer and Saturation layer. The image will look similar to with only the Hue layer active, but with the difference that all colors are now uniform (red). The image will look like a colored High Pass filter. This essentially disabled both the hue and brightness and shows us the relative saturation. Red represents the color, gray the absence of it. So, if our rock has a stronger red than the rest of the image we can tell it is too saturated, and turn it down.

 

Aaand, that's it. We've now taken care of each value individually. The rock should now blend in way better. 

 

 

 

 

 

Further explanations:

 

Brightness layer: Eliminates Hue and Saturation, leaves you just with the brightness

Saturation layer: Eliminates Hue and leaves you with Saturation and Brightness.

Hue Layer: Eliminates Brightness and leaves you with Hue and Saturation.

Boost Layer: Is optional, should be used in combination with either Hue or Saturation layer. Can be used to make hardly visible colors more visible.

 

Hue layer + Saturation layer: Can be combined to show relative saturation, eliminates Hue and Brightness, leaves you with pure saturation.

 

Treshold layer: Is used to check if the highlights/shadows are on the same level. Open the layer's properties, move the slider to the right. Everything should be black now. By moving the slider slowly to the left, some white areas should appear. The white represents the lightest parts of the image. Same thing with moving the slider from the left to the right, only it is completely white and black areas appear, representing the shadows. 

This can be useful, because you can figure out if an object in your composition has too bright lights or too dark shadows.

 

 

 

 

 

Examples:

(I didn't bother cutting the guy out good. Yes I know that some star wars desert people creature makes no sense on a beach, but ponies.)

 

 

Original:

878758162f5d8dfe.jpg

 

 

Brightness layer on: The guy is obviously too dark.

d7a712fe8ca7ecf3.jpg

 

 

 

Saturation layer on: He's a little too saturated.

8c4c18eea7720def.jpg

 

 

 

Hue layer + Boost layer on: He got a rather strong orange tint, which doesn't blend well with a bright sun on the beach)

3b9397d0a506fa50.jpg

 

 

 

Hue and Saturation layer on: Showing the relative saturation, it's even more visible that he's too saturated. (taking reference from the straw rooftop/sand)

51ad6141cda07536.jpg

 

 

Treshold layer on: Focusing on highlights, taking the straw rooftop as reference again, he has too dark highlights.

ba78cd4b3602304e.jpg

 

 

 

Well and that's about it. I know it doesn't look like a "Quick Check", but it really just looks complicated. Once you understand how to use the technique properly it is indeed quick and can save quite some time.

 

Hope this helps anyone! 

 

 

 

Edit #1: Further explanation


Edited by Neromid, 13 August 2014 - 10:54 AM.


Keppler
    • Group: Regular Member
    • Posts: 192
    • Last active: Nov 16 2016 10:33 PM
    • Joined: 17 Jul 2014


    Users Awards

Posted 11 August 2014 - 06:56 PM

Looks interesting.its well explained. im just a beginner and could follow most of it and i think this is something i will be needing in the future as i learn more..couldnt understand a few parts but looks like this can be learned better by trying it out.. now just a noobish question.. since im new at photoshop i was just thinking if there is a way to save just this group and load it whenever its needed to save some time. this would help me greatly to know about :baa60776:


pjN6b1Y.png


Neromid
    • Group: Regular Member
    • Posts: 60
    • Last active: May 16 2015 03:31 PM
    • Joined: 28 May 2014
      • LocationGermany


    Users Awards

Posted 12 August 2014 - 03:17 AM

Looks interesting.its well explained. im just a beginner and could follow most of it and i think this is something i will be needing in the future as i learn more..couldnt understand a few parts but looks like this can be learned better by trying it out.. now just a noobish question.. since im new at photoshop i was just thinking if there is a way to save just this group and load it whenever its needed to save some time. this would help me greatly to know about :baa60776:

 Well thanks :)

 

As for saving it in a group, you could either record it as an action or just save a psd file with the quick check in it, open it when needed and just drag the entire group into a new document.



Fireclaw
    • Group: VIP Member
    • Title: ∞ Infinite Darkness ∞
    • Posts: 1,210
    • Last active: May 12 2015 04:33 PM
    • Joined: 20 Oct 2013


    Users Awards

Posted 12 August 2014 - 09:59 PM

This is AWESOME. IMO it's sticky worthy, and a must have for anyone who does photomanipulations, photo edits etc.

Post has been stickied, and hopefully Baka/Moo will give you the sticky award for it :)


Posted Image


Neromid
    • Group: Regular Member
    • Posts: 60
    • Last active: May 16 2015 03:31 PM
    • Joined: 28 May 2014
      • LocationGermany


    Users Awards

Posted 13 August 2014 - 07:00 AM

This is AWESOME. IMO it's sticky worthy, and a must have for anyone who does photomanipulations, photo edits etc.

Post has been stickied, and hopefully Baka/Moo will give you the sticky award for it :)

 

Oh wow, amazing! I totally didn't expect a sticky. Thanks a lot, Fireclaw! :)



Unclemax
    • Group: Regular Member
    • Posts: 648
    • Last active: Dec 27 2015 02:44 PM
    • Joined: 01 May 2014
      • LocationMars


    Users Awards

Posted 22 August 2014 - 07:30 AM

It is indeed a sticky worthy!
Since I have read this, I always use it in my signatures and photomanipulations!

Thank you a bunch!


dvlhqf.png

Thank you, Xtacy!


Deejssj
    • Group: Regular Member
    • Posts: 31
    • Last active: Oct 31 2015 11:35 PM
    • Joined: 14 Jan 2015
      • LocationIndia

Posted 04 February 2015 - 10:57 PM

Its quite nice! but lengthy,can you create a video of this?


psychob.pngDEEJSSJ ARTS

 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users