SlideShare a Scribd company logo
1 of 20
Download to read offline
Photoshop
Making Cut-Outs
What is a “Cut-Out”?
“Cut out” refers to an image with no
background, or a transparent background. These
can be used creatively in our yearbook!
Tools
Find the “Lasso Tool” on your
toolbar. Right (secondary) click
the tool to see other options.
Lasso Tool:
Flowing, freehand
drawing of a
selection.
Polygonal Lasso
Tool:
Drawing a selection by
connecting straight
lines together.
Magnetic Lasso
Tool:
When you draw a
selection, the pen
automatically
attempts to detect
edges using color
contrast.
Zoom in close…
To make a cut-out, your objective is to draw a neat line
around the subject. So first, use the “zoom tool” to
zoom in to clearly see the edge of your subject:
Trace the subject…
Use one of the lasso tools to draw a line around the
subject. Stay as close to the edge as possible. Make
the shape as accurate as possible.
Close the shape…
You must continue drawing until you make it all the way around the
subject, and create a closed shape by connecting the end of your
line to the point where you started. After you close the shape, your
line will become a dotted line, like this:
Close the shape…
You must continue drawing until you make it all the way around the
subject, and create a closed shape by connecting the end of your
line to the point where you started. After you close the shape, your
line will become a dotted line, like this:
Fix mistakes…
Let’s say you accidentally forgot to trace the arm. You can
ADD or SUBTRACT from your current selection after you
close the shape. Let’s see how…
oops!
Fix mistakes…
At the top toolbar, click “add to selection”:
Now we can draw an outline around the arm that was missed.
Fix mistakes…
Practice adding and subtracting pixels from your
original selection…
Refine edge…
With you figure now selected, click the button
at the top toolbar. You must have one of the lasso tools
selected to see this option. When you click it, smooth the
edge of your cut-out by moving the sliders.
Refine edge…
With you figure now selected, click the button
at the top toolbar. You must have one of the lasso tools
selected to see this option. When you click it, smooth the
edge of your cut-out by moving the sliders.
Copy the cut-out…
After you adjust the edge, return to your image and copy
it. (Select “Edit” > “Copy” or click command+C on your
keyboard).
Create a new file…
Now create a blank document to paste your cut-on on.
Go to “File” > “New” or click command+N on your
keyboard.
Create a new file…
When you create a new document directly after copying something, by default,
Photoshop will make the new document the same size as the thing you copied. Make
sure the “Background Contents” of the new document is set to “Transparent,” then
click “OK.”
Create a new file…
After you click OK, you should see a blank document open in a
new tab. A checkerboard pattern indicates that the document
is transparent.
Create a new file…
Paste your selection on the new document by selecting “Edit”
> “Paste” or clicking command+V on your keyboard.
Create a new file…
Save your new image. Go to “File” > “Save As.” When the save
window pops open, change the file type to a .png file (this
allows the transparent background to function properly).
Add your image to InDesign!
Draw an empty frame on your InDesign document.
Add your image to InDesign!
“Place” your .png file into the frame. Right click when it is
selected and use the “fitting” options to fit your image
proportionally in the frame.

More Related Content

What's hot

Skills Development Badge
Skills Development BadgeSkills Development Badge
Skills Development Badge
HayleyMcCarthy
 
Skills Development - Barcode
Skills Development - BarcodeSkills Development - Barcode
Skills Development - Barcode
HayleyMcCarthy
 
Tools I Used In Photoshop
Tools I Used In PhotoshopTools I Used In Photoshop
Tools I Used In Photoshop
NamibiaM
 
In design software evidence
In design software evidenceIn design software evidence
In design software evidence
lcuk
 

What's hot (20)

Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Skills Development Badge
Skills Development BadgeSkills Development Badge
Skills Development Badge
 
(Sept.14)
(Sept.14)(Sept.14)
(Sept.14)
 
Drawing and selecting
Drawing and selectingDrawing and selecting
Drawing and selecting
 
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALI
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALIDesign a paint splashing effect into your image | ABDUL DJALIL DJAYALI
Design a paint splashing effect into your image | ABDUL DJALIL DJAYALI
 
Skills Development - Barcode
Skills Development - BarcodeSkills Development - Barcode
Skills Development - Barcode
 
Lines, shapes, docker
Lines, shapes, dockerLines, shapes, docker
Lines, shapes, docker
 
Google sketch up
Google sketch upGoogle sketch up
Google sketch up
 
Drawing geometric figures
Drawing geometric figuresDrawing geometric figures
Drawing geometric figures
 
Changing eye colour in photoshop
 Changing eye colour in photoshop Changing eye colour in photoshop
Changing eye colour in photoshop
 
Lesson6
Lesson6Lesson6
Lesson6
 
Lesson 2 instructions 1 pt perspective
Lesson 2 instructions 1 pt perspectiveLesson 2 instructions 1 pt perspective
Lesson 2 instructions 1 pt perspective
 
Lesson 7 123 design
Lesson 7 123 designLesson 7 123 design
Lesson 7 123 design
 
Pepsi vector tutorial
Pepsi vector tutorialPepsi vector tutorial
Pepsi vector tutorial
 
How to andy warhol your face!
How to andy warhol your face!How to andy warhol your face!
How to andy warhol your face!
 
Tools I Used In Photoshop
Tools I Used In PhotoshopTools I Used In Photoshop
Tools I Used In Photoshop
 
In design software evidence
In design software evidenceIn design software evidence
In design software evidence
 
Tutorial
TutorialTutorial
Tutorial
 
How to andy warhol your face!
How to andy warhol your face!How to andy warhol your face!
How to andy warhol your face!
 

Similar to Photoshop: Cutouts Tutorial

Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
Graveney School
 
Radial designs in photoshop
Radial designs in photoshopRadial designs in photoshop
Radial designs in photoshop
Natalie Hurd
 
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docxTUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
willcoxjanay
 
Irls 571 indiv. proj. 1 how to create a new publication from
Irls 571 indiv. proj. 1 how to create a new publication fromIrls 571 indiv. proj. 1 how to create a new publication from
Irls 571 indiv. proj. 1 how to create a new publication from
srhbeeson
 

Similar to Photoshop: Cutouts Tutorial (20)

Text and Extrude
Text and ExtrudeText and Extrude
Text and Extrude
 
InDesign Part 2
InDesign Part 2InDesign Part 2
InDesign Part 2
 
how to use design by software.pptx
how to use design by software.pptxhow to use design by software.pptx
how to use design by software.pptx
 
Clipping Path Service.pdf
Clipping Path Service.pdfClipping Path Service.pdf
Clipping Path Service.pdf
 
Ms Paint Tutorial
Ms Paint TutorialMs Paint Tutorial
Ms Paint Tutorial
 
production diary
production diary production diary
production diary
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Graphics
GraphicsGraphics
Graphics
 
InDesign Intro
InDesign IntroInDesign Intro
InDesign Intro
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
 
Radial designs in photoshop
Radial designs in photoshopRadial designs in photoshop
Radial designs in photoshop
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe Photoshop
 
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docxTUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
 
Irls 571 indiv. proj. 1 how to create a new publication from
Irls 571 indiv. proj. 1 how to create a new publication fromIrls 571 indiv. proj. 1 how to create a new publication from
Irls 571 indiv. proj. 1 how to create a new publication from
 
2010 11 Graphics
2010 11 Graphics2010 11 Graphics
2010 11 Graphics
 
Chap39
Chap39Chap39
Chap39
 
Unit 5 Task 4 Tutorial
Unit 5 Task 4 TutorialUnit 5 Task 4 Tutorial
Unit 5 Task 4 Tutorial
 
Unit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an AdUnit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an Ad
 
How to use power point
How to use power pointHow to use power point
How to use power point
 

More from Sam Georgi (20)

Genetics & Behavior
Genetics & BehaviorGenetics & Behavior
Genetics & Behavior
 
Terms Quick Reference
Terms Quick ReferenceTerms Quick Reference
Terms Quick Reference
 
Moral Development
Moral DevelopmentMoral Development
Moral Development
 
Sigmund Freud Part 1
Sigmund Freud Part 1Sigmund Freud Part 1
Sigmund Freud Part 1
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Motivation
MotivationMotivation
Motivation
 
Learning Information
Learning InformationLearning Information
Learning Information
 
InDesign: Colors
InDesign: ColorsInDesign: Colors
InDesign: Colors
 
Shutter Speed
Shutter SpeedShutter Speed
Shutter Speed
 
Composition
CompositionComposition
Composition
 
Interviewing
InterviewingInterviewing
Interviewing
 
Camera Functions Guide
Camera Functions GuideCamera Functions Guide
Camera Functions Guide
 
Mini Lesson 3
Mini Lesson 3Mini Lesson 3
Mini Lesson 3
 
Mini Lesson 2
Mini Lesson 2Mini Lesson 2
Mini Lesson 2
 
Mini Lesson 1
Mini Lesson 1Mini Lesson 1
Mini Lesson 1
 
Group Behavior Concepts
Group Behavior ConceptsGroup Behavior Concepts
Group Behavior Concepts
 
Stanford Prison Experiment
Stanford Prison ExperimentStanford Prison Experiment
Stanford Prison Experiment
 
Nomative & Informational Influence
Nomative & Informational InfluenceNomative & Informational Influence
Nomative & Informational Influence
 
The Milgram Experiment
The Milgram ExperimentThe Milgram Experiment
The Milgram Experiment
 
Freud and the Unconscious
Freud and the UnconsciousFreud and the Unconscious
Freud and the Unconscious
 

Recently uploaded

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 

Photoshop: Cutouts Tutorial

  • 2. What is a “Cut-Out”? “Cut out” refers to an image with no background, or a transparent background. These can be used creatively in our yearbook!
  • 3. Tools Find the “Lasso Tool” on your toolbar. Right (secondary) click the tool to see other options. Lasso Tool: Flowing, freehand drawing of a selection. Polygonal Lasso Tool: Drawing a selection by connecting straight lines together. Magnetic Lasso Tool: When you draw a selection, the pen automatically attempts to detect edges using color contrast.
  • 4. Zoom in close… To make a cut-out, your objective is to draw a neat line around the subject. So first, use the “zoom tool” to zoom in to clearly see the edge of your subject:
  • 5. Trace the subject… Use one of the lasso tools to draw a line around the subject. Stay as close to the edge as possible. Make the shape as accurate as possible.
  • 6. Close the shape… You must continue drawing until you make it all the way around the subject, and create a closed shape by connecting the end of your line to the point where you started. After you close the shape, your line will become a dotted line, like this:
  • 7. Close the shape… You must continue drawing until you make it all the way around the subject, and create a closed shape by connecting the end of your line to the point where you started. After you close the shape, your line will become a dotted line, like this:
  • 8. Fix mistakes… Let’s say you accidentally forgot to trace the arm. You can ADD or SUBTRACT from your current selection after you close the shape. Let’s see how… oops!
  • 9. Fix mistakes… At the top toolbar, click “add to selection”: Now we can draw an outline around the arm that was missed.
  • 10. Fix mistakes… Practice adding and subtracting pixels from your original selection…
  • 11. Refine edge… With you figure now selected, click the button at the top toolbar. You must have one of the lasso tools selected to see this option. When you click it, smooth the edge of your cut-out by moving the sliders.
  • 12. Refine edge… With you figure now selected, click the button at the top toolbar. You must have one of the lasso tools selected to see this option. When you click it, smooth the edge of your cut-out by moving the sliders.
  • 13. Copy the cut-out… After you adjust the edge, return to your image and copy it. (Select “Edit” > “Copy” or click command+C on your keyboard).
  • 14. Create a new file… Now create a blank document to paste your cut-on on. Go to “File” > “New” or click command+N on your keyboard.
  • 15. Create a new file… When you create a new document directly after copying something, by default, Photoshop will make the new document the same size as the thing you copied. Make sure the “Background Contents” of the new document is set to “Transparent,” then click “OK.”
  • 16. Create a new file… After you click OK, you should see a blank document open in a new tab. A checkerboard pattern indicates that the document is transparent.
  • 17. Create a new file… Paste your selection on the new document by selecting “Edit” > “Paste” or clicking command+V on your keyboard.
  • 18. Create a new file… Save your new image. Go to “File” > “Save As.” When the save window pops open, change the file type to a .png file (this allows the transparent background to function properly).
  • 19. Add your image to InDesign! Draw an empty frame on your InDesign document.
  • 20. Add your image to InDesign! “Place” your .png file into the frame. Right click when it is selected and use the “fitting” options to fit your image proportionally in the frame.