introduction to photoshop slides (general assembly)
Post on 03-Jun-2018
227 Views
Preview:
TRANSCRIPT
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
1/45
Bill TribbleDesigner, Intuition Studio
INTR DU TI N
PHOTOSHOP
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
2/45
http://goo.gl/onZffd
INTRODUCTION TO PHOTOSHOP
SETUP
Please enter this URL in your browser to download ima
(case sensitive
http://goo.gl/onZffdhttp://goo.gl/onZffd -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
3/45
INTRODUCTION
! Graphic design, illustration, games, video,music for media, DJ
! Previous clients include-
! Discovery Channel
! National Geographic
!www.intstudio.co.uk
BILL TRIBBLE
FREELANCE GRAPHIC DESIGNER AND ARTIST
http:
http://www.intstudio.co.uk/http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2http://www.intstudio.co.uk/http://www.intstudio.co.uk/ -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
4/45
RECENT WORK - ILLUSTRATION
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
5/45
RECENT WORK - CR2 RECORDS - SINGLES COVERS
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
6/45
RECENT WORK - CR2 RECORDS - SUB-LABEL LOGO DESIGN
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
7/45
RECENT WORK - CR2 RECORDS - SAMPLE TOOLS TEST COVER
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
8/45
RECENT WORK - RESPONSIVE SITES
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
9/45
RECENT WORK - RESPONSIVE SITES
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
10/45
RECENT WORK - TRADITIONAL MEDIA
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
11/45
RECENT WORK - COMBINED MEDIA
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
12/45
RECENT WORK - DIGITAL PAINTING
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
13/45
INTRODUCTION TO PHOTOSHOP
PLEASED TO MEET Y
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
14/45
INTRODUCTION TO PHOTOSHOP
AGENDA
! Basic interface overview
! Loading images
! Selection tools
! Combining images
! Retouching
! Blend modes
!Adjustment layers
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
15/45
INTRODUCTION TO PHOTOSHOP
INTERFACE OVERVIEW
http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
16/45
INTERFACE OVERVIEW
Layers
Adjustmentsand colours
Toolbar
Tabs
http:
h
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
17/45
MOVE TOOL
INTERFACE OVERVIEW
Use the move toolto move objectsaround on a layer
WITH MOVETOOL SELECTED
Cmd & Clickin imageselects a layer
LAYERS PANEL
! Click to select
! Drag layersup / down inthe panel toarrange
Hides layer
http:
http://goo.gl/ZXQrQ2http://goo.gl/ZXQrQ2 -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
18/45
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
19/45
SELECTING AND EDITING
LOADING IMAGES
! Open the cherub.jpg image
! File menu / open file -- or drag in
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
20/45
SELECTING AND EDITING
OVERVIEW
! Selection tools
! Removing objects from an image
! Handling multiple images
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
21/45
SELECTING AND EDITING
MAKING SIMPLE SELECTIONS
Quickselection tool
! Use the quick selection tool to sketch athe cherub
! Hold alt to subtract from selection
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
22/45
SELECTING AND EDITING
CONTENT AWARE FILL
! Menu - Edit / Fill...
! or Shift + F5
! Select Content-Aware
! Click OK
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
23/45
SELECTING AND EDITING
LOADING IMAGES
! Open the titanic.jpg &
! sticker selection.jpg filesfrom the retro image folder
! File menu / open file -- ordrag in
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
24/45
SELECTING AND EDITING
SELECTION TOOLS
Quickselection tool
Magneticlasso tool
! Use the quick selection tool to sketchthe image you wish to select
! Hold alt to SUBTRACT from select
! Hold shift to ADD to selection! Use magnetic lasso tool to fine tune yo
selection if necessary
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
25/45
SELECTING AND EDITING
COPY, PASTE & TRANSFORM
! Cmd & T- Transform
! Hold shift to keep shapeZOOMING
Hold alt androll mouse back
and forth forzoom in / out
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
26/45
SELECTING AND EDITING
SAVING IMAGES
! File / Save to save all layers and editsin a Photoshop file
! File / Save For Web to create jpg inchosen size / resolution
PERFORMANC
Keeping open fia minimum willsave memory an
keep your comp
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
27/45
INTRODUCTION TO PHOTOSHOP
RETOUCHING
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
28/45
RETOUCHING
CHANGE HISTORY! We were always at war with Eurasia
! Stalin and Nikolai Yezhov
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
29/45
RETOUCHING
SELECTION TOOLS! Use quick-select to highlight NikolaiYezhov
! Hold alt while drawing with quick-selecttool to remove from selection
ZOOMING
Hold alt androll mouse tozoom in / out
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
30/45
RETOUCHING
RETOUCH TOOLS! Content-Aware fill to remove Yezhov
(shift + F5) then clear selection
! Use the spot healing brush to
! Use rubber-stamp tool to fix
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
31/45
INTRODUCTION TO PHOTOSHOP
COLOURING AN IMAG
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
32/45
COLOURING AN IMAGE
OVERVIEW
! Image types
! Selecting colours
! Using blend mode - multiply
! Painting using the Brush tool
! Magic Wand Tool and Quick Select tool
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
33/45
COLOURING AN IMAGEPNG
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
34/45
COLOURING AN IMAGE
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 fillibackground layer
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
35/45
INTRODUCTION TO PHOTOSHOP
CREATE A RECORDCOVER
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
36/45
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
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
37/45
INTRODUCTION TO PHOTOSHOP
CREATING APROMOTIONAL IMAGE
ADAPTED FROM HELPX.A
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
38/45
CREATING A PROMOTIONAL IMAGE
METHOD! Crop and straighten
! Remove dust motes etc. with Spot HealingBrush
! 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
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
39/45
Q&A
INTRODUCTION TO PHOTOSHOP
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
40/45
INTRODUCTION TO PHOTOSHOP
CONCLUSION
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
41/45
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
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
42/45
CONCLUSION
THANKS FOR COMING!! My name is Bill Tribble - you can contact me via:
!www.intstudio.co.uk
! @spdby
http://www.intstudio.co.uk/http://www.intstudio.co.uk/ -
8/12/2019 Introduction to Photoshop Slides (General Assembly)
43/45
INTRODUCTION TO PHOTOSHOP
EXTENSION:DIY PROMO IMAGE
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
44/45
DIY PROMO IMAGE
MAKE YOUR OWN
Use sample images or CC images fromweb 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
MAKE YOUR OWN
-
8/12/2019 Introduction to Photoshop Slides (General Assembly)
45/45
KEY OBJECTIVE(S) AGENDA
RESOURCESDELIVERABLE
MAKE YOUR OWN
Build skills with imagecombining, resizing,
adjustment layers andpositioning
Time
10 min
1. Use sample images or CC images backdrop
2. Add a B&W adjustment layer
3. Create a mask to highlight one are
4. Choose a vector logo5. Add company name text
Promo image for web CC Backdrop image
CC Vector logos
top related