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

Similar documents
The Background layer now filled with black.

Working With Images: Intermediate Photoshop

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC

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

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

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.

9 Using Appearance Attributes, Styles, and Effects

GIMP TEXT EFFECTS. GIMP is all about IT (Images and Text) OPEN GIMP

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

Step 1: Open A New Photoshop Document

ITP 101 Project 2 - Photoshop

Drawing shapes and lines

ILLUSTRATOR TUTORIAL-1 workshop handout

Photoshop Creative Cloud (CC)

Photoshop Fundamentals

Using Blending Modes for Simple Color Correction

Step 1: Create A New Photoshop Document

HAPPY HOLIDAYS PHOTO BORDER

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

Worn And Torn Text In Photoshop

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.

Big City Lights- Using Photoshop 7.0

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting

Layers (Just the Basics) By Jerry Koons

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

12 APPLYING EFFECTS. Lesson overview

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments

Layer Styles. Learning Objectives. Introduction

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

Quick Guide for Photoshop CC Basics April 2016 Training:

Using Masks for Illustration Effects

Adobe Photoshop Creative Compositing with Photoshop

Captain America Shield

PHOTOSHOP New File. To create a new file, select File > New and a dialog box will open.

The original image. Let s get started! The final result.

ADOBE PHOTOSHOP Using Masks for Illustration Effects

GIMP WEB 2.0 ICONS. Web 2.0 Icons: Circle Completed Project. Notice that the default new layer background fill is transparency. Click the Ok button.

12 APPLYING EFFECTS. Lesson overview

1) Create a new folder in your My documents folder and name it Clock advert.

Adobe Photoshop Creative Compositing with Photoshop

Photoshop Basics A quick introduction to the basic tools in Photoshop

XXXX BASIC SHAPES. Information. Sheet No. INTRODUCTION TO GRAPHICS

Adobe photoshop Using Masks for Illustration Effects

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

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

Keyboard Shortcuts. Command Windows Macintosh

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

Do Now # 1 Label the Photoshop Interface.

Photoshop Preferences

IN DESIGN. A review of the overview

Advanced Special Effects

Page Number Mouse Menu

Interactive Powerpoint. Jessica Stenzel Hunter Singleton

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

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

Photoshop tutorial: Final Product in Photoshop:

Bold, Italic and Underline formatting.

To get a copy of this image you right click on the image with your mouse and you will get a menu. Scroll down the menu and select "Save Image As".

Making parchments and parchment scrolls Part 3: Making a basic top view scroll

PHOTO in TEXT (FILLED TEXT) ( Using Photoshop Elements 2018 )

Adobe Illustrator CC 2018 Tutorial

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

Learning to use the drawing tools

Photoshop Tutorial: Basic Selections

Basic Tools. Chapter 1. Getting started

Adobe Illustrator CC Advanced

From the dock at the left, right, top, or bottom of your monitor screen, open the Finder.

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

Animated Gif - Illustrator /Text and Shapes

PanosFX VINYL RECORDS & DVDs User guide. VINYL RECORDS & DVDs. Photoshop actions. For Photoshop CC, CS6, CS5, CS4. User Guide

AppleWorks Tips & Tricks

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

In this lesson, you ll learn how to:

Creative Effects with Illustrator

Interactive Tourist Map

Quick Guide for Photoshop CS 6 Advanced June 2012 Training:

Create and edit word processing. Pages.

creating files and saving for web

Actualtests.9A QA

Center for Faculty Development and Support Creating Powerful and Accessible Presentation

Creating and Editing Images in Paint Shop Pro Version XI. File Types

Text Tricks Text # 1 Fill Text with an image

Learn how to do the following:

ORGANIZING YOUR ARTWORK WITH LAYERS

Change Background- Using Photoshop 6.0 (up through CS2)

Tip: Shift/Control/Alt- will reset entire Photoshop program in case someone has changed settings.

9 ADVANCED LAYERING. Lesson overview

Start PowerPoint Create a Title Page Using WordArt Editing WordArt Inserting Text Boxes Adding A Background To Your Slide Adding Transitions

Microsoft Office Training Skills 2010

HANDS-ON SESSION: Rain in Costa Rica

Magazine Layout Design. and Adobe InDesign basics

When dragging out a marquee: Shift toggles the corner selection

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool.

Basic Concepts 1. Starting Powerpoint 2000 (Windows) For the Basics workshop, select Template. For this workshop, select Artsy

How to draw and create shapes

Introduction to Photoshop. Training Documentation

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

Creative Effects with Illustrator

L E S S O N 2 Background

Transcription:

Welcome to PHOTOSHOPTOPOLIS :) Criag Naylor Instructor cnaylor 2@me.com THE CREATIVE SWEETS Session 1 - Photoshop Appetizers This session is designed to basically wet your appetite. Here you will learn about many of the possibilities that are available using this program that you may not be aware of. Hopefully this session will spark your imagination when you learn more about some of the other capabilities within this program. Session 2 - Good designers make the art & type taste good. What are the responsibilities of the graphic designer besides creating the artwork. Have you ever printed something that didn t look near as good when you printed it as it did on your computer screen? Type is not an after thought, it s an art. Session 3-20 Photoshop snacks in 30 minutes 1 - Fill with foreground color - Option/Alt > Delete 2 - Enlarge type size with keyboard - (Highlight type) Shift + command + > 3 - Highlight Font name in option toolbar than use up and down arrow key to view font style. 4 - Adjust type tracking or kerning - HighLight type > option/alt + right/left arrow key 5 - Adjust type leding - HighLight type > option/alt + up/down arrow key 6 - Warping type - Click on icon in option toolbar then click style to view options 7 - Selecting edges on layers - command then click on layer icon 8 - Adding strokes to type or objects - select object then edit menu > stroke... 9 - Create a pattern - edit menu > define pattern > name the pattern. 10 - Fill with pattern - edit menu > fill... contents use: pattern (select your saved pattern) 11 - Content Aware fill - select area to adjust choose edit menu > fill... use: content aware. 12 - Create a brush - Select area > Edit menu > define preset brush 13 - Manage your brushes - Access through the brush preset menu (Upper right - gear icon. Preset manager... 14 - Dual opacity on multiple layers - select each layer while holding command key then adjust opacity slider. 15 - Adding to a selection - hold shift key 16 - Subtract from selection - hold alt/option key 17 - Using vector shape tools for selection 18 - The custom shape tool 19 - Linking layers - Use chain icon in layer pallette 20 - Rasterizing Type

1- Fixing Backlit Photos Step1 Open the photo. Step2 From the Image menu choose Adjustments>Shadow/ Highlight Step3 When it opens (or when you check Preview) You can usually leave the default settings alone. The difference that happens immediately should be all you need but if it isn t proceed with the sliders. 2 - Adding color to black & white photos 1) Open a color photo that has something in it you want to emphasize. 2) At the bottom of the Layers panel click on the Adjustment Layer icon and make a black and white adjustment layer. (figure A) Step 3 Choose the Brush tool and choose Black as your foreground color and then proceed to paint out the areas you want to be in color.

3- Changing a Color Step 1 Open the photo you want to change. Step 2 Change the name of the background layer so it can be edited and then create a Hue/Saturation Adjustment layer (figure A). Move the hue slider around until the hair becomes the color you want it to be. Don t worry that the rest of the photo is purple as well. Step 3 Once you have a very purple (or green or yellow) photo, click on the Adjustment layer in the Layer s panel and type Option (Alt- Win) Delete. This will fill the adjustment layer with black. (figure A) Step 4 Make sure white is your foreground color and using the paintbrush tool, paint the area you want to change. 4 - Paste Into Step 1: Find the right photo and open it. Step 2: Double-click the Background Layer in the Layers Panel to make it editable. Step 3: Create an adjustment layer from the layer palette Adjustments>Threshold. When the dialog box opens, drag the slider to the right until the photo turns black and white. Don t go to far or you won t have any whites left to give the photo definition. Step 4: Using the Magic Wand tool (W) click in the black area of the photo. Then choose Select>Similar. Step 5: Once the black areas are selected create a new layer, then open your second photo and select and copy then return to original. Step 6: Choose Edit > Paste Special > Paste Into Step 7: Choose Edit >Transform > Scale and size the image

5 - Photos into Type Step 1: Open a photo you want to put into words. Step 2: Make the background layer editable by double clicking its name in the Layers palette. This will rename if from Background to Layer 0. Step 3: Choose the Type tool by pressing the T key. Step 4: Type a word. This is one of the few times that all capital letters is best. Step 5: Choose a very blocky, sans-serif font. Impact is a good choice. Step 6: Press Command (Control-PC) T to stretch the letters by grabbing one of the edges and pulling. Pull them out to the size you would like the final word to be. Click apply to finish your enlargement. Step 7: In your Layers palette drag the word layer below the photo layer. The word will disappear. Step 8: Hold down the Option (Alt-PC) key while you hover your cursor over the line between the two layers in the layers palette. The cursor will change into two small overlapping circles. Click on the line. There you have it a photo inside type. Step 9: Add a drop shadow by double clicking the Type layer and choosing Drop Shadow also add an emboss to the layer as well. 6 - Photos to line art Step 1: Open a photo you want to work with. Step 2: At the bottom of the Layers palette click on the Layer Mask Icon and choose Threshold. Step 3: Click OK and accept the default Threshold settings. You may want to play with these. Step 4: Type a G to select the Gradient tool. Step 5: Pull across, down or up the photo with the gradient tool. Step 6: Press Command (Control-PC) Z to undo your gradient if it is too short or too long. Keep doing this (lots of trial and error) until you get it just the way you like it.

7 - Type knock out using blending modes STEP 1 - Open a photo that could be a background to a headline. STEP 2 - Add a Black and White Adjustment layer to the photo by clicking the Adjustment Layer icon at the bottom of the Layers palette and choosing Black and White. Play with the settings until you get the look you want. STEP 3 - Select the text tool (type a T) and type a word or two. Choose a bold or black face. STEP 4 - Adjust the size and position of the type to fit the photo. STEP 5 - Double click the type layer in the Layers palette to open the Layer Styles for that layer. Select Blending Modes. STEP 6 - Under Advanced Blending Modes in the dialog box, choose knockout and pick shallow instead of none. STEP 7 - Then slide the Fill Opacity down until you get back color in the letters that you like. STEP 8 - Then add a stroke of any color or weight. You can also experiment with other layer effects such as Drop Shadow, Outer Glow and Bevel & Emboss 8 - Layer blending modes Step 1 - Open a photo and duplicate the background layer by typing Command (Control/PC) J. Step 2 - Choose Blur>Gausian Blur. Move the slider over until the subjects are blurry but you can still tell what they are. Step 3 - At the top of the Layers panel you will see the blending modes drop down menu. The default you will see should be Normal. Step 4 - Choose any option from that menu. And then try other blending modes to get some truly unusual looks to your photo. Note: If you like a blend but it seems too strong, just lower the opacity of the top layer. To do that, use the Opacity slider next to the blending modes drop-down menu.

9 - Breaking a photo into pieces Step 1: Open the photo you want to use. Step 2: Double click on the background layer in the Layer s palette to make it editable. Step 3: Hold down the Command key (Control on PC) and click the New Layer icon at the bottom of the Layers palette. This will create a new layer below the current layer. Make sure your foreground color is white. Then hold down the Option key (Alt on PC) and hit Delete. That will fill this bottom layer with white. Step 4: We are now going to create a layer mask so we can hide parts of our photo. Click on the Layer Mask icon at the bottom of the Layers palette. Hold down the mouse and choose Levels. Click OK when the dialog box opens. Step 5: Place your cursor over the Photo layer while holding down the Option key (Alt on PC). Keeping the Option (Alt) key down, drag your cursor down until it crosses the dividing line between the two layers and the cursor becomes two intersecting circles, then click. When you do this, the photo should move slightly to the right in the Layers palette and has an arrow pointing downward. Step 6: Click on the Layer mask to make it active. You will see a little line around it. Change your foreground color to black and hold down the Option key (Alt on PC) and hit Delete. This will fill the layer mask with black and your photo will disappear. Don t sweat it. Step 7: Press B to choose the Brush tool and from the Options bar menu, choose Square brushes. Tell it to Append the brushes. Step 8: Once you can see the square brushes, choose the 24 pixel square brush (the last one). Step 9: Go to the Windows menu and choose Brushes. When the Brushes options palette opens, choose Scattering. Move the top slide over to 900. Step 10: Choose the layer mask in the Layers palette, make sure your foreground color is white and start painting. As you do the photo will be revealed in tiny squares. If the brush is too small, just make it larger by clicking the right bracket key (]) which will enlarge the brush. Step 11: To really make it cool and to be able to see it all better, choose the Layer Mask and click on the small lower case f at the bottom of the Layers palette. This will open Layer Styles. Choose drop shadow. Click OK. You may want to change the settings to make the shadow more noticeable.