Indezine Logo

PNG Cutouts in Adobe Photoshop

Learn how you can create PNG cutouts in Adobe Photoshop. These PNGs are suitable for use in PowerPoint slides.


Product/Version: PowerPoint

This tutorial shows you how you can create a simple cutout in Adobe Photoshop, and then save it as a transparency-equipped PNG. This tutorial uses Photoshop CS3, but the technique works in the same way in earlier versions of Photoshop.

Follow the steps to create a cutout in Adobe Photoshop:

  1. In Photoshop, open the picture from which you want to create a cutout, as shown in Figure 1, below.
  2. Picture opened in Photoshop
    Figure 1: Picture opened in Photoshop
  3. Select the Pen tool from the Tools palette, as shown in Figure 2, below.
  4. Pen tool
    Figure 2: Pen tool
  5. Now within the Options palette, click the Paths icon, as shown in Figure 3, below, so that you can make a selection with a path.
  6. Pen tool
    Figure 3: Pen tool
  7. No Options Palette?

    If your Photoshop interface doesn't have an Options palette at the top, choose Windows | Options to activate the Options palette.

  8. Now, zoom on part of the picture, and start making the selection minutely, as shown in Figure 4, below. Continue making the selection until you get back to the point you started from. Click on the starting point to create a closed selection path.
  9. Making a selection using pen tool
    Figure 4: Making a selection using the Pen tool
  10. Note: Make sure you close the path to get a proper selection.
  11. Figure 5, below, shows the path selection created. As you can see, the water lily has been isolated from the rest of the picture.
  12. Path selection
    Figure 5: Path selection
  13. Now, press Ctrl+Enter to create a selection from the path, as shown in Figure 6, below. You'll know that this is a selection when the water lily (or anything else in your picture) has a path of marching ants around it.
  14. Selection
    Figure 6: Selection
  15. Press Ctrl+J to copy the selection to a new layer. Figure 7, below, shows a new layer created in the Layers palette.
  16. New layer
    Figure 7: New layer
  17. Figure 8, below, shows you the cutout after we hid the background layer.
  18. Cutout
    Figure 8: Cutout
  19. Now choose the File | Save for Web & Devices option, as shown in Figure 9, below. Users of previous Photoshop versions will choose the File | Save for Web option.
  20. Save for Web
    Figure 9: Save for Web
  21. Doing so opens the Save for Web & Devices dialog box, as shown in Figure 10, below. On the right side of the dialog box, choose PNG-24 from the preset dropdown menu and check the Transparency option.
  22. Save for Web & Devices dialog box
    Figure 10: Save for Web & Devices dialog box
  23. Click the Save button to export the cutout to a PNG file.

Using PNGs in PowerPoint

Any cutouts that you export as PNGs can be inserted within PowerPoint slides, and PowerPoint will show all areas that are not part of the cutout as transparent.


You May Also Like: 5 Slide Design Tips to Take Home From a Successful IPO Presentation Project | Crinkle PowerPoint Templates

Popular Posts

Ten Easy Topics for Pecha Kucha
Ten Easy Topics for Pecha Kucha
But what are simple topics, that excite you, and are interesting to your audiences? Of course, if you already have a topic, you need not read further, but if you are still looking for ideas, here are ten easy topics that you can use for your Pecha Kucha presentations.

Drawing Arcs in PowerPoint
Drawing Arcs in PowerPoint
Explore how you can draw an Arc shape in PowerPoint.

Set Minimum and Maximum Values on Value Axis in PowerPoint 2013 for Windows
Set Minimum and Maximum Values on Value Axis in PowerPoint 2013 for Windows
Learn how to set the Minimum and Maximum values on Value Axis of Charts in PowerPoint 2013 for Windows.

Crop Pictures (Mask to Shape) in PowerPoint 2011 for Mac
Crop Pictures (Mask to Shape) in PowerPoint 2011 for Mac
Learn how to crop pictures using Mask to Shape option in PowerPoint 2011 for Mac.

Jigsaw Graphics for PowerPoint

Here are 10 jigsaw graphics containing different shapes. These graphics are available in both black and white and are contained within separate sample presentations that you download. Additionally, these jigsaw graphics are vector shapes, so you can easily edit them within your Microsoft Office program by changing fills, lines, and effects or even applying Shape Styles.

Download and use these Jigsaw Graphics in your slides for just $4.99+

This is the original page. An AMP (Accelerated Mobile Page) version of this page is also available for those on mobile platforms, at PNG Cutouts in Adobe Photoshop.

Microsoft and the Office logo are trademarks or registered trademarks of Microsoft Corporation in the United States and/or other countries.

Home | PowerPoint | Photoshop | PowerPoint Templates | PowerPoint Tutorials | Blog | Notes | Ezine | Media Kit | Feedback | Site Map | About Us | Contact Us

Link to Us | Privacy | Testimonials

PowerPoint Backgrounds | Christian PowerPoint Backgrounds | Business PowerPoint Presentation Templates

Plagiarism will be detected by Copyscape

©2000-2023, Geetesh Bajaj. All rights reserved.