New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

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

Creating a custom border with masking

From: Photoshop CS4 for Photographers

Video: Creating a custom border with masking

In this brief chapter I'm going to share with you some techniques that you can use in order to add edges or borders around your photos. We are going to start off by working on this file mickey.psd and this is a portrait of the legend shaper and surfer Mickey Munoz. So let's go ahead and crack this one open. Now the first thing that I want to do is I want to take this to Full Screen View mode, press the Spacebar to reposition the image and as you can tell Mickey is an incredibly creative man. The guy is such a good shaper and surfer, just really fascinating person. Now what I want to do is add a border around this image. Now in order to do that I first want to expand my canvas. Now the easiest way to expand your canvas is to make sure your background color, in this case is White, whatever you want the background to be, in my case White. So I have white in my background, grab the Crop tool and then click and drag and expand that across the image. The next thing that you want to do is to actually expand it beyond the image so that you have around the entirety of the image and then double-click to apply that.

Creating a custom border with masking

In this brief chapter I'm going to share with you some techniques that you can use in order to add edges or borders around your photos. We are going to start off by working on this file mickey.psd and this is a portrait of the legend shaper and surfer Mickey Munoz. So let's go ahead and crack this one open. Now the first thing that I want to do is I want to take this to Full Screen View mode, press the Spacebar to reposition the image and as you can tell Mickey is an incredibly creative man. The guy is such a good shaper and surfer, just really fascinating person. Now what I want to do is add a border around this image. Now in order to do that I first want to expand my canvas. Now the easiest way to expand your canvas is to make sure your background color, in this case is White, whatever you want the background to be, in my case White. So I have white in my background, grab the Crop tool and then click and drag and expand that across the image. The next thing that you want to do is to actually expand it beyond the image so that you have around the entirety of the image and then double-click to apply that.

Now once we have done that we now have this negative space around the image. Now I have one background that's white. So let's go ahead and take a look at that. We will turn off the visibility of this layer and click into that background White Layer. Well I want to fill that layer with white. Now to fill it with white in my case, to fill with my background color, it's Command+Delete on a Mac/Ctrl+Delete on a PC. Now I also have this black background and I would like to fill that one with Black. So, in my case on a Mac/Option+Delete; on a PC that is Alt+Delete to fill with that foreground color.

Okay great. Now all that I did here was extend my canvas, so now I can either have this black or this white background. You also notice that I have this photo and then I have another treatment of the photo here. So, I have two different versions in this particular layered document. Well let's start off with a colored version and let's click on the top-most layer and then create a new layer and I want to create a new layer by way of shortcut. Do you remember the shortcut to create a New Layer? So that the dialog window opens up. It's Shift+Command+N on a Mac/Shift+Ctrl+N on a PC. I want to name this layer Frame.

So what I'm going to do is grab my Brush tool and with my Brush tool selected I'm going to then go and select an interesting brush. By default there aren't that many interesting brushes included inside of Photoshop, there are a few and we could grab one of those and then all that we would need to do would be to begin to paint with that. In my case I want to paint with my background color let's say white. I'll just go ahead and begin to add a little bit of a scratch border across the top there. Now I also have some other interesting brushes that I have gotten from a few other sites. So I'm going to get a couple of those, go ahead and click off the image here and I'm just going to click to add that to my photograph and I'll go and select another by right-clicking, in this case I'll choose this brush up here and I'm just looking to add a little bit of a distressed look to this photo here. Right-click, I want to choose another brush and click off of that and then apply those adjustments. Now I know that this edge is coming into the middle of my frame, but I'm okay with that because I'll be able to clean that up in a few minutes.

Right-click, I'm going to choose another brush and again you see that one of things that I'm looking to do here is to try to create different edges with different brushes. I'm looking to create a little bit of a variety with this particular file and again I'm just going to select that brush, move my image way over, I just want a little bit of that distressed edge there, I like that. I think that is looking pretty interesting. Right-click and we are getting close here, so stick with me on this one and I'll go ahead and add some of that down there and again I'm just looking to try to create some kind of a little bit of a distressed border.

Now here is another nice trick for you. Rather than flipping your brush with the Brush Engine, you can create a new layer and I'll go ahead and right-click and select one of these brushes. And I'm going to paint that here and then press Command+T on a Mac/Ctrl+T on a PC to free transform that. I'll go ahead and free transform that down and then I'm going to reposition that particular edge down here. Now, as I said so far I have this nice interesting edge, I have a lot of white that's spilled over into the middle, well all that I need to do is to grab my Eraser tool, so I'll grab that from the tool box and start to clean that up and I'm just going to clean up that brush and then go into my Frame Layer and clean that one up.

Now the exact style of your edge is really going to be contingent upon what effect you are trying to create. In my case I'm trying to have a little bit of fun with this and kind of push this one pretty far, get creative and here you can see I have my frame. Now I have my frame on two layers, which I don't really like in my case. So I'm going to merge these down. So I'll click on the top-most layer, press Command+E on a Mac/Ctrl+E on a PC. That then merges those together. Those two became one, so I now have my frame on one layer.

Now one of the reasons why I want this frame on one layer is I may decide -- rather than white I really want to go black. So, if I turn on my Black Border I now I have this white edge that's kind of going everywhere. We are seeing all the rest of it. Well now all that I need to do is invert this layer. You can do that by pressing Command+I on a Mac/ Ctrl+I on a PC and now that black edge is tying into the black background. If I don't like that, Command+I and then get rid of that black border and I'm back to where I was. And the nice about this is I can use this border for other images. For example, I have another version of the image here and in this case I can turn that on and off and here is my edge up top and I can continually modify that edge. In addition I haven't gotten rid of any pixels. I have simply painted with a white brush on top of my image in order to create this interesting edge or border.

Well, obviously there are some other techniques that you use to create edges and borders. We will look at some of those in the next few movies.

Show transcript

This video is part of

Image for Photoshop CS4 for Photographers
Photoshop CS4 for Photographers

228 video lessons · 36457 viewers

Chris Orwig
Author

 
Expand all | Collapse all
  1. 3m 28s
    1. Introduction
      2m 43s
    2. Using the exercise files
      45s
  2. 19m 32s
    1. Taking visual snapshots
      2m 33s
    2. What's new in the Photoshop CS4 menus
      1m 24s
    3. The importance of the 30-minute blink
      2m 38s
    4. Isolation
      3m 32s
    5. Taking notes
      2m 29s
    6. Creative memorization
      2m 16s
    7. Verbalize, human, fun
      1m 18s
    8. Lessons from a legend: Douglas Kirkland
      2m 10s
    9. Resources and links
      1m 12s
  3. 30m 42s
    1. Is Photoshop CS4 worth it?
      2m 50s
    2. Seeing the new Tools panel
      3m 22s
    3. Working with the Application bar
      2m 51s
    4. Navigating with the Hand and Zoom tools
      4m 27s
    5. Rotating with the new Rotate View tool
      2m 0s
    6. New ways of arranging documents
      5m 41s
    7. Working with the panels
      2m 34s
    8. Customizing your workspace
      2m 11s
    9. Creating custom keyboard shortcuts
      3m 12s
    10. Creating custom menus
      1m 34s
  4. 39m 36s
    1. Choosing your Color settings
      5m 4s
    2. Setting Image Interpolation preferences
      3m 1s
    3. Zoom preferences
      2m 40s
    4. Interface preferences
      7m 46s
    5. File-handling preferences
      2m 33s
    6. Performance preferences: Memory
      5m 40s
    7. Performance preferences: Cursor
      5m 46s
    8. Performance preferences: Transparency and Gamut
      4m 44s
    9. Reviewing the other preferences
      2m 22s
  5. 21m 14s
    1. Bit Depth 101
      4m 34s
    2. Introducing image size
      2m 47s
    3. Image Resize overview
      7m 54s
    4. Resizing by cropping
      3m 33s
    5. Straightening
      2m 26s
  6. 10m 10s
    1. Introducing color management
      2m 3s
    2. Monitor calibration basics
      2m 43s
    3. Advanced monitor calibration
      2m 36s
    4. Creating a neutral work environment
      2m 48s
  7. 11m 17s
    1. Using Photoshop, Bridge, and Lightroom together
      2m 20s
    2. Bridge as a digital light box
      1m 19s
    3. General Bridge preferences
      2m 49s
    4. Thumbnail Bridge preferences
      1m 38s
    5. Advanced and Cache Bridge preferences
      3m 11s
  8. 28m 1s
    1. Creative tip 1: Discarding, the great selection technique
      4m 6s
    2. Introducing the Bridge interface
      3m 27s
    3. Getting photos from your camera
      4m 14s
    4. Choosing a workspace
      4m 16s
    5. Customizing the workspace and the Synchronized window
      4m 10s
    6. Using Bridge to rate and sort
      4m 3s
    7. Sorting with filters
      3m 45s
  9. 33m 53s
    1. Previewing multiple files
      5m 6s
    2. The Bridge Review mode
      7m 4s
    3. The Bridge Full Screen mode
      3m 8s
    4. Bridge slideshows
      4m 25s
    5. Stacking images
      3m 24s
    6. Renaming and batch-renaming
      4m 11s
    7. Adding favorites
      1m 58s
    8. Grouping images with Collections
      4m 37s
  10. 15m 3s
    1. Setting up metadata
      3m 34s
    2. Customizing the workspace for metadata
      2m 20s
    3. Creating a metadata template to add a copyright notice
      3m 55s
    4. Keywording images
      3m 33s
    5. Filtering images based on metadata
      1m 41s
  11. 9m 54s
    1. Recording an action
      2m 16s
    2. Batch-processing an action
      2m 11s
    3. Simplifying repetitive steps using the Image Processor
      2m 21s
    4. Opening multiple images as layers
      3m 6s
  12. 1h 13m
    1. What is Camera Raw?
      2m 47s
    2. Understanding the Camera Raw preferences
      3m 15s
    3. Opening files in Camera Raw
      5m 23s
    4. The Camera Raw interface and essential controls
      5m 13s
    5. White Balance, Straighten, and Tone
      3m 2s
    6. Crop, Rotate, and Vignette
      5m 6s
    7. Improving color and tone
      4m 45s
    8. Saturation vs. Vibrance
      4m 46s
    9. Converting an image to black and white
      4m 7s
    10. Split-toning an image
      3m 32s
    11. Working with tone subjectively
      5m 56s
    12. Adjustment Brush essentials
      3m 19s
    13. Using the Adjustment Brush
      7m 24s
    14. Working with the Graduated filter
      4m 6s
    15. Sharpening and noise reduction
      6m 10s
    16. Working with multiple images
      4m 45s
  13. 38m 42s
    1. Creative tip 2: Worth the risk
      2m 30s
    2. Introducing layers
      2m 53s
    3. Working with layers
      2m 21s
    4. Working with History and the History Brush
      4m 1s
    5. Aligning layers
      1m 56s
    6. Organizing layers
      4m 17s
    7. Layer style effects
      4m 21s
    8. Creating a clipping mask
      4m 27s
    9. Creating a reflection of an image
      2m 37s
    10. Targeting and moving layers
      5m 36s
    11. Reviewing layers shortcuts
      3m 43s
  14. 31m 31s
    1. Introducing masking
      2m 8s
    2. Creating a simple layer mask
      3m 51s
    3. Masking shortcuts
      3m 25s
    4. Using Color Range to create a detailed mask
      3m 48s
    5. Creating a layer mask with Color Range
      5m 5s
    6. Masking and brightening eyes
      3m 35s
    7. Masking and selective sharpening
      2m 58s
    8. The Quick Mask mode
      6m 41s
  15. 24m 15s
    1. Creating a custom border with masking
      5m 41s
    2. Using pre-built borders
      7m 6s
    3. Exploring sample image frames
      4m 59s
    4. Frame plugin highlight: Photoframe
      6m 29s
  16. 51m 47s
    1. Creating a mask with the Quick Selection tool
      5m 39s
    2. Working with the Quick Selection tool
      4m 12s
    3. Creating color range selections
      4m 46s
    4. Advanced selection enhancements
      5m 1s
    5. Using the Magic Wand
      2m 33s
    6. Using the Lasso tool
      5m 37s
    7. Pen and path shortcuts
      5m 20s
    8. Understanding paths
      4m 7s
    9. Creating path selections
      6m 3s
    10. The Magnetic Lasso tool and paths
      8m 29s
  17. 21m 10s
    1. Introducing the Adjustments panel
      2m 26s
    2. Brightness and contrast
      3m 39s
    3. Understanding the difference between Vibrance and Saturation
      2m 55s
    4. Using the Target Adjustment tool
      4m 9s
    5. Hue/Saturation adjustments and masking
      3m 15s
    6. Hue/Saturation blending with Shadow/Highlight
      4m 46s
  18. 17m 45s
    1. Introducing levels
      1m 58s
    2. Enhancing color and tone with levels
      3m 3s
    3. Modifying color with levels
      3m 47s
    4. Levels and masking
      3m 13s
    5. Using levels and masking to get the most out of adjustments
      5m 44s
  19. 40m 58s
    1. Demystifying curves
      6m 52s
    2. Using curves for contrast and tone
      3m 33s
    3. Midtones and advanced blending
      2m 50s
    4. Curves and general Hue/Saturation
      2m 54s
    5. Enhancing color with curves
      6m 18s
    6. Curves, color, masking, and tone
      5m 10s
    7. Curves and masking
      4m 54s
    8. Creative tip 3: Using curves for publication
      5m 14s
    9. Using, modifying, and saving curves presets
      3m 13s
  20. 24m 7s
    1. Creative tip 4: Ordinary ingredients = extraordinary results
      2m 23s
    2. Introducing blend modes
      5m 36s
    3. Blend modes visualized
      6m 48s
    4. Blending multiple images
      6m 9s
    5. Blend modes shortcuts
      3m 11s
  21. 42m 57s
    1. Correcting color with eyedroppers
      4m 37s
    2. Advanced color correction with eyedroppers
      2m 27s
    3. Color correction with Camera Raw
      3m 3s
    4. Performing difficult color correction with Camera Raw
      3m 1s
    5. Performing easier color correction with a color chart
      2m 31s
    6. Color-correcting skin by the numbers
      3m 42s
    7. Color-correcting by the numbers
      4m 10s
    8. Color correction: Studio shot
      3m 6s
    9. Color correction: Light skin tone
      3m 6s
    10. Color correction: Dark skin tone
      3m 44s
    11. Color correction: Multiple skin tones
      6m 40s
    12. Color correction plugin highlight: SkinTune 2
      2m 50s
  22. 44m 44s
    1. Replacing color with Hue/Saturation
      3m 2s
    2. Replacing a color
      5m 6s
    3. Modifying color with Selective Color
      3m 5s
    4. Color focus
      5m 59s
    5. Experimenting with cool and warm colors
      5m 18s
    6. Enhancing a portrait with sunset colors
      5m 16s
    7. Enhancing a landscape with sunrise colors
      5m 19s
    8. Enhancing a color group shot
      3m 17s
    9. Using photo filters with black-and-white photos
      3m 14s
    10. Using photo filters with color photos
      5m 8s
  23. 22m 3s
    1. Introducing the Burn and Dodge tools
      2m 56s
    2. Using the Burn and Dodge tools
      3m 47s
    3. Darkening corners with the Soft Light blend mode
      3m 0s
    4. Adding contrast to the highlights
      2m 30s
    5. Darkening a portion of an image
      2m 45s
    6. Correcting bright and dark tones
      3m 56s
    7. Reducing highlights with the Multiply blend mode
      3m 9s
  24. 19m 30s
    1. Creative tip 5: Seeing beyond the color - your gear is good enough
      4m 58s
    2. Introducing black-and-white conversion
      3m 37s
    3. Portrait black-and-white conversion
      3m 31s
    4. Landscape black-and-white conversion
      2m 40s
    5. Adding grain and tone to a black-and-white image
      4m 44s
  25. 11m 16s
    1. Introducing Smart Filters
      2m 36s
    2. Applying Smart Filters
      3m 21s
    3. Blending and masking Smart Filters
      5m 19s
  26. 19m 38s
    1. Noise reduction with Surface Blur
      4m 36s
    2. The Noise Reduction filter
      2m 54s
    3. Advanced noise reduction with Channels
      5m 32s
    4. Advanced noise reduction with the Dfine plugin
      6m 36s
  27. 33m 29s
    1. The Dust and Scratches Filter
      3m 57s
    2. Using masking to remove dust and scratches
      5m 10s
    3. Introducing the trio of healing tools
      6m 18s
    4. Using the Healing and Clone Stamp tools
      4m 21s
    5. Using the Patch tool
      7m 40s
    6. Cleaning up an image with what's there
      6m 3s
  28. 58m 58s
    1. Creative tip 6: A beautiful mistake
      2m 51s
    2. Cleaning up a background
      3m 21s
    3. Removing blemishes
      4m 19s
    4. Cleaning up backgrounds and blemishes
      3m 46s
    5. Brightening eyes
      3m 12s
    6. Changing eye color
      4m 55s
    7. Darkening the edge of an eye
      1m 32s
    8. Adding makeup
      2m 25s
    9. Correcting distortion
      2m 19s
    10. Reducing eye wrinkles
      4m 4s
    11. Adding height and reducing wrinkles
      7m 55s
    12. Whitening teeth
      4m 6s
    13. Whitening teeth using Quick Mask
      3m 39s
    14. Softening skin
      5m 5s
    15. Removing red-eye
      2m 21s
    16. The next steps in retouching
      3m 8s
  29. 38m 35s
    1. Introducing Smart Sharpen
      3m 23s
    2. Smart Sharpen demystified
      4m 10s
    3. Smart Sharpen and masking
      8m 46s
    4. Using the Unsharpen Mask filter
      5m 19s
    5. Black-and-white High Pass sharpening
      8m 2s
    6. Color High Pass sharpening
      3m 27s
    7. Sharpening and tone
      5m 28s
  30. 28m 38s
    1. Resizing for email and the web
      3m 1s
    2. Image size considerations
      2m 54s
    3. Preparing files for the web
      4m 37s
    4. Sharpening for the web
      2m 12s
    5. Correcting color for the web
      3m 10s
    6. The Save for Web dialog
      3m 51s
    7. Creating a web gallery
      6m 21s
    8. Sharing your photos online
      2m 32s
  31. 23m 33s
    1. Creating contact sheets
      4m 19s
    2. Presenting your photos as a PDF slideshow
      2m 55s
    3. Desktop printing recommendations
      1m 40s
    4. Preparing to print
      5m 53s
    5. Using Soft Proof to pre-visualize printing
      3m 46s
    6. Using the Print dialog
      3m 31s
    7. Print settings
      1m 29s
  32. 23s
    1. Goodbye
      23s

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

Are you sure you want to delete this note?

No

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.