Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Filling a stroke with Behind and Clear

From: Photoshop Masking and Compositing: Advanced Blending

Video: Filling a stroke with Behind and Clear

In this exercise I am going to show you how to use the Behind and Clear modes along with the Fill and Stroke commands. I've gone ahead and restored the saved version of my Big blue marble.psd file, found inside the 03_normal folder. And very quickly, let me show you how the options work along with the Fill command just so you can have a sense of what's going on here. I am going to switch from the Rectangular Marquee to the Elliptical Marquee. Notice that I've already set my foreground color to Red in advance. I also have the marble layer selected inside layers panel. I am going to draw the circular selection around this side of the earth and then I'll go up to the Edit menu and choose the Fill command, or you can press a keyboard shortcut Shift+ Backspace or Shift+Delete on the Mac.

Filling a stroke with Behind and Clear

In this exercise I am going to show you how to use the Behind and Clear modes along with the Fill and Stroke commands. I've gone ahead and restored the saved version of my Big blue marble.psd file, found inside the 03_normal folder. And very quickly, let me show you how the options work along with the Fill command just so you can have a sense of what's going on here. I am going to switch from the Rectangular Marquee to the Elliptical Marquee. Notice that I've already set my foreground color to Red in advance. I also have the marble layer selected inside layers panel. I am going to draw the circular selection around this side of the earth and then I'll go up to the Edit menu and choose the Fill command, or you can press a keyboard shortcut Shift+ Backspace or Shift+Delete on the Mac.

I mention that because that's what I'll be doing in the future. We'll go and choose the Fill command. I've set Use to Foreground Color, so that I'm filling the selection with that shade of red. And I've got the Opacity cranked up to 100%. I am going to change the mode from Normal to Behind and then click OK and I end up filling the region behind the earth. Another thing you can do, if I were to move this selection to a different location and then return to the Edit menu, choose the Fill command again. I could change the mode from Behind to Clear and then go ahead and click OK and I'd cut a hole using that selection which is actually kind of a lot of work when you think about it.

I'll press Ctrl+Z or Command+Z on a Mac, because all I had to do was press the Backspace key or the Delete key on the Mac in order to delete the pixels inside this selection. But it's a way of working. Anyway, let me show you something of a practical use for these modes. I am going to go up to the File menu and choose the Revert command in order to restore my saved world. And then I'm going to draw some rings around the planet like so. So I'll draw a big ring to start with and then I'll press the Alt key or the option key on the Mac in order to subtract a smaller ring from the inside.

And notice that I'm cheating kind of up, so that the ring appears to decline as it moves away from us. All right, so the idea here is I want to create a bright red ring around the earth. I am going to press Ctrl+H or Command+H on a Mac in order to hide the selection and then I'll press Shift+Backspace or Shift+Delete on a Mac in order to bring up the Fill dialog box and I'm going to change the mode to Behind once again so that I fill the rings behind the earth and I'll click OK. Now that looks pretty good and we definitely want the big red ring to go behind the earth when it passes around the rear of the planet, but we need to see the ring in front here.

So I'll press Ctrl+H or Command+H on the Mac to bring back my selection outline, so I cam see it. And I am also going to switch back to my Rectangular Marquee Tool, press and hold the Alt key or the Option key on a Mac and remove this portion of the selection like so. So, I am deselecting the area around the top of the planet, fairly roughly as you can see here. So I have this region still selected for the front of the globe and now I'll press Shift+Backspace or Shift+Delete on the Mac in order to bring up the Fill dialog box once again.

This time I want to respect the Opacity of the layers, so that I am just filling in the portion of the selection that's already been filled in and that way I won't get any harsh transitions over here at the sides of the rings, the ones that I've cut off. So what I want to do is turn on the Preserve Transparency checkbox, because that's just like that Lock Transparency option in the Layers panel that we saw in the previous exercise, but it's dimmed and that's because the Mode is set to Behind. Any time the Mode is set to Behind or Clear that option will appear dimmed. However, if you change Mode back to Normal, it becomes available again.

I'll go ahead and turn it on and then click OK in order to fill the forward part of the ring. All right, now what I want to do is scrape away the areas above and below the ring in the planet just as an effect and I am going to do that using the Stroke command combined with the Clear mode. So I'll go up to the Edit menu and I'll choose Stroke and notice those of you who loaded dekeKeys, I've given you a keyboard shortcut, I use this command all the time. It's Ctrl+Shift+' or Command+Shift+' on the Mac. Anyway, I'll go ahead and choose the command, I am going to crank the Width value up to 30 pixels, change the location to outside like so and then change the mode from Normal to Clear and click OK.

And that goes ahead and creates these clear strokes above and below the rings. All right, now I am going to press Ctrl+D or Command+D on a Mac to deselect the image. Now, we've got some problems, we've got some breaks over here on the right and left hand sides of the rear rings. We'll reinstate those using the Rectangular Marquee Tool; just go ahead and select around one region, Shift+Select around the other region in order to make sure that both of the broken areas are encompassed inside your selection. Then I want to go up to the Window menu and choose the History command in order to bring up the History panel.

And we want to set the source state to the one immediately before stroke and you do that by clicking in front of, in my case, Fill. So you'll see this little Brush icon in front of the state immediately before stroke. Once again, go ahead and hide that panel and then press Shift+Backspace or Shift+Delete to bring up the Fill dialog box, turn off Preserve Transparency, make sure Mode is set to Normal, Opacity is set to 100% and then change Use from Foreground Color to History and then click OK and that goes ahead and reinstates those missing pieces.

And that, friends, is at least one way to combine the Behind and Clear modes along with a Fill and Stroke commands here inside Photoshop.

Show transcript

This video is part of

Image for Photoshop Masking and Compositing: Advanced Blending
 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

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.


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.

Join now "Already a member? Log in

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
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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.