SlideShare a Scribd company logo
Intro to the
Adobe Creative Suite
M.Foster - 2013
Illustrator
Photoshop
InDesign
Dreamweaver
Flash
Acrobat
• Adobe Systems, Inc.
• Collection of Graphic Software
• Efficient and Robust Visualization
• Publishing and Presentation
• Graphic Design
• Web Design
• Photo Editing
• Video Editing
• Animations
• Web Publishing
• Etc. Etc. Etc.
M.Foster - 2013
Fall 2013 - Introduction
M.Foster - 2013
Illustrator Photoshop InDesign
 Vector-based Graphics
 Lines
 Points
 Polygons
 Point based
 Raster-based Images
 Grid
 Pixels
 Photos
 Pixel based
 Production and Layout
 Text
 Images
 Layouts
 Viewshed/Layout based
Introduction to Photoshop
• Primary purpose is to edit and manipulate raster-based images
• Grid based, pixel based images
• Continuous features
M.Foster - 2013
• Primary purpose is to edit and manipulate raster-based images
• Great for illustrating planning improvements and visualizing new spaces
M.Foster - 2013
Introduction to Photoshop
• Primary purpose is to edit and manipulate raster-based images
• Can be used for good…
M.Foster - 2013
Introduction to Photoshop
• Primary purpose is to edit and manipulate raster-based images
• … or evil!
M.Foster - 2013
Introduction to Photoshop
• Primary purpose is to edit and manipulate raster-based images
• Easily enhance or modify an image
M.Foster - 2013
Introduction to Photoshop
• Primary purpose is to edit and manipulate raster-based images
• Create collages or stitch together
M.Foster - 2013
Introduction to Photoshop
• Layer based
• Organize your image content by placing it on layers
M.Foster - 2013
Introduction to Photoshop
Interface
• Massive Interface
• There are important, basic elements
that make it easy!
• Open it up!
M.Foster, 2013, S.Kennedy, 2012
Masking
1. Use the Polygonal Lasso tool to
outline the bike lane.
2. Create a new Layer.
3. Add a Vector Mask.
M.Foster, 2013, S.Kennedy, 2012
Masking
1. Select the Layer Thumbnail.
2. Select the Paint Bucket Tool and
choose a color from the
Swatches palette.
3. Apply the color to the masked
area.
4. Change the Layer Transparency
to Hue.
M.Foster, 2013, S.Kennedy, 2012
Clone Stamp
1. Select the Background Layer.
2. Select the Clone Stamp Tool.
3. Set Target Area to ‘clone’ (copy)
by Alt-clicking (Windows) or
Option-clicking (Mac OS).
4. Click on another part of the
building to create the new
window.
M.Foster, 2013, S.Kennedy, 2012
Magic Wand
1. Using Magic Wand Tool, click on
sky to select area.
2. Create a new Layer.
3. Select the Brush Tool and adjust
Size and Hardness attributes.
4. Use the Brush Tool to apply dark
blue to the top part of the sky.
5. Set Layer Transparency to Soft
Light.
M.Foster, 2013, S.Kennedy, 2012
Selecting
1. Use the Rectangular Marquee
Tool to select half the building
façade.
2. Edit > Copy to your Clipboard
3. To Deselect, hit CTRL+D
(Windows) or CMD+D (Mac OS)
M.Foster, 2013, S.Kennedy, 2012
Skewing
1. Edit > Paste the selected façade
2. Select the Free Transform from
the Edit menu.
3. Skew the façade: hold Command
and click-move each corner to
match the perspective of the
building.
M.Foster, 2013, S.Kennedy, 2012
Eyedropper
1. On the layers menu, right click
on Background layer and convert
using Layer from Background…
2. Use the Eyedropper Tool to
select the black part of the
image.
3. Select > Color Range to select
the black area.
4. Decrease Fuzziness until full
range of black is selected. Hit
OK.
5. Delete the selected area and
save as a PNG.
M.Foster, 2013, S.Kennedy, 2012
Placing
1. Edit > Place… to find and add the
file of the lady.
2. Select Maintain Aspect Ratio so
her proportions remain intact.
3. Scale down by click-dragging a
corner.
4. Edit > Transform > Flip
Horizontal
M.Foster, 2013, S.Kennedy, 2012
Color Mode
1. Image > Mode
2. Select appropriate color mode:
RGB or CMYK
M.Foster, 2013, S.Kennedy, 2012
File Saving
1. File > Save As…
2. Select appropriate Format.
M.Foster, 2013, S.Kennedy, 2012

More Related Content

PPTX
Presentation on Adobe Photoshop
PPTX
TUTORIAL ON PHOTOSHOP
PPT
Photoshop
PPTX
PPT on Photoshop
PDF
Adobe Photoshop
PPT
Basics Of Photoshop
PDF
Adobe Photoshop Basics - Session 1
PPT
Introduction to photoshop
Presentation on Adobe Photoshop
TUTORIAL ON PHOTOSHOP
Photoshop
PPT on Photoshop
Adobe Photoshop
Basics Of Photoshop
Adobe Photoshop Basics - Session 1
Introduction to photoshop

What's hot (19)

PPTX
Sesion 2.1 introduction to photoshop (basic)
PPTX
Photoshop intro to basics
PPTX
Photoshop layers
PPTX
Top 10 photoshop tools that you need to master photoshop
PPTX
Adobe photoshop about
PPTX
Photoshop
PPT
Photoshop Introduction
PPT
Adobe Photoshop
PPTX
Photoshop cs5
PDF
Adobe Photoshop CS6 tutorial 2013
PPT
Photoshop graphic intro ppt by kartik mandothiya
PPTX
Photoshop Guide
PPTX
Adobe Photoshop Tools
PDF
Lesson 1 • Introduction to Photoshop
PPT
Photoshop
PDF
Presentation 1
PDF
Photoshop
PPTX
Basic Photoshop
Sesion 2.1 introduction to photoshop (basic)
Photoshop intro to basics
Photoshop layers
Top 10 photoshop tools that you need to master photoshop
Adobe photoshop about
Photoshop
Photoshop Introduction
Adobe Photoshop
Photoshop cs5
Adobe Photoshop CS6 tutorial 2013
Photoshop graphic intro ppt by kartik mandothiya
Photoshop Guide
Adobe Photoshop Tools
Lesson 1 • Introduction to Photoshop
Photoshop
Presentation 1
Photoshop
Basic Photoshop
Ad

Similar to Intro to Adobe Photoshop (20)

PDF
DUSPviz Intro to Photoshop - 2013
PDF
Intro to Adobe Illustrator
PDF
DUSPviz Intro to Illustrator - 2013
DOC
Photoshop Elements Primer
PDF
Photoshop Crash Course
PDF
DUSPviz: Photoshop Crash Course
PPT
Graphic Editing For the Non-Techie
PPTX
Photoshop workshop
PPTX
All slide
PPTX
Photoshop workshop
PPTX
Principles of Design - Photoshopping Basics
PPT
Photoshop tutorial
PPTX
Web designing training
PPT
Photoshop basics
PPTX
Wt1110 sb unit 1
PDF
Intro to Adobe Photoshop
PPTX
Background Editing Tutorials
PPT
Photoshop tutorial
PPTX
PHOTOSHOP-REPORT-3.pptx
DOCX
INTRODUCTION TO PHOTOSHOP
DUSPviz Intro to Photoshop - 2013
Intro to Adobe Illustrator
DUSPviz Intro to Illustrator - 2013
Photoshop Elements Primer
Photoshop Crash Course
DUSPviz: Photoshop Crash Course
Graphic Editing For the Non-Techie
Photoshop workshop
All slide
Photoshop workshop
Principles of Design - Photoshopping Basics
Photoshop tutorial
Web designing training
Photoshop basics
Wt1110 sb unit 1
Intro to Adobe Photoshop
Background Editing Tutorials
Photoshop tutorial
PHOTOSHOP-REPORT-3.pptx
INTRODUCTION TO PHOTOSHOP
Ad

More from DUSPviz (20)

PDF
Intro to inkscape
PDF
Intro to Tableau Public
PDF
Mapping with Adobe CC
PDF
Intro to Microsoft Access
PDF
Intro to Adobe Illustrator
PDF
Intro to AutoCAD
PDF
Google Fusion Tables
PDF
Habits of Effective Designers - Handout
PDF
Habits of Effective Designers
PDF
Introduction to InDesign
PDF
Python Programming for ArcGIS: Part II
PDF
Python Programming for ArcGIS: Part I
PDF
The DUSP GIS Data Drive
PDF
GIS Orientation 2015
PDF
Setting up your DUSP ArcGIS Environment
PDF
AFS Connection Instructions
PDF
Intro to ArcGIS ModelBuilder
PDF
DUSPviz Rhino 3D Workshop
PDF
Drawing for planners_ivanov
PPTX
Review presentation for Orientation 2014
Intro to inkscape
Intro to Tableau Public
Mapping with Adobe CC
Intro to Microsoft Access
Intro to Adobe Illustrator
Intro to AutoCAD
Google Fusion Tables
Habits of Effective Designers - Handout
Habits of Effective Designers
Introduction to InDesign
Python Programming for ArcGIS: Part II
Python Programming for ArcGIS: Part I
The DUSP GIS Data Drive
GIS Orientation 2015
Setting up your DUSP ArcGIS Environment
AFS Connection Instructions
Intro to ArcGIS ModelBuilder
DUSPviz Rhino 3D Workshop
Drawing for planners_ivanov
Review presentation for Orientation 2014

Recently uploaded (20)

PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
12. Community Pharmacy and How to organize it
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
Phone away, tabs closed: No multitasking
PDF
Urban Design Final Project-Context
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
An introduction to AI in research and reference management
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
Special finishes, classification and types, explanation
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
HPE Aruba-master-icon-library_052722.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
12. Community Pharmacy and How to organize it
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Wisp Textiles: Where Comfort Meets Everyday Style
Phone away, tabs closed: No multitasking
Urban Design Final Project-Context
Quality Control Management for RMG, Level- 4, Certificate
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
An introduction to AI in research and reference management
YOW2022-BNE-MinimalViableArchitecture.pdf
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Special finishes, classification and types, explanation
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf

Intro to Adobe Photoshop

  • 1. Intro to the Adobe Creative Suite M.Foster - 2013
  • 2. Illustrator Photoshop InDesign Dreamweaver Flash Acrobat • Adobe Systems, Inc. • Collection of Graphic Software • Efficient and Robust Visualization • Publishing and Presentation • Graphic Design • Web Design • Photo Editing • Video Editing • Animations • Web Publishing • Etc. Etc. Etc. M.Foster - 2013
  • 3. Fall 2013 - Introduction M.Foster - 2013 Illustrator Photoshop InDesign  Vector-based Graphics  Lines  Points  Polygons  Point based  Raster-based Images  Grid  Pixels  Photos  Pixel based  Production and Layout  Text  Images  Layouts  Viewshed/Layout based
  • 4. Introduction to Photoshop • Primary purpose is to edit and manipulate raster-based images • Grid based, pixel based images • Continuous features M.Foster - 2013
  • 5. • Primary purpose is to edit and manipulate raster-based images • Great for illustrating planning improvements and visualizing new spaces M.Foster - 2013 Introduction to Photoshop
  • 6. • Primary purpose is to edit and manipulate raster-based images • Can be used for good… M.Foster - 2013 Introduction to Photoshop
  • 7. • Primary purpose is to edit and manipulate raster-based images • … or evil! M.Foster - 2013 Introduction to Photoshop
  • 8. • Primary purpose is to edit and manipulate raster-based images • Easily enhance or modify an image M.Foster - 2013 Introduction to Photoshop
  • 9. • Primary purpose is to edit and manipulate raster-based images • Create collages or stitch together M.Foster - 2013 Introduction to Photoshop
  • 10. • Layer based • Organize your image content by placing it on layers M.Foster - 2013 Introduction to Photoshop
  • 11. Interface • Massive Interface • There are important, basic elements that make it easy! • Open it up! M.Foster, 2013, S.Kennedy, 2012
  • 12. Masking 1. Use the Polygonal Lasso tool to outline the bike lane. 2. Create a new Layer. 3. Add a Vector Mask. M.Foster, 2013, S.Kennedy, 2012
  • 13. Masking 1. Select the Layer Thumbnail. 2. Select the Paint Bucket Tool and choose a color from the Swatches palette. 3. Apply the color to the masked area. 4. Change the Layer Transparency to Hue. M.Foster, 2013, S.Kennedy, 2012
  • 14. Clone Stamp 1. Select the Background Layer. 2. Select the Clone Stamp Tool. 3. Set Target Area to ‘clone’ (copy) by Alt-clicking (Windows) or Option-clicking (Mac OS). 4. Click on another part of the building to create the new window. M.Foster, 2013, S.Kennedy, 2012
  • 15. Magic Wand 1. Using Magic Wand Tool, click on sky to select area. 2. Create a new Layer. 3. Select the Brush Tool and adjust Size and Hardness attributes. 4. Use the Brush Tool to apply dark blue to the top part of the sky. 5. Set Layer Transparency to Soft Light. M.Foster, 2013, S.Kennedy, 2012
  • 16. Selecting 1. Use the Rectangular Marquee Tool to select half the building façade. 2. Edit > Copy to your Clipboard 3. To Deselect, hit CTRL+D (Windows) or CMD+D (Mac OS) M.Foster, 2013, S.Kennedy, 2012
  • 17. Skewing 1. Edit > Paste the selected façade 2. Select the Free Transform from the Edit menu. 3. Skew the façade: hold Command and click-move each corner to match the perspective of the building. M.Foster, 2013, S.Kennedy, 2012
  • 18. Eyedropper 1. On the layers menu, right click on Background layer and convert using Layer from Background… 2. Use the Eyedropper Tool to select the black part of the image. 3. Select > Color Range to select the black area. 4. Decrease Fuzziness until full range of black is selected. Hit OK. 5. Delete the selected area and save as a PNG. M.Foster, 2013, S.Kennedy, 2012
  • 19. Placing 1. Edit > Place… to find and add the file of the lady. 2. Select Maintain Aspect Ratio so her proportions remain intact. 3. Scale down by click-dragging a corner. 4. Edit > Transform > Flip Horizontal M.Foster, 2013, S.Kennedy, 2012
  • 20. Color Mode 1. Image > Mode 2. Select appropriate color mode: RGB or CMYK M.Foster, 2013, S.Kennedy, 2012
  • 21. File Saving 1. File > Save As… 2. Select appropriate Format. M.Foster, 2013, S.Kennedy, 2012