Hey!! Due to school (and my lack of activity) I’ve decided to come out with a simple tutorial on how to make PNG’s on photoshop. This tutorial will not be done on a photograph with a white background (like I find a lot of tutorials are) but will be done on a…moderately busy background. If you need (or want) to learn, just click the readmore underneath the example picture! Cheers. x 

  • This tutorial goes through all options for cutting on a PNG. 

image

Setting up - 

The higher the image quality is, the neater the cut is going to look. The image should also have clear cuts on image— meaning the image should at least be half of an object. If it’s not, it’s fine. The photo I’m using isn’t a full photograph of the Doctor. It all really depends on the type of edit you’re making. 

* THE PNG CUT OUT WONT WORK IF THE PNG IS NOT A LAYER. IT NEEDS TO BE A LAYER, NOT THE BACKGROUND LAYER!

Tools you need- 

These are the following tools that you’re going to need the most. They’re the most helpful, at least. (To receive the same menu, press onto the lasso and wait until the rest come up. I, personally, prefer using polygonal lasso.) 

image

You can also use these tools: 

image

These two aren’t my favorite but they do what they’re suppose to do. Or you’re welcome to go the more boring (and ineffective) method of the pen tool. Now, some people prefer the pen tool and I suppose it’s understandable, but I’m not a fan of it at all. 

image

Using the tools - 

                                          Lasso tools - 

POLYGONAL LASSO TOOL - The tool is the simplest to use, I believe. When you’re going to use it, you’re going to zoom up on the photo. You outline a little bit of your object, like so: 

image

You’ll see that it’s quite easy to select if you’ve got a good eye. My lines are a bit messy, but that’s because I’m working quickly. Anyhow, you’re going to drag your line out and press along the edges of the photo. When you get up to where you started (the same height) you’re going to double click. This will connect the lasso. 

image

Next, you’re going to press CTRL+X. It’s going to make the background disappear!

image

When you press the background layer away, it’s going to have squares. 

image

All you have to do is continue that all the way around the image. If you’ve chosen this step (and don’t want to learn about the others) skip down to the bottom to see the final step! 

MAGNETIC LASSO TOOL - This is the tool I was taught how to use when I first started photoshop. This sort of tool tends to be good for backgrounds that aren’t busy (so white backgrounds) because it grabs onto the image. It looks like this: 

image

It isn’t the neatest tool, nor is it the most accurate. If you’re planning on using it, keep your movement close to the edge of whatever you’re trying to cut out. It would work best like that. 

When you’re removing the background, you’re going to have to hit CTRL+SHIFT+I, then CTRL+X. It should look like this: 

image

LASSO TOOL - I don’t suggest using the regular lasso tool at all. It can be used to fix up minor details, but otherwise it should not be used. 

                                          Quick selection- 

Magic Wand- I don’t suggest using magic wand for anybody unless they’re using a pure white background. Even then, the magic wand tends not to work. If you’re going to use the magic wand it will look a bit like this: 
image

If you were to delete the selection it would be too splotchy. Of course, you can change the tolerance of the wand and keep fooling around with it until you have enough selected. If you used the magic wand, skip down to the last bit of the tutorial! 

QUICK SELECTION TOOL - This tool is something that I don’t use often. It’s almost like the wand tool, only it’s a bit of the opposite effect. You press into the image you want cut, and you colour it in with the selection. 

image

As you can tell, it’s a bit of a closer cut than the magic wand was. If your selection looks good, just press CTRL+SHIFT+I. That will change the selection. Next, you’re going to hit CTRL+ X. That will get rid of the background. It’s honestly not that clean of a cut, and I don’t like this tool too much.

image

THE PEN TOOL - 

The pen tool requires that you don’t end the selection in chunks. You need to go all the way around the image that you’re cutting out, and connect the ends of it. The good thing about this tool, is that you’re able to press CTRL+ALT+Z if you screw up a few dots. 

image

You’re going to keep your tool as the pen tool, and hover over a part of the line from the pen tool. Right clicking on it, you need to press make selectin. Then press CTRL+SHIFT+I, which will invert the selection and you can press CTRL+X and the background will disappear.

Move onto the next step!

Fixing up the PNG- 

When you’re fixing up the PNG, you’re going to use the magic wand tool. You’re going to select somewhere on the boxes so that the area around your image is taken. If there are spaces that aren’t selected, press down on shift and press on the unselected area. 

image

Next, you’re going to press ALT+CTRL+R. It’s going to bring up a menu in which your PNG will disappear out of. 

image

You can just fool around with the settings. There’s going to be an outline being made around your PNG. That’s the part of the PNG that’s going to be deleted from the edges. You’ll click okay. Now, it’s still going to be selected. This time you press nothing but CTRL+X. It will cut the selection out. 

image

You’re finished! Congrats. I bet your PNG looks wicked and that you’ve learned something about photoshop. If there are any questions about how it’s done, just message me and I’ll fix the tutorial and help you out!

  1. fabgayrps reblogged this from gaysrph
  2. theslytherinrph reblogged this from solashofrp
  3. tyrellroserps reblogged this from rphforyou
  4. twilightprincesswrites reblogged this from booksandclevernessrp
  5. booksandclevernessrp reblogged this from emiliaofrps
  6. percyjacksonrph reblogged this from stilinskimccallshelp
  7. stilinskimccallshelp reblogged this from mattyandjakehelp
  8. mattyandjakehelp reblogged this from aaronhelps
  9. aaronhelps reblogged this from emiliaofrps
  10. brooklynofrph reblogged this from heezusofrp
  11. shadi612 reblogged this from hryystyles
  12. writing-n-shit reblogged this from macclarkeofrp
  13. macclarkeofrp reblogged this from psychictwinsrph
  14. solashofrp reblogged this from northrps
  15. heezusofrp reblogged this from louisassists
  16. manuofrp reblogged this from emiliaofrps
  17. bensonsrps reblogged this from teenwolfhelp
  18. breezybaconrps reblogged this from emiliaofrps
  19. chrisrph reblogged this from teenwolfhelp
  20. teenwolfhelp reblogged this from emiliaofrps
  21. emiliaofrps reblogged this from mandsrps
  22. nichelhelps reblogged this from gaysrph
  23. ale-rper reblogged this from louisassists
  24. torilove-rph reblogged this from bowsofrp
  25. horanxrps reblogged this from gaysrph
  26. louisassists reblogged this from morrisonassists
  27. avrilrps reblogged this from morrisonassists
OFJACK