Working With Images: Intermediate Photoshop

Similar documents
Big City Lights- Using Photoshop 7.0

Using Blending Modes for Simple Color Correction

9 Using Appearance Attributes, Styles, and Effects

Hand Drawn Stencil with a Stroke Outline

ITP 101 Project 2 - Photoshop

Photoshop Creative Cloud (CC)

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert.

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand

12 APPLYING EFFECTS. Lesson overview

Photoshop Fundamentals

Think of layers as a stack of transparencies. Layers can be changed independently of other layers by clicking on its name in the layers palette.

Drawing shapes and lines

Using Masks for Illustration Effects

Quick Guide for Photoshop CC Basics April 2016 Training:

HAPPY HOLIDAYS PHOTO BORDER

Page Number Mouse Menu

12 APPLYING EFFECTS. Lesson overview

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

ADOBE PHOTOSHOP Using Masks for Illustration Effects

9 ADVANCED LAYERING. Lesson overview

User Guide Belltech Systems, LLC

3. Let s say that we are unsure about what kind of

CS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 02: Introduction to Photoshop Part 1

Adobe photoshop Using Masks for Illustration Effects

Photoshop Basics A quick introduction to the basic tools in Photoshop

Shortcut Keys for Adobe Photoshop (Educational Support)

14. Using Illustrator CC with Other Adobe Applications

THE CREATIVE SWEETS. Welcome to PHOTOSHOPTOPOLIS. Criag Naylor Instructor cnaylor

2. If a window pops up that asks if you want to customize your color settings, click No.

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

The Background layer now filled with black.

13 PREPARING FILES FOR THE WEB

Photoshop 5.0 Tips & Tricks

Sports Jersey Mania, Part 1 By Joel Day

use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage.

Keyboard Shortcuts. Command Windows Macintosh

Quick Guide for Photoshop CS 6 Advanced June 2012 Training:

Adobe Photoshop Creative Compositing with Photoshop

Photoshop tutorial: Final Product in Photoshop:

3 WOrkinG WiTH SElECTiOnS lesson overview

Disc I: (2:51:00) Disc II: (2:34:00) Part I: Intro/Environment. Part III: Tools. Part II: Selection Tools, Basic Editing & Layers.

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

Introduction to Photoshop. Training Documentation

Binder Part Two: Creating the Binder Rings

Adobe Photoshop Creative Compositing with Photoshop

Circle Flower with the Elliptical Marquee Tool

ADOBE PHOTOSHOP BOOK SAHALSOFTWARE. Frist Editing. Contents

IN DESIGN. A review of the overview

Adobe Illustrator CS Design Professional GETTING STARTED WITH ILLUSTRATOR

Advanced Special Effects

RICE DMC SHORT COURSE. Creating a Digital Illustration in Photoshop (Advanced)

Interface. 2. Interface Photoshop CS/ImageReady CS for the Web H O T

Artipic. User Manual. Image Editing System. Date: Version: 2.4 Number of pages: 91

USING THE PHOTOSHOP TOOLBOX

Task 1 Match the background colours Open Program Files -> Adobe Master Collection CS6 -> Adobe Photoshop CS6

Microsoft Word Basic Editing. Lesson , John Wiley & Sons, Inc. Microsoft Official Academic Course, Microsoft Word

Keys for selecting tools

The Photoshop Workspace

Adobe Illustrator CS5 Part 2: Vector Graphic Effects

Basic Tools. Chapter 1. Getting started

6 COLOR AND PAINTING. Lesson overview

Photoshop Preferences

7 TyPOGrAPHiC DESiGn lesson overview

Adobe Photoshop CS3 - Shortcuts, Tips & Tricks!

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles.

PHOTOSHOP WORKSPACE. Interface Overview. Menus. The Tools. Palettes. Presets and Preferences PHOTOSHOP WORKSPACE UNIVERSAL TASKS PHOTO AND VIDEO TASKS

Modifier Keys. Option Key. Command Key. Shift Key. Control Key. Return Key. Tab

Getting started. (The path to the file is: Adobe Illustrator 8.0 application folder > Training > Tutorial > AI_03 > 03_b.ai.)

Hand Drawn Lines with the Liquify Filter

Step 1: Create A New Photoshop Document

COPYRIGHTED MATERIAL PHOTOSHOP WORKSPACE. Interface Overview 3. Menus 15. The Toolbox 29. Palettes 61. Presets and Preferences 83 WEB TASKS

Session 7 MS Word. Graphics. Inserting Clipart, and Graphics Modify graphics Position graphics

Layer Styles. Learning Objectives. Introduction

Chapter 1 Introduction to Photoshop CS3 1. Exploring the New Interface Opening an Existing File... 24

3 WORKING WITH SELECTIONS

1. New document, set to 5in x 5in, no bleed. Color Mode should be default at CMYK. If it s not, changed that when the new document opens.

Adobe. Photoshop CC. Alberto Seveso. CLASSROOM IN A BOOK The official training workbook from Adobe. Andrew Faulkner & Conrad Chavez

7 TYPOGRAPHIC DESIGN Lesson overview

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

4 Working with Selections

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP

Severe Weather Safety PSA

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE

Add Photo Mounts To A Photo With Photoshop Part 1

Note: Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page.

Adobe Flash CS4 Part 1: Introduction to Flash

Cell Phone. Adobe Illustrator Lesson 16 Working with Gradients Transparency Menu 1. START>PROGRAMS>ADOBE ILLUSTRATOR CS3

Exercise One: Creating a Title 3D Effect

Step 1: Open A New Photoshop Document

Microsoft Office Training Skills 2010

Worn And Torn Text In Photoshop

L E S S O N 2 Background

ILLUSTRATOR TUTORIAL-1 workshop handout

Adobe Indesign for Beginner - Session Structure

WORK AREA. Lesson overview

Microsoft Powerpoint 2013

Adobe Photoshop CS2/CS3: introduction

Creative Effects with Illustrator

Photoshop Domain 3: Setting Project Requirements. Dreamweaver Domain 3

Geneva CUSD 304 Content-Area Curriculum Frameworks Grades 6-12 Business

Transcription:

Working With Images: Intermediate Photoshop Viewing Information in the Layers Palette 1. Choose File > Open and open the Start.psd file in the Lesson01 folder located in the PS_Workshop folder on the desktop. If you do not see the Layer palette, choose Window > Layers. 2. There are three items listed in the layers palette: Shape 1, Kiss, Layer 1. The background layer is highlighted indicating that it is active. Renaming a Layer 1. In the Layers palette, rename Layer 1 with a more descriptive name by doubleclicking the name Layer 1. Type Background. 2. Click on Shape 1 layer then double-click the name and type Heart. Viewing Individual layers 1. Click the Eye icon next to the left of the Heart layer to show the heart. 2. Click again to re-hide it. Adding a Gradient to a Layer Next, you will add a semi-transparent gradient effect to a new layer, which will influence the layers stacked behind it. 1. In the Layers palette, click the Background layer to make it active. 2. In the Tools box, select the Gradient Tool. 3. In the Options bar, make sure that the Linear Gradient box is selected and then click to expand the Gradient Picker. Select Foreground to Transparent and then click on the image window to close the gradient picker. 4. Click the Swatches tab to bring it to the front of its palette group and select any shade of purple/violet that appeals to you. 5. With the Gradient Layer active, click on the right margin of the image window and drag to the left. You may want to hold down the shift key to constrain the movement to a horizontal plane. 6. The gradient extends to the width of the whole layer. Information Technology Services, UIS 1

7. In the Layers palette, change the opacity for the Gradient layer to 60%. 8. Save your work. Rearranging Layers The order in which layers are arranged is called the Stacking Order. You can change the order to make certain parts of the image appear in front or behind layers. 1. Make the Background layer visible by clicking on the Eye icon next to their layer name. 2. In the Layers palette, drag the Background layer below the Kiss layer. Adding a Mask Now you will create a mask based on the Heart layer and then you will make adjustments in the Mask Panel. 1. Make the Heart layer visible by clicking on the Eye icon next to its layer name. 2. Select the heart using the Magic Wand tool. 3. Hide the Background layer visible by clicking on the Eye icon next to its layer name. 4. Select the Kiss layer in the layers palette to make it active. 5. In the Mask panel click the Select the pixel mask button in the right corner of the panel. Adding Effects to the Mask 1. Select the mask on the Kiss layer by clicking on the Layer mask thumbnail just left of the Kiss layer s label. 2. To give the edge of the heart feathered look adjust the slider for Feather to about 15 pixels. 3. To do further refining of edges you can click on the Mask Edge button and you will be presented with more options to refine the edge of your mask. Information Technology Services, UIS 2

Adding Text 1. Click the Heart layer to make it active. 2. In the Tools box, click the B&W color chips to restore the foreground and background to the defaults. Be sure that the foreground is set to black. 3. In the Tools box, select the Horizontal Type Tool and then in the Options bar set the following values: Font: Adobe Garamond or Garamond Font style: Regular Point size: 60 Anti-alias: Crisp Select the Center text alignment option. 4. Click in the lower left area of the image window. 5. Type the word True Love. 6. Select the move tool and drag the True Love text to center it under the heart. Applying a Layer Style You can enhance a layer by adding a shadow, glow, bevel, emboss, or other special effect from a collection of automated and editable layer styles. Here you will add a glowing yellow stroke around the type and then fill it with a pattern. 1. With the Text layer active, choose Layer > Layer Style > Outer Glow. 2. In the Layer Style dialog box, check the Preview option and move the box to the side so you can see the effect of the layer style you just changed. 3. In the Elements area of the dialog box, enter 10 for the Spread and 10 for the Size. 4. In the left pane of the Layer Style dialog box, select the Stroke check box and notice that the right of the dialog box shows options for outer glow. 5. Click on the name Stroke to change the display so that the Stroke layer options appear on the right side of the dialog box. Select the following options. In the Structure area, enter 1 for Size. Under Fill Type, click the Color swatch to open the Color Picker. Then choose a bright yellow color. Close the Color Picker but leave the Layer Style dialog box open. 6. Click OK to apply the settings and close the Layer Style dialog box. Information Technology Services, UIS 3

Editing Text 1. In the Layers palette, select the True Love layer. 2. In the Tools box, select the Horizontal Type Tool. 3. In the Options bar, change the Font Size to 72 pts. 4. Using the Horizontal Type Tool, select the end of Love. 5. Type Forever so that the text block now reads True Love Forever 6. Click the Check Mark at the far right of the Options bar to commit your edits and switch out of edit mode. 7. Save your work. Retouching and Repairing 1. Choose File > Browse. Open Start.psd from the Lesson02 folder. 2. Select the Clone Stamp Tool. 3. In the Options bar, open up the brush pop-up palette and select a medium-sized [ex: 21] brush. 4. Make sure the Aligned option is checked. 5. Move the Clone Stamp Tool to the center of the water, at the same horizontal as the top edge of the torn corner. Hold down option key so that the pointer appears as target cross hairs and click. This defines your source point. 6. Drag [click and hold down mouse] the Clone Stamp Tool over the torn portion of the photo and notice that the crosshairs reappear at the original sampling position. 7. Continue to clone the water until the entire corner is filled in. 8. Save your work. Information Technology Services, UIS 4

Using the Healing Brush and Patch tools 1. Open Start.psd from Lesson03. 2. Select the Zoom Tool. Click once on the DJ initials, you should be zoomed in at 200%. 3. Select the Healing Brush Tool from the Tools box. 4. In the Options bar, click the Brush option arrow, which opens the brush picker. Once the pop-up palette of controls, enter a Diameter value of 10 px. 5. Check the other settings in the tool options bar - Mode: Normal, Source: Sampled, and the Aligned check-box should be deselected. 6. Start an inch above the graffiti click down while holding the option key to sample that part of the rock. Release the option key. Start painting over the initials on the rock, note that as you paint the tool does not appear to match the area, but once you release the mouse it will blend in with the rock surface. 7. Zoom back out to 100%. Snapshots and History Palette The History Palette is like a multiple Undo command. It records the steps you take when you work on an image. The number of steps saved is determined by a Preference setting, the default is 20 steps. 1. Click on the History Palette. If the palette is not present, choose Window > History, from the Main menu. 2. Click on the Create new snapshot button. This creates a snapshot of the image at its current state. Now you have a post-graffiti snapshot. 3. Double-click Snapshot 1 and type Post-graffiti to rename it. 4. Save your work. Information Technology Services, UIS 5

Photomerge 1. Click File > Automate > Photomerge. 2. Select the Auto layout on the left of the window. 3. Select the source type in the Use: menu, either Files or Folder. 4. Click Browse to locate the folder. The image files in the folder will automatically be added to the source files. 5. Click OK Information Technology Services, UIS 6