Download - Photoshop: Cutouts Tutorial
![Page 1: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/1.jpg)
Photoshop
Making Cut-Outs
![Page 2: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/2.jpg)
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!
![Page 3: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/3.jpg)
ToolsFind 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.
![Page 4: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/4.jpg)
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:
![Page 5: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/5.jpg)
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.
![Page 6: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/6.jpg)
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:
![Page 7: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/7.jpg)
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:
![Page 8: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/8.jpg)
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!
![Page 9: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/9.jpg)
Fix mistakes…At the top toolbar, click “add to selection”: Now we can draw an outline around the arm that was missed.
![Page 10: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/10.jpg)
Fix mistakes…Practice adding and subtracting pixels from your original selection…
![Page 11: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/11.jpg)
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.
![Page 12: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/12.jpg)
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.
![Page 13: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/13.jpg)
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).
![Page 14: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/14.jpg)
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.
![Page 15: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/15.jpg)
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.”
![Page 16: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/16.jpg)
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.
![Page 17: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/17.jpg)
Create a new file…Paste your selection on the new document by selecting “Edit” > “Paste” or clicking command+V on your keyboard.
![Page 18: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/18.jpg)
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).
![Page 19: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/19.jpg)
Add your image to InDesign!Draw an empty frame on your InDesign document.
![Page 20: Photoshop: Cutouts Tutorial](https://reader036.vdocuments.us/reader036/viewer/2022062504/58ee7b661a28abe3158b46a1/html5/thumbnails/20.jpg)
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.