Start learning with our library of video tutorials taught by experts. Get started

Photoshop Masking and Compositing: Advanced Blending

Colorizing comped line art


From:

Photoshop Masking and Compositing: Advanced Blending

with Deke McClelland

Video: Colorizing comped line art

All right, now let's say I am so darn proud of this composition, that I want to go ahead and add a digital signature. And not only do I want to take that signature which itself is another piece of line art and merge it against the composition, which is of course just a matter of applying the Multiply mode, but I also want to assign it some color. So I want to colorize the signature after the fact, which presents a little bit of a problem as you will see. So have saved my progress as, Logo on group.psd found inside the 04_darken folder. I also have opened this file called Deke sig.tif found inside the same folder of course, and that this is not my legal signature by the way.
Expand all | Collapse all
  1. 1m 43s
    1. Welcome
      1m 43s
  2. 33m 15s
    1. When in doubt, blend
      2m 20s
    2. Where to find blending options
      4m 10s
    3. 27 blend modes, 6 groups
      4m 23s
    4. Opacity vs. Fill Opacity
      4m 41s
    5. The "Fill Opacity Eight"
      4m 59s
    6. Blending adjustment layers
      4m 43s
    7. Blend mode shortcuts
      7m 59s
  3. 27m 3s
    1. The power of standardized arithmetic
      6m 58s
    2. Photoshop's blending formulas
      5m 27s
    3. Darken formulas vs. lighten formulas
      4m 15s
    4. Contrast mode formulas
      7m 28s
    5. Inversion, cancelation, and HSL
      2m 55s
  4. 17m 50s
    1. Normal mode vs. Dissolve mode
      2m 11s
    2. Making a dynamic Dissolve effect
      2m 21s
    3. Creating a Dissolve text effect
      4m 48s
    4. The Behind and Clear modes
      3m 2s
    5. Filling a stroke with Behind and Clear
      5m 28s
  5. 43m 24s
    1. Darken vs. Darken Color
      4m 25s
    2. Creating filter effects with Darken
      5m 0s
    3. The Multiply and Burn modes
      6m 27s
    4. Cleaning up scanned line art
      7m 30s
    5. Comping line art against a photo
      5m 12s
    6. Colorizing comped line art
      5m 14s
    7. Masking with a darken mode
      3m 59s
    8. Refining a mask with Multiply
      5m 37s
  6. 33m 36s
    1. Lighten vs. Lighter Color
      2m 29s
    2. Creating filter effects with Lighten
      2m 47s
    3. The Screen and Dodge modes
      4m 35s
    4. Blending white type, darkening shadows
      3m 2s
    5. Creating a classic double-exposure effect
      3m 49s
    6. Making dark line art bright
      5m 11s
    7. Masking with a lighten mode
      5m 4s
    8. Refine, filter, and blend
      6m 39s
  7. 35m 18s
    1. Overlay, Soft Light, and Hard Light
      5m 2s
    2. Vivid, Linear, and Pin Light
      4m 2s
    3. The amazing Hard Mix mode
      3m 51s
    4. Two variations on a single mode
      5m 37s
    5. Adding clarity with a contrast mode
      4m 9s
    6. Creating a glowing, soft-focus effect
      3m 38s
    7. Blending an image with a paper texture
      4m 11s
    8. Turning flesh into stone
      4m 48s
  8. 18m 10s
    1. Difference, Exclusion, Subtract, and Divide
      7m 7s
    2. Comparing seemingly identical images
      3m 25s
    3. Creating type that inverts any background
      3m 30s
    4. Making inversion type black and white
      4m 8s
  9. 16m 57s
    1. Luminosity, Color, Hue, and Saturation
      3m 29s
    2. Colorizing artwork with layers
      7m 24s
    3. Correcting skin tones with Hue
      6m 4s
  10. 14m 57s
    1. Using the This Layer slider option
      6m 44s
    2. Using the Underlying Layer slider option
      3m 16s
    3. Achieving greater control with Blend If
      4m 57s
  11. 48s
    1. Next steps
      48s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Photoshop Masking and Compositing: Advanced Blending
4h 3m Intermediate Nov 28, 2011

Viewers: in countries Watching now:

Advanced Blending is the second installment in Deke McClelland's series on making photorealistic compositions in Photoshop. The course explores blending options and shows how to use them to create sophisticated effects and seamless compositions, often without masking. Beginning with the basics of blending layered images, the course sheds light on the formulas behind the Photoshop blend modes and shows how to comp scanned line art, create double-exposure effects, correct skin tones, and work with the luminance sliders.

Topics include:
  • Assembling dynamic Dissolve effects
  • Filling and stroking with Behind and Clear
  • Cleaning up and compositing scanned line art
  • Understanding the darken, lighten, and contrast modes
  • Refining a mask with Multiply and Screen
  • Creating a glowing, soft-focus effect
  • Blending images with textures
  • Comparing two seemingly identical images
  • Creating type that inverts everything behind it
  • Colorizing artwork with layers
  • Achieving greater control with the Blend If option
Subjects:
Design Masking + Compositing
Software:
Photoshop
Author:
Deke McClelland

Colorizing comped line art

All right, now let's say I am so darn proud of this composition, that I want to go ahead and add a digital signature. And not only do I want to take that signature which itself is another piece of line art and merge it against the composition, which is of course just a matter of applying the Multiply mode, but I also want to assign it some color. So I want to colorize the signature after the fact, which presents a little bit of a problem as you will see. So have saved my progress as, Logo on group.psd found inside the 04_darken folder. I also have opened this file called Deke sig.tif found inside the same folder of course, and that this is not my legal signature by the way.

So what I would like you do with it is right-click anywhere inside the image window and once again, choose Duplicate layer, and let's go ahead and change the document to Logo on group in this case. And I will call this new layer signature and then click OK. And now I will switch back to my composition and there is the image on a new layer. I am going to Ctrl+Drag or Command+Drag it down to the lower right-hand corner and zoom in on the signature as well. Now obviously we need to drop out the white keep the black, all you need to do there is press Shif+Alt+M or Shift+ Option+M on the Mac in order to drop out those whites and merge those grays exactly in the place.

I really want to drive this point home that you never have anything, but absolute darkening where Multiply is concerned. So it really is as if you took this photograph and actually signed it, the difference being of course that you didn't harm the original photograph, and you can create one signature and place that on as many different images as you want. All right, I am going to zoom out just a little bit here. And now let's say at this point I want to give the signature a little bit of blue in order to sort of match this guy's shirt. And I will do that by dropping down to the fx icon and choosing Color Overlay, and that's going to initially change the entire layer to red as you can see here.

First thing we need to do is style in a different color. So click on the color swatch to bring up the color picker dialog box and then you can click somewhere inside the image window in order to lift the sample blue. And in my case, I am going to change this Hue value to 215 let's say, crank the Saturation value up a 100, and take the Brightness value down to 25%. So we have a nice rich blue to work with, click OK. All right, how we merge that blue into the signature, well, you can go ahead and try the Multiply mode if you want to just to get a sense of what's going on, but that's exactly the opposite of the effect that we are looking for.

We are burning the blue into the signature, so as a result the signature gets even darker and now we are seeing the paper which was initially white, turned dark blue, and we can of course see the edges of our Line Art. What we want is the opposite effect, and we are going to be discussing this Blend Mode in lots of detail in the very next chapter, however, the opposite of Multiply is green. If you're struggling to try to figure out exactly which blend mode to work with, and you're not sure if you need to darken or lighten or what you need to do, starting with Multiply is never a bad idea.

If there is a blend mode, that is the most useful blend mode in Photoshop, that's it. And then, of course, if you discover, gosh! I want the opposite effect, then just go ahead and switch to Screen; Screen is the opposite of Multiply. And notice as soon as I apply the Screen Mode, I end up brightening the letters as you can see. So instead of black as they were before, I'll turn off Color Overlay just for a moment, so you can see the difference. There are the black lines and these are the lighter blue lines, they are still very dark of course, they look as if perhaps they were drawn with a ballpoint pen.

But if you zoom in, which you can do when the Layer Style dialog box is open by Ctrl+Clicking or Command+Clicking on the Mac, you'll see that we've got a little bit of an edge going on right there around the perimeter of the layer, and what's happening here is, we're applying this Blend Mode the Screen Mode with its blue, after we've gotten done applying Multiply. So as a result, we are using the blue to lighten the guy's shirt and that is not what we want. Here is how you solve this problem; you click on Blending Options right there in order to switch to the Advanced Blend Settings here inside this dialog box, which we will be discussing in more detail in a future chapter.

And here's the guy we are looking for, the very first checkbox notice that it says Blend Interior Effects as Group. What that means is we'll take a Color Overlay effect, we will blend it first into the Line Art, which will lighten the signature and it will do nothing to the background, because Screen is a brightening mode, it cannot do anything to white. Then we'll go ahead and apply the Multiply Blend mode to the entire composite layer. And all you have to do to make that happen is turn on this checkbox, watch what happens to the perimeter, that area of bright blue right there.

As soon as I turned the checkbox on, it absolutely goes away. So that's all there is to that, then click OK in order to accept that modification. All right, I am going to press Ctrl+0 or Command+0 on a Mac in order to zoom on out, and that for instance is how you introduce and colorize a piece of Line Art against the photographic background, using a combination of Multiply and Screen working together, here inside Photoshop.

There are currently no FAQs about Photoshop Masking and Compositing: Advanced Blending.

Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Masking and Compositing: Advanced Blending.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked