Beginning Photoshop & Graphic Design

  • Home
  • Syllabus
  • Weekly Lessons
    • Lesson 0 - Class Preparation
    • The Final Project
    • Lesson 1 >
      • 01-A
      • 01-B
      • 01-C
      • 01-D
    • Lesson 2 >
      • 02-A
      • 02-B
      • 02-C
      • 02-D
    • Lesson 3 >
      • 03-A
      • 03-B
      • 03-C
      • 03-D
    • Lesson 4 >
      • 04-A
      • 04-B
      • 04-C
      • 04-D
    • Lesson 5 >
      • 05-A
      • 05-B
      • 05-C
      • 05-D
    • Lesson 6 >
      • 06-A
      • 06-B
      • 06-C
      • 06-D
    • Lesson 7 >
      • 07-A
      • 07-B
      • 07-C
      • 07-D
    • Lesson 8 >
      • 08-A
      • 08-B
      • 08-C
      • 08-D
    • Lesson 9 >
      • 09-A
      • 09-B
      • 09-C
      • 09-D
    • Lesson 10 >
      • 10-A
      • 10-B
      • 10-C
      • 10-D
    • Lesson 11 >
      • 11-A
      • 11-B
      • 11-C
      • 11-D
    • Lesson 12 >
      • 12-A
      • 12-B
      • 12-C
      • 12-D
    • Lesson 13 >
      • 13-A
      • 13-B
      • 13-C
      • 13-D
    • Lesson 14 >
      • 14-A
      • 14-B
      • 14-C
      • 14-D
    • Lesson 15
  • Resources
    • Photoshop Tools
    • Photoshop Help
    • Color
    • Design
    • Grids
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
    • Portfolio 05
    • Portfolio 06
    • Portfolio 07
    • Portfolio 08
    • Portfolio 09
    • Portfolio 10
  • Instructor/Contact
  • Portfolios
  • Real World Projects!
  • Home
  • Syllabus
  • Weekly Lessons
    • Lesson 0 - Class Preparation
    • The Final Project
    • Lesson 1 >
      • 01-A
      • 01-B
      • 01-C
      • 01-D
    • Lesson 2 >
      • 02-A
      • 02-B
      • 02-C
      • 02-D
    • Lesson 3 >
      • 03-A
      • 03-B
      • 03-C
      • 03-D
    • Lesson 4 >
      • 04-A
      • 04-B
      • 04-C
      • 04-D
    • Lesson 5 >
      • 05-A
      • 05-B
      • 05-C
      • 05-D
    • Lesson 6 >
      • 06-A
      • 06-B
      • 06-C
      • 06-D
    • Lesson 7 >
      • 07-A
      • 07-B
      • 07-C
      • 07-D
    • Lesson 8 >
      • 08-A
      • 08-B
      • 08-C
      • 08-D
    • Lesson 9 >
      • 09-A
      • 09-B
      • 09-C
      • 09-D
    • Lesson 10 >
      • 10-A
      • 10-B
      • 10-C
      • 10-D
    • Lesson 11 >
      • 11-A
      • 11-B
      • 11-C
      • 11-D
    • Lesson 12 >
      • 12-A
      • 12-B
      • 12-C
      • 12-D
    • Lesson 13 >
      • 13-A
      • 13-B
      • 13-C
      • 13-D
    • Lesson 14 >
      • 14-A
      • 14-B
      • 14-C
      • 14-D
    • Lesson 15
  • Resources
    • Photoshop Tools
    • Photoshop Help
    • Color
    • Design
    • Grids
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
    • Portfolio 05
    • Portfolio 06
    • Portfolio 07
    • Portfolio 08
    • Portfolio 09
    • Portfolio 10
  • Instructor/Contact
  • Portfolios
  • Real World Projects!
QuickLINK to Lesson   00   FP   01   02   03   04   05   06   07   08   09   10   11   12   13   14   15
Lesson 10:   10-A   10-B   10-C   10-D

​​​​Lesson 10 - Objectives 5-6 (Wednesday)   

B10-05 The vector tools in Photoshop

Objectives:
  • Understand the difference between vector drawing and raster painting.
Learn:
Images can be created basically one of two ways:  Bitmap images (also called Raster images) are pixel based images - images made up of dots or squares on a screen.  You create or manipulate these kinds of images by working with these pixels.  They work best in the size and orientation they were created.  If you enlarge them too much, they become "pixelated" - in other words, you can easily see all the dots that make up the image.  Images saved in GIF, JPG, BMP, TIF, and PNG formats are pixel-based images.  Vector images are resolution-independent.  Because vectors are mathematically defined they do not pixelate when enlarged.  They are commonly saved as EPS, SVG, WMF, SWF, or PDF files. Because they are easily moved, aligned, resized, and distributed, shape layers are best for making graphics to be used in websites, clip art, signs, etc.
Picture
Photoshop has evolved over time from being strictly a pixel-based image editor to including vector tools as well.  For example, when you use the text tool, the text is vector, and will print perfectly no matter what size you choose to print it.  But you can RASTERIZE a text or vector layer, and then it becomes pixel-based, and loses the advantage of being resolution-independent.  However, it gains the advantage of being able to manipulate the pixels in ways you couldn't do with vector text.

Please take a few minutes and read this page - Photoshop Help | About Drawing  It will discuss three drawing modes that Photoshop gives you when working with vector tools:  Shape layers, Paths, and Pixels.  It's important that you understand these three modes.  Then watch the video, "Raster vs. Vector - What does it all mean?"
Picture
Video: Raster vs. Vector What Does It All Mean? (2:32)

B10-06 Skill: Understand and use Photoshop's shape tools

Objectives:
  • Understand how to use Photoshop's shape tools, and even use them as placeholders for images.
Learn:
The shape tools are the Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Line Tool, and Custom Shape Tool.  The shortcut key is "U."  Holding shift while repeatedly pressing U will allow you to cycle through all of them.

Unless you use them in pixel mode, all the shape tools are vector tools, meaning they create mathematically defined points and paths, and are resolution independent.

Let's learn how to use each of these tools. Watch the videos, "Live Shapes in Photoshop CC," "Introduction to the Shape Tools 1," and "Photoshop CC - How to paste an image into a shape (3 Ways)​." ​
Picture
Picture
Video: Live Shapes in Photoshop CC (7:28)
Picture
Video: Photoshop: Introduction to the Shape Tools 01 (5:00)
Picture
Video: Photoshop CC - How to paste an image into a shape (3 Ways) (6:53)
Picture
Apply: Exercise B10-06
Exercise 6 (Estimated time to complete - 40 minutes): Then design your own layout using the shape tools, and creating a design that uses shape tools and adding images into shapes. Save this exercise as B10-06_Your_Name.PSD. This exercise would make a great portfolio exhibit.
Picture
My finished design using shapes as image placeholders.

Optional resources to share with you! (Not required)

Picture
Picture
Picture
Picture
Picture
QuickLINK to Lesson   00   FP   01   02   03   04   05   06   07   08   09   10   11   12   13   14   15
Lesson 10:   10-A   10-B   10-C   10-D

​This page last updated March 24, 2021
Picture
Powered by Create your own unique website with customizable templates.