Adobe photoshop workshop
Advertisement
This presentation is the property of its rightful owner.
1 / 67

Adobe PhotoShop Workshop PowerPoint PPT Presentation

Adobe PhotoShop Workshop. Tips and Techniques for Beginners. Adobe PhotoShop Workshop Overview. Introduction to PhotoShop The PhotoShop Workspace The Toolbar PhotoShop Project. Section 1. Introduction to PhotoShop

Download Presentation

Adobe PhotoShop Workshop

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Adobe photoshop workshop

Adobe PhotoShop Workshop

Tips and Techniques for Beginners

N M Swygert


Adobe photoshop workshop overview

Adobe PhotoShop WorkshopOverview

  • Introduction to PhotoShop

  • The PhotoShop Workspace

  • The Toolbar

  • PhotoShop Project

N M Swygert


Section 1

Section 1

  • Introduction to PhotoShop

    • PhotoShop is the leading digital image editing application for the Internet, print, and other new media disciplines.

N M Swygert


Introduction to photoshop

Introduction to PhotoShop

  • RGB Color Space

    • (Red, Green, Blue)Essentially your computer has a Palette that holds a swatch or blob of red paint, green paint, and blue paint. By mixing these colors together, other colors are created.

N M Swygert


Introduction to photoshop1

Introduction to PhotoShop

  • Image Resolution

    • Resolution in digital imagery refers to pixels per inch (ppi) or density, similar to how many square feet a particular room in a house might have.

N M Swygert


Introduction to photoshop2

Introduction to PhotoShop

  • Dimensions

    • The amount of pixels contained in the width and height of an image is referred to as an image’s dimensions.

N M Swygert


Introduction to photoshop3

Introduction to PhotoShop

  • Dimensions

    • The amount of pixels contained in the width and height of an image is referred to as an image’s dimensions.

Screen Dimensions Dimensions in Browser 640 x 480 600 x 300

800 x 600 760 x 420

1024 x 768 955 x 600

N M Swygert


Introduction to photoshop4

Introduction to PhotoShop

  • Color Depth (Bit-Depth)

    • Color depth describes the maximum amount of colors an image can contain.

Bit-Depth Colors

1 bit2

8-bit256

24-bit16.7 million

32-bit16.7 Million +256 Color Alpha Channel

N M Swygert


Introduction to photoshop5

Introduction to PhotoShop

  • Digital Image Types:

    • Bitmaps

    • Vectors

N M Swygert


Introduction to photoshop6

Introduction to PhotoShop

  • Bitmaps

    • Bitmap files map out or plot the image on a pixel-by-pixel basis. Computer displays are made up of a collection of individual points or dots, called pixels, organized in columns and rows (similar to a table or a grid) where each cell represents each pixel in the image.

N M Swygert


Introduction to photoshop7

Introduction to PhotoShop

  • Vectors

    • Vector images do not plot images on a pixel-by-pixel basis. Instead, vector files contain a description of the image expressed mathematically. Essentially, the file tells the computer about the image and the computer draws it.

N M Swygert


Introduction to photoshop8

Introduction to PhotoShop

  • Internet Image Standards

    • GIF (Graphics Interchange Format)

    • JPEG (Joint Photographic Experts Group)

    • PNG (Portable Network Graphics

Each of these formats is a bitmap file. Currently, browsers do not

support the display of vector-based images without a plug-in.

N M Swygert


Section 2

Section 2

  • The PhotoShop Workspace

    • The PhotoShop workspace consists of four main components: the Menu, the Toolbar, the Options Bar, and the Palettes.

N M Swygert


The photoshop workspace

The PhotoShop WorkSpace

  • The Menu

    • The Menu contains controls for common functions such as opening and saving files, as well as specific functions, such as copying and pasting, calling up specific windows or Palettes, and controlling the PhotoShop workspace.

N M Swygert


The photoshop workspace1

The PhotoShop WorkSpace

  • The Toolbar

    • The Toolbar contains a collection of Tools for creating, selecting, and manipulating images.

N M Swygert


The photoshop workspace2

The PhotoShop WorkSpace

  • The Options Bar

    • The Options Bar, by default, is placed just below the Menu. Whenever a Tool is selected in the Toolbar, the Options Bar displays the available Options for the currently selected Tool.

N M Swygert


The photoshop workspace3

The PhotoShop WorkSpace

  • Palettes

    • Palettes contain additional controls for other features in PhotoShop, such as the use of Layers, Colors, Layer Styles, and other features that you will learn about and use as you progress through the program.

N M Swygert


Section 3

Section 3

  • The Tool Bar

    • This section covers the PhotoShop toolbar detail. In this section we discuss the each of the tools and how they are used.

N M Swygert


Adobe photoshop workshop

The Toolbar

N M Swygert


Adobe photoshop workshop

The tools fall roughly into the following categories:

Selection tools - used for creating closed boundaries - marquee tools, lassos, magic wand, & quick mask.

Painting tools - used for adding color by using the mouse like a brush, or by simply filling areas with a selected color - brush, history brushes, airbrush, gradients, paint bucket, & pencil tool.

N M Swygert


Adobe photoshop workshop

Retouching tools - used for editing existing colors & image details - healing brush & patch tool, the clone stamp, erasers, dodge, burn, sponge, blur, sharpen, & smudge tools.

Vector tools - used for creating, & editing vector shapes - pen, path select, shape, & line tools.

Change view tools - used for moving & magnifying the view of an image, without affecting the image, itself - hand, & zoom tools

N M Swygert


The toolbar

The Toolbar

  • Marquee Tools

    • Used for making rectangular, elliptical, or single row selections.

N M Swygert


The toolbar1

The Toolbar

  • Move Tool

    • Used for moving the contents of selections or layers

N M Swygert


The toolbar2

The Toolbar

  • Lasso Tools

    • Used for making selections.

N M Swygert


The toolbar3

The Toolbar

  • Crop Tool

    • Used for cropping image borders.

N M Swygert


The toolbar4

The Toolbar

  • Magic Wand

    • Used for selecting areas.

N M Swygert


The toolbar5

The Toolbar

  • Slice Tools

    • Used for dividing images into independent areas.

N M Swygert


The toolbar6

The Toolbar

  • Healing Brush

    • Used for seamless merging of cloned image data.

N M Swygert


The toolbar7

The Toolbar

  • Brush Tools

    • Used for painting.

N M Swygert


The toolbar8

The Toolbar

  • Clone Stamp

    • Used for painting with copied image data.

N M Swygert


The toolbar9

The Toolbar

  • History Brushes

    • Used for painting.

N M Swygert


The toolbar10

The Toolbar

  • Eraser

    • Used for removing portions of images.

N M Swygert


The toolbar11

The Toolbar

  • Gradient Tools

    • Used for adding, and editing gradient color blends.

N M Swygert


The toolbar12

The Toolbar

  • Blur Tool

    • Used for retouching.

N M Swygert


The toolbar13

The Toolbar

  • Dodge Tool

    • Used to lighten tones.

N M Swygert


The toolbar14

The Toolbar

  • Path Selection

    • Used for selecting path components.

N M Swygert


The toolbar15

The Toolbar

  • Type Tools

    • Used for adding type to images.

N M Swygert


The toolbar16

The Toolbar

  • Pen Tools

    • Used for creating paths.

N M Swygert


The toolbar17

The Toolbar

  • Shape Tools

    • Used for creating paths in geometric shapes.

N M Swygert


The toolbar18

The Toolbar

  • Notes

    • Used for attaching text, and audio notes to files.

N M Swygert


The toolbar19

The Toolbar

  • Eyedropper

    • Used for finding color values, and choosing colors.

N M Swygert


The toolbar20

The Toolbar

  • Hand Tool

    • Used to move the view of an image.

N M Swygert


The toolbar21

The Toolbar

  • Zoom Tool

    • Used to change the image’s magnification.

N M Swygert


The toolbar22

The Toolbar

  • Foreground and Background

    • Used for choosing foreground and background colors

N M Swygert


The toolbar23

The Toolbar

  • Quick Mask

    • Used for making precise selections

  • ImageReady

    • ImageReady is PhotoShop’s web-specific companion Program

N M Swygert


Section 4

Section 4

  • PhotoShop Project

    • This section covers the process of creating new images and using the toolbar and palettes in Photoshop.

N M Swygert


Photoshop project

PhotoShop Project

  • Creating New Images

    • If you haven’t already started Photoshop start it now.

    • Creating a new image involves five (5) key decisions:

      • Image Name

      • Dimensions

      • Resolution

      • Mode

      • Contents

N M Swygert


Photoshop project1

PhotoShop Project

  • Creating New Images

N M Swygert


Photoshop project2

PhotoShop Project

  • Create your first image

    • Image name – Basic Shapes

    • Dimensions – 300 x 250 pixels

    • Resolution – 72 ppi

    • Mode – RGB

    • Contents - Transparent

N M Swygert


Photoshop project3

PhotoShop Project

  • Basic Shapes

    • Find your Layers palette and click the New Layer icon at the bottom right next to the trash can.

    • Double-click on the layer in the layers palette and name the new layer - Basic Shapes.

N M Swygert


Photoshop project4

PhotoShop Project

  • With the Basic Shapes layer selected in the layers palette, choose the Rectangular Marquee tool in the toolbar. Then drag a rectangle across your canvas as I have done here.

N M Swygert


Photoshop project5

PhotoShop Project

  • Choose the foreground color square

  • Next let’s make a border on the rectangle, an operation known as stroking the selection.

N M Swygert


Photoshop project6

PhotoShop Project

  • Repeat with the other tools. Try using different layers and colors.

  • File -> Save As and name this first project Basic Shapes.psd. Leave the file type as PSD. This will maintain your layers and the quality of your work.

N M Swygert


Photoshop project7

PhotoShop Project

Create your second image

  • Image name – Pearly Button

  • Dimensions – 300 x 300 pixels

  • Resolution – 72 ppi

  • Mode – RGB

  • Contents - Transparent.

N M Swygert


Photoshop project8

PhotoShop Project

Pearly Button

  • Make a SQUARE selection in the middle of your canvas.

  • Now create your square. File -> Save As and think of a name for this. Leave the file type as PSD. This will maintain your layers and the quality of your work.

  • 3. Now let’s fill the square with a gradient

N M Swygert


Photoshop project9

PhotoShop Project

Pearly Button

  • The gradient tool is between the type tool and the eyedropper. Choose the Diamond Gradient tool. Choose your favorite color for your foreground color.

N M Swygert


Photoshop project10

PhotoShop Project

  • Beginning in the center of the square, drag the gradient out to one of the corners of the square.

  • Stroke the selection. Ctrl-d to deselect. Ctrl-s to save.

N M Swygert


Photoshop project11

PhotoShop Project

  • Now we are going to put a pearly looking button in the center of this square. Make a new layer.

  • Name the layer “Circle”. Then starting from the center of the square, drag out a perfect circle. (Alt-Shift-drag)

N M Swygert


Photoshop project12

PhotoShop Project

  • From your gradient tool, choose the Radial Gradient Tool. Switch your foreground and background colors by clicking on the arrow above and to the right of the color squares in your Toolbar.

N M Swygert


Photoshop project13

PhotoShop Project

  • Drag a gradient from about where I have the red dot in the circle along the red arrow to the far edge of the circle. If you don’t get this the first time, just do it again. Ctrl-d to deselect. Ctrl-s to save.

N M Swygert


Photoshop project14

PhotoShop Project

  • Now lets create a shadow under the center circle? Do that by clicking on the circle layer in the layers palette and then Layer -> layer effects -> drop shadow.

N M Swygert


Photoshop project15

PhotoShop Project

  • The outer part in the finished example has a nice beveled effect. Click on the square’s layer in the layer palette and in the top menu bar, click on Layer -> Layer Effects -> bevel/emboss. While you are there, add a drop-shadow to that layer.

N M Swygert


Photoshop project16

PhotoShop Project

  • Make a new layer, name it “Glow” and drag it beneath the circle layer in the layers palette. Choose alight yellow for your foreground color and your airbrush. Using a brush that is just about the same width as your button, hold it in the center of the button and hold it till the ball glows. Ctrl-s to save.

N M Swygert


Photoshop project17

PhotoShop Project

  • Select the circle layer in the layers palette and choose the Dodge tool. It is between the pencil tool and the type tool on the burn tool’s flyout. It looks like a black magnifier. Use a fairly large feathered brush and stroke repeatedly over that area until you have the effect you seek. Ctrl-s to save your work in psd form.

N M Swygert


Photoshop project18

PhotoShop Project

  • Make a copy of this in jpeg format.

  • To save as a jpeg do the following: File -> Save as and choose .jpg from the format types in the dropdown box. Because your file is still in a layered format it will automatically tell you to save it as a copy. Find a suitable place for it and then click save.

N M Swygert


Photoshop project19

PhotoShop Project

  • Email me the Basic Shapes.psd, the button.psd and the button copy.jpg.

  • My email address is written in your manual.

N M Swygert


Adobe photoshop workshop1

Adobe PhotoShop Workshop

Tips and Techniques for Beginners

Please refer to your manual for reference and questions.

N M Swygert


  • Login