Upload
bill-tribble
View
288
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
Bill TribbleDesigner, Intuition Studio
INTRODUCTION TO PHOTOSHOP
http://goo.gl/onZffd
INTRODUCTION TO PHOTOSHOP 2
SETUP
Please enter this URL in your browser to download image files:
(case sensitive)
INTRODUCTION
‣ Graphic design, illustration, games, video, music for media, DJ
‣ Previous clients include -‣ Discovery Channel‣ National Geographic‣ www.intstudio.co.uk
BILL TRIBBLEFREELANCE GRAPHIC DESIGNER AND ARTIST
3
http://goo.gl/onZffd
RECENT WORK - CR2 RECORDS - SINGLES COVERS 5
http://goo.gl/onZffd
RECENT WORK - CR2 RECORDS - SUB-LABEL LOGO DESIGN 6
http://goo.gl/onZffd
RECENT WORK - CR2 RECORDS - SAMPLE TOOLS TEST COVER 7
http://goo.gl/onZffd
INTRODUCTION TO PHOTOSHOP 13
PLEASED TO MEET YOU
INTRODUCTION TO PHOTOSHOP
AGENDA
‣ Basic interface overview‣ Loading images‣ Selection tools‣ Combining images ‣ Retouching‣ Blend modes‣ Adjustment layers
14
http://goo.gl/onZffd
INTRODUCTION TO PHOTOSHOP
INTERFACE OVERVIEW15
INTERFACE OVERVIEW 16
Layers
Adjustments and colours
Toolbar
Tabs
http://goo.gl/onZffd
MOVE TOOL 17INTERFACE OVERVIEW
Use the move tool to move objects around on a layer
WITH MOVE TOOL SELECTEDCmd & Click in image selects a layer
LAYERS PANEL‣ Click to select
‣ Drag layers up / down in the panel to arrange
Hides layer
Delete
(or use backspace)
http://goo.gl/onZffd
INTRODUCTION TO PHOTOSHOP
SELECTING AND EDITING18
SELECTING AND EDITING
LOADING IMAGES
‣ Open the ‘cherub.jpg’ image‣ File menu / open file -- or drag in
19
SELECTING AND EDITING
OVERVIEW
‣ Selection tools‣ Removing objects from an image‣ Handling multiple images
20
SELECTING AND EDITING 21
MAKING SIMPLE SELECTIONS
Quick selection tool
‣ Use the ‘quick selection tool’ to sketch around the cherub
‣ Hold ‘alt’ to subtract from selection
SELECTING AND EDITING
CONTENT AWARE FILL
‣ Menu - Edit / Fill...‣ or Shift + F5
‣ Select ‘Content-Aware’‣ Click OK
22
SELECTING AND EDITING
LOADING IMAGES
‣ Open the ‘titanic.jpg’ &‣ ‘sticker selection.jpg’ files
from the ‘retro image’ folder‣ File menu / open file -- or
drag in
23
SELECTING AND EDITING 24
SELECTION TOOLS
Quick selection tool
Magnetic lasso tool
‣ Use the ‘quick selection tool’ to sketch around the image you wish to select
‣ Hold ‘alt’ to SUBTRACT from selection‣ Hold ‘shift’ to ADD to selection‣ Use magnetic lasso tool to fine tune your
selection if necessary
SELECTING AND EDITING 25
COPY, PASTE & TRANSFORM
‣ Cmd & T - Transform‣ Hold shift to keep shape
ZOOMINGHold ‘alt’ and roll mouse back and forth for zoom in / out
SELECTING AND EDITING 26
SAVING IMAGES
‣ File / Save to save all layers and edits in a Photoshop file
‣ File / Save For Web to create jpg in chosen size / resolution
PERFORMANCE TIPKeeping open files to a minimum will help save memory and keep your computer
INTRODUCTION TO PHOTOSHOP
RETOUCHING27
RETOUCHING
CHANGE HISTORY‣ “We were always at war with Eurasia”‣ Stalin and Nikolai Yezhov
28
RETOUCHING
SELECTION TOOLS‣ Use quick-select to highlight Nikolai
Yezhov‣ Hold alt while drawing with quick-select
tool to remove from selection
29
ZOOMINGHold alt and roll mouse to zoom in / out
RETOUCHING
RETOUCH TOOLS‣ Content-Aware fill to remove Yezhov
(shift + F5), then clear selection
30
‣ Use the spot healing brush to
‣ Use rubber-stamp tool to fix
INTRODUCTION TO PHOTOSHOP
COLOURING AN IMAGE31
COLOURING AN IMAGE 32
OVERVIEW
‣ Image types
‣ Selecting colours
‣Using blend mode - multiply
‣Painting using the Brush tool
‣Magic Wand Tool and Quick Select tool DIFFERENCE BETWEEN
A .PNG AND A .JPG?
COLOURING AN IMAGE 33PNG JPG
COLOURING AN IMAGE 34
METHOD‣Load ‘Characters.png’
‣Add new layer (Cmd + Shift + N)
‣Move ‘Character’ layer to the top
‣Change blend mode to multiply
‣Create a colorful backdrop using airbrush
‣ Swap between layers for selection / paint
‣Fill characters using ‘magic wand’, ‘quick select’ - do filling on background layer
INTRODUCTION TO PHOTOSHOP
CREATE A RECORD COVER
35
CREATE A RECORD COVER
METHOD‣Install ‘OSP Din’ font‣Open ‘D20 Single art template’‣Drag in clouds.jpg‣Resize to frame‣Drag in ‘logo large.png’‣Set blend mode to Screen‣Resize and centre‣Edit artist / track text
‣Resize black box‣Save Photoshop file‣Save for Web - Output at 300px
36
INTRODUCTION TO PHOTOSHOP
CREATING A PROMOTIONAL IMAGE
37
ADAPTED FROM HELPX.ADOBE.COM
CREATING A PROMOTIONAL IMAGE
METHOD‣ Crop and straighten‣ Remove dust motes etc. with Spot Healing
Brush‣ Increase saturation with adjustment layer‣ Add B&W adjustment layer‣ Select lighthouse and create a mask to reveal
colour‣ Add logo - drag logo in, resize with Cmd+T‣ Add text - ‘Lighthouse Summit, LHSummit.com’
38
Q&AINTRODUCTION TO PHOTOSHOP 39
INTRODUCTION TO PHOTOSHOP
CONCLUSION40
CONCLUSION
RECAP‣ Basic interface overview‣ Loading images‣ Selection tools - Magic Wand, Quick Select‣ Combining images - copy / paste, using layers‣ Retouching - Content-Aware Fill, Spot Healing Brush‣ Blend modes - Multiply, Screen‣ Adjustment layers - Saturate, B&W‣ Save for web
41
CONCLUSION
THANKS FOR COMING!‣ My name is Bill Tribble - you can contact me via:
‣ www.intstudio.co.uk‣ @spdby
42
INTRODUCTION TO PHOTOSHOP
EXTENSION: DIY PROMO IMAGE
43
DIY PROMO IMAGE
MAKE YOUR OWN
Use sample images or CC images from web as backdrop
Add adjustment layers - e.g. B&W, Curves
Create a mask to highlight one area
Choose a vector logo
Add company name text
44
KEY OBJECTIVE(S) AGENDA
RESOURCESDELIVERABLE
MAKE YOUR OWN
Build skills with image combining, resizing,
adjustment layers and positioning
Time
10 min
1. Use sample images or CC images from web as backdrop
2. Add a B&W adjustment layer
3. Create a mask to highlight one area
4. Choose a vector logo
5. Add company name text
Promo image for web CC Backdrop image
CC Vector logos
45