Advanced Photoshop & Graphic Design

  • Home
  • Syllabus
  • Weekly Lessons
    • Portfolio
    • Lesson 1 >
      • 1-1
      • 1-2
      • 1-3
      • 1-4
      • 1-6
      • 1-7
      • 1-8
      • 1-9
      • 1-JFF
      • 1-IDEA
    • Lesson 2 >
      • 2-1
      • 2-2
      • 2-3
      • 2-4
      • 2-5
      • 2-6
      • 2-7
      • 2-8
      • 2-9
      • 2-JFF
      • 2-IDEA
    • Lesson 3 >
      • 3-1
      • 3-2
      • 3-3
      • 3-4
      • 3-5
      • 3-6
      • 3-7
      • 3-8
      • 3-JFF
      • 3-IDEA
    • Lesson 4 >
      • 4-1
      • 4-2
      • 4-3
      • 4-4
      • 4-5
      • 4-6
      • 4-JFF
      • 4-IDEA
    • Lesson 5 >
      • 5-01
      • 5-02
      • 5-03
      • 5-04
      • 5-05
      • 5-06
      • 5-07
      • 5-JFF
      • 5-IDEA
    • Lesson 6 >
      • 6-01
      • 6-02
      • 6-03
      • 6-04
      • 6-05
      • 6-06
      • 6-07
      • 6-08
      • 6-JFF
      • 6-IDEA
    • Lesson 7 >
      • 7-01
      • 7-02
      • 7-03
      • 7-04
      • 7-05
      • 7-06
      • 7-JFF
      • 7-IDEA
    • Lesson 8 >
      • 8-01
      • 8-02
      • 8-03
      • 8-04
      • 8-05
      • 8-JFF
      • 8-IDEA
    • Lesson 9 >
      • 9-01
      • 9-02
      • 9-03
      • 9-04
      • 9-05
      • 9-JFF
      • 9-IDEA
    • Lesson 10 >
      • 10-01
      • 10-02
      • 10-03
      • 10-04
      • 10-05
      • 10-JFF
      • 10-IDEA
    • Lesson 11 >
      • 11-01
      • 11-02
      • 11-03
      • 11-04
      • 11-05
      • 11-JFF
      • 11-IDEA
    • Lesson 12 >
      • 12-01
      • 12-02
      • 12-JFF
      • 12-IDEA
    • Lesson 13 >
      • 13-01
      • 13-02
      • 13-03
      • 13-04
      • 13-05
      • 13-JFF
      • 13-IDEA
    • Lesson 14 >
      • 14-01
      • 14-02
      • 14-03
      • 14-04
      • 14-05
      • 14-06
      • 14-JFF
    • Lesson 15
  • Resources
    • Creativity
    • Design Resources
    • Photography Composition
    • Photoshop Resources
    • Photoshop Tool Tutorials
    • Photoshop YouTube Channels
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
  • Instructor/Contact
  • Class FAQ
  • Portfolios
  • Real World Projects!
  • Home
  • Syllabus
  • Weekly Lessons
    • Portfolio
    • Lesson 1 >
      • 1-1
      • 1-2
      • 1-3
      • 1-4
      • 1-6
      • 1-7
      • 1-8
      • 1-9
      • 1-JFF
      • 1-IDEA
    • Lesson 2 >
      • 2-1
      • 2-2
      • 2-3
      • 2-4
      • 2-5
      • 2-6
      • 2-7
      • 2-8
      • 2-9
      • 2-JFF
      • 2-IDEA
    • Lesson 3 >
      • 3-1
      • 3-2
      • 3-3
      • 3-4
      • 3-5
      • 3-6
      • 3-7
      • 3-8
      • 3-JFF
      • 3-IDEA
    • Lesson 4 >
      • 4-1
      • 4-2
      • 4-3
      • 4-4
      • 4-5
      • 4-6
      • 4-JFF
      • 4-IDEA
    • Lesson 5 >
      • 5-01
      • 5-02
      • 5-03
      • 5-04
      • 5-05
      • 5-06
      • 5-07
      • 5-JFF
      • 5-IDEA
    • Lesson 6 >
      • 6-01
      • 6-02
      • 6-03
      • 6-04
      • 6-05
      • 6-06
      • 6-07
      • 6-08
      • 6-JFF
      • 6-IDEA
    • Lesson 7 >
      • 7-01
      • 7-02
      • 7-03
      • 7-04
      • 7-05
      • 7-06
      • 7-JFF
      • 7-IDEA
    • Lesson 8 >
      • 8-01
      • 8-02
      • 8-03
      • 8-04
      • 8-05
      • 8-JFF
      • 8-IDEA
    • Lesson 9 >
      • 9-01
      • 9-02
      • 9-03
      • 9-04
      • 9-05
      • 9-JFF
      • 9-IDEA
    • Lesson 10 >
      • 10-01
      • 10-02
      • 10-03
      • 10-04
      • 10-05
      • 10-JFF
      • 10-IDEA
    • Lesson 11 >
      • 11-01
      • 11-02
      • 11-03
      • 11-04
      • 11-05
      • 11-JFF
      • 11-IDEA
    • Lesson 12 >
      • 12-01
      • 12-02
      • 12-JFF
      • 12-IDEA
    • Lesson 13 >
      • 13-01
      • 13-02
      • 13-03
      • 13-04
      • 13-05
      • 13-JFF
      • 13-IDEA
    • Lesson 14 >
      • 14-01
      • 14-02
      • 14-03
      • 14-04
      • 14-05
      • 14-06
      • 14-JFF
    • Lesson 15
  • Resources
    • Creativity
    • Design Resources
    • Photography Composition
    • Photoshop Resources
    • Photoshop Tool Tutorials
    • Photoshop YouTube Channels
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
  • Instructor/Contact
  • Class FAQ
  • Portfolios
  • Real World Projects!
Quicklinks to all course lessons:  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15
​Lesson 5 sections:​   5-1    5-2    5-3    5-4    5-5    5-6    5-7    5-JFF    5-IDEA
A05-06: Review: Clipping Masks
Objective:
  1. ​Review how to use clipping masks in Photoshop.
Learn:
​There is a special kind of mask in Photoshop called a clipping mask.  It uses two layers, the top layer being clipped onto the bottom layer (which acts as a mask for the clipped layer).  Watch the short videos to learn more about clipping masks. Please note that you can clip to either a layer or a folder group.
Picture
Video: How to create clipping masks - Photoshop CC 2017
(Captioned)
Picture
Video: Clipping Masks in Photoshop | 2 Minute Tutorial
(Captioned)
​Another common use of a clipping mask is creating those rough edged photo frames.  Use black paint on a new layer to create the frame, then clip the photo to it.  The shape of the layer will act as a mask.  Some people even make their living creating masks.
Picture
Click to download image
Picture
Click to download original
Picture
Picture
​You can find many resources online to use as clipping masks.  I've linked to several below.  You can also click on the image at left to download these grunge frames.  Here you can see how I have applied one of them as a clipping mask. (I selected the frame, then selected the inverse, added a new layer and filled the selection with paint - this became the clipping mask.)
Picture
Apply what you've learned! Exercise A05-06. Use a clipping mask.
Now that you've watched the tutorials above, can you do this?  Here's the image.
​Save your file as A05-06_Your_Name.PSD.
Picture
Picture
Text using a clipping mask, and layer effects.
Here's the Photoshop file of the "Visit Utah" image at right, so you can take a look at what I've done there, since I've done a little more than just clip the image to the text.  I've also used several layer effects.
Optional resources to share with you! (Not required)
  • High Quality Textures for Free - Textures4Photoshop
  • 10,758 Free High Quality Design Resources​​ - onlygfx.com
  • Transparent PNG Images For Free - explore 1,047,948 stock png images, unlimited download and for free download - www.seekpng.com
  • Free PNG stock - Explore And Download More Than Million+ Free PNG Transparent Images - toppng.com
  • Search through 942,983 transparent png, silhouette, icon & images for educational and non-commercial use - www.pikpng.com/
  • ClipArtMax - Millions of clipart image, unlimited download for free! - www.clipartmax.com
  • Explore HD Transparent PNGs - Upload, download & share free transparent png images - www.pngfind.com
  • Graphic Resources For Free Download - Royalty Free PNG Images, Vectors, Backgrounds, Templates, Text Effects - pngtree.com
Picture
Example of a website design that used Photoshop clipping masks.
Quicklinks to all course lessons:  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15
​Lesson 5 sections:​   5-1    5-2    5-3    5-4    5-5    5-6    5-7    5-JFF    5-IDEA

​Page last updated February 11, 2021
Picture
Proudly powered by Weebly