Articles, Blog

EASY Background Removal Trick for FAST Photoshop Vector Masks!

January 14, 2020


Hi, welcome back to the PhotoshopTrainingChannel.com, I’m Jesus Ramirez. In this video, I’m going to show you an easy background removal trick for fast Photoshop vector mask. In other words, I’m going to show you how
to create vector mask with just one click. There’s going to be a lot of
valuable information in this tutorial, so make sure that you stick around to the very end. So let’s just get right to it. This is the
image that I’m going to work with. If you want to follow along, you can download this
photo for my website. I’ll place a link down below in the description. So I have this photo of this shoe. And if
you’re working in Photoshop 2020 you probably already know that in the properties panel,
under quick actions, you have a remove background button. If you don’t see the properties panel,
you can go into window and properties. The remove background button allows you to
quickly remove a background. So I’m just going to click on that button so you can see how
that works. So once I click on that, Photoshop analyzes the image using artificial intelligence
known as Adobe sensei. It makes a selection and it applies a Layer
Mask which keeps the contents of the selection and hides everything else. So this quick action
removes the background with just one click. But what if you want to use a vector mask
instead of a Layer Mask? Vector mask use bézier curves to create a mask. They allow you to
be more precise and have sharper edges, especially in manmade objects. Anything that is not organic. So what if you want to use a vector mask and
take advantage of this artificial intelligence? Let me show you. I’m going to right click
and delete the Layer Mask so that we can start from scratch. What I’m going to do is create a Photoshop
action, record those steps and then I can apply them just with one click or by using
a keyboard shortcut. So I’m going to be able to create a vector mask with just one click, much like I did with the remove background button. First, you can go into window and select actions
to open up the actions panel. By the way, if you’re not seeing this, if you’re seeing
buttons, make sure that in this fly out menu you have button mode disabled, like I do here. Then create a brand new action by clicking
on this icon. You can call the action whatever you like, so I’ll call it remove background
and vector in parentheses. I can store it in the set called the fault
actions. I can give it a shortcut by using on of the function keys. For example, if I
use a function key like F4 while holding shift, it will apply this action and I can give the
action a color. And I’ll simply select red, and I’ll click on record. Photoshop is now recording every step that
I make in this remove background action. First, I want to tell Photoshop to use the artificial
intelligence, Adobe sensei, to analyze my image. To do that, you can go into select
and then click on subject. Photoshop will quickly analyze the image and
make a selection around the shoe. I did a really good job. Next we need to turn this
selection into a vector. To do so, you can go into the paths panel. If you don’t see
it, you can go under window and path. And that will bring it up. Next, you can click on this
icon here at the bottom. This icon will make a work path from a selection. But before you click on it, you can hold Alt on windows,
option on the Mac, and click. That way you can see the tolerance. The tolerance will determine
how many points it will create to follow that selection. Generally speaking,
stick to three to five pixels. I’ll use three for now and I’ll press okay. And Photoshop
generated this vector along the edge of this election. And you can see the steps that we’ve made
here in the actions panel. Next we gotta turn this work path into a vector mask. To do so
we can go back into the layers panel, then go into layer, vector mask, current path.
And that will make a vector mask out of that path. Next I can click on the stop icon and
that completes my action. So now I can use this action anytime I want
to remove the background using a vector mask. So for example, I can now click on this flout
menu, go into the button mode, and you can see my remove background button here with
the keyboard shortcut. And if I open up a new image, I can click
on that action and Photoshop will remove the background using a vector mask just with one
click, much like their removed background quick action that comes built into Photoshop.
Remember you could also use the keyboard shortcut. Now all press Ctrl Z, Command Z in the Mac
several times to undo that. And now I’m going to apply that vector mask just by using a
keyboard shortcuts. So I’m going to hold shift and tap on the
F4 key on the keyboard. And again, Photoshop performs that action. And by the way, I’m
going to make this action available for you to download on my website. It will be in the
same page where you download the photo of the shoe. Again, the link will be down below
in the description. Now, let me show you how to edit a vector
mask. So let me go back into the image that I was working with or originally and I’m going
to collapse the actions panel. And to edit a vector mask, what you want to do is select
any one of these vector tools. I prefer the curvature pen tool. You’ll see the line activate. If you don’t
see the points that you can individually click and drag like I have here, you can always
hold Ctrl, Command on the Mac, and click on the actual blue line to see the points. So I can see them in this case, but sometimes
they don’t come up when you select the tool. But anyway, one of the things that you can
do is select a point and then just simply hit the backspace key on windows, that’s the
delete key on the Mac to the lead point. If you hold shift and click on the vector
mask, you can see the original image. Notice that we have a nice smooth line here in the
bottom of the shoe, so I want to make sure that I keep that in my vector mask. So what I’ll do is I’ll click on this point
and delete it as well, and then I can adjust this point to try to match that curve. And
if I need to I can always add another point and drag up just so that everything is as
close as possible to the edge. I’ll adjust this point as well. Another thing that you can do is you can double
click on a point to create a sharp corner, and you can double click on it again to smooth
that out. And you can see that just with a few clicks
I was able to get a pretty good vector mask. You will need to fine tune the mask, but by
using this technique you will save a lot of time. If you’ve made it this far into this
video but you don’t understand vector mask, then I have a video that talks all about them. So I’ll place a link to it down below under
the description so you can check it out. Also, if you want to learn more about Layer Mask,
I have another video that talks all about those. I’ll also place the link to that video down
below into the description. If you enjoy this tutorial or you’ll learn
a new trick, don’t forget to click on that like button. Let me know down in the comments below of
you plan to create or download this action and use it in your projects. And of course, if this is your first time
at the Photoshop training channel, then don’t forget to click on that subscribe and notification
buttons. Thank you so much for watching.

100 Comments

  • Reply Photoshop Training Channel January 10, 2020 at 4:26 pm

    Follow Me on Instagram ► instagram.com/jrfromptc
    Vector Masks Explained ► youtube.com/watch?v=qoa3B4lITDY&list=PL3bfN-31F9RcsA9rVxmicKuO07kowMdU1
    How To Cutout Anything [Crash Course] ► youtube.com/watch?v=0qcWeuWCkJ4&list=PL3bfN-31F9RcsA9rVxmicKuO07kowMdU1
    Tutorial Files ► http://ptcvids.com/automated-vector-masks-photoshop/

  • Reply Carlos R. Chavez January 10, 2020 at 4:40 pm

    you're the best buddy

  • Reply Ken Jones January 10, 2020 at 4:44 pm

    I have never used Sensai. I still do manual selections. Nice video! I'm encouraged to start practicing your technique.

  • Reply Mahfujur Rahman January 10, 2020 at 4:48 pm

    Thank you very much brother . Love from bangladesh ❤

  • Reply Nazim Shariff January 10, 2020 at 4:50 pm

    Hi……..Thanks Sir this tutorial was very informative and extant very simple to understand.

  • Reply GFXCROWD January 10, 2020 at 4:51 pm

    wow wow wow excellent vidoe you are great sir

  • Reply MOTO SA January 10, 2020 at 5:05 pm

    hi its not work on cc 2017

  • Reply Ahmad AL kawamlah January 10, 2020 at 5:06 pm

    Great tutorial 👍

  • Reply Trancerapid Photography January 10, 2020 at 5:07 pm

    Super practical, but we don't have this button in Germany yet.

  • Reply A A January 10, 2020 at 5:11 pm

    Where's the PS Action for download?

  • Reply Kern Pierre January 10, 2020 at 5:14 pm

    Thank you so much for this tutorial!!👏

  • Reply Herman H. Heutink January 10, 2020 at 5:25 pm

    Hi Jesús, I can´t find the tool remove background in Photoshop properties. I use the brandnew CC 2020. Where can I find the tool?

  • Reply Matheus Gomes January 10, 2020 at 5:27 pm

    is there a way to do this exact same action but for complex images, like hairs for example?

    i don't think the path mask will be as good in this case

  • Reply ROHIT GOUR January 10, 2020 at 5:31 pm

    Thank you sir 🙌 struggling with background editing but because of you now I can easily edit that once again thank you 🙌

  • Reply Jessie gibson January 10, 2020 at 5:31 pm

    Good video thanks

  • Reply R40 Photos & Media Group January 10, 2020 at 5:38 pm

    I will download and use tonight.

  • Reply anasraza_itd January 10, 2020 at 5:39 pm

    Im from Pakistan please upload Urdu language tutorial video

  • Reply Chuck StJohn January 10, 2020 at 5:43 pm

    I have PS 21.0.2 and this (under>window) doesn't appear in my version. Suggestions? I am on a Mac

  • Reply anasraza_itd January 10, 2020 at 5:44 pm

    ۔How do I have Photoshop CS6 in it?

  • Reply Desert Gecko January 10, 2020 at 5:45 pm

    Thanks! Clear, concise, and you even included little things that many noobs like me don't know (such as how to get the right panels to show what we need them to show). Other channels overlook these little things because they assume we know them. In other words, GREAT JOB! But I still have a dumb question. At 5:45 after you selected a pen tool, your image showed the outline and the points. Mine shows only the points, but no blue line. I even imported your action file and tried it, but I got the same result. Where is my line?

  • Reply anasraza_itd January 10, 2020 at 5:49 pm

    ۔How's that going to be in Photoshop CS6?

  • Reply AMIRULB2S January 10, 2020 at 5:50 pm

    mock up polo shirt. How to do?

  • Reply J7 Art January 10, 2020 at 5:55 pm

    Super tricks 👍😍😍

  • Reply dotcommer55 January 10, 2020 at 6:25 pm

    Hi, I'm a little confused… I'm using Phoshop CC 2020 but do not see a Remove Background button under my options in Properties. The only buttons I have are Image Size, Trim, Crop and Rotate. How do I get the Remove Background button added? As far as I know I'm current on all the latest updates…. Thanks for your help!

  • Reply Wilton Lin January 10, 2020 at 6:33 pm

    Can you do a tutorial of background removal with gimp

  • Reply Alexandru Grecov January 10, 2020 at 6:35 pm

    Very useful.

  • Reply Richard Bourdeau January 10, 2020 at 6:45 pm

    Just look at Colin Smith's video list, in particular, the one you did with him re. masking and selection tips. He says, "I say down with Jesus…." Does he really feel that way about a great video teacher? Maybe you should tell him to delete say and replace it with SAT:) I would love to sit down with both of you.

  • Reply Nissan Lev-Ran January 10, 2020 at 7:24 pm

    Great Jesus! Just keep this attitude, make an Action when applicable and God bless you!

  • Reply Dinamico Studio January 10, 2020 at 7:44 pm

    Thank you very much for your share. It's a really good and easy technique. I think many people find this blog for #hair #masking https://dinamicostudio.com/flawless-hair-masking-photoshop.html

  • Reply Jerome Weaver January 10, 2020 at 7:47 pm

    Yes, I followed your instructions and created a vector mask cutout. Thank you.

  • Reply Janus Squared January 10, 2020 at 8:23 pm

    My 2020 Photoshop doesn't have the "remove background" in the properties window. Why not?

  • Reply Rick Booker January 10, 2020 at 8:25 pm

    how do you get an action into "Quick Actions"

  • Reply Janus Squared January 10, 2020 at 8:26 pm

    Oops! I had to duplicate the background layer for that option to show up even though your tutorial doesn't show that. All is good. Thanks!

  • Reply Herr Lenski January 10, 2020 at 8:51 pm

    THANK YOU!!!

  • Reply Rushab Shah January 10, 2020 at 8:59 pm

    Great video! I have a Photoshop related question. I have an image that I intend to use as a background, and import different images on top of it in a frame placeholder. How do I it via actions?

  • Reply Flora Posteschild January 10, 2020 at 10:08 pm

    Brilliant! I tried it with white sneakers on a white background, and it worked like a charm — not absolutely perfect, but fixed all the little flaws in five minutes work.

  • Reply Chatziioannou Georgia January 10, 2020 at 10:10 pm

    Sorry, I'm a little confused but what's the use of Ps action for that, only if someone needs to repeat again and again on other shoes? Right? If I understand Ps action correct… Thank you anyway you have helped me a lot, thanks to you I've learnt Ps tricks.

  • Reply Joey Roca TV January 10, 2020 at 10:48 pm

    Thank you for sharing your knowledge. Appreciated

  • Reply Image Chameleon January 10, 2020 at 11:19 pm

    Hi I hope you can help, I have PS CC 21.0.2 and I have checked for updates and seem to have the latest. However, I cannot find this Remove Background option under the Quick Actions tab. I only have Image size, trim, crop, rotate. Any ideas where I am going wrong, cheers Simon. Found it, you need to have an unlocked background, you did not mention this, I suspect it is because you do this all the time and that procedure of creating come naturally to you to such a point you do the ctrl+J without thinking and therefore, didn't mention it at the beginning. Okay I'll watch a few more of your vids now, cheers. Hmm I clicked the remove background button, now I have an image appear to the right as per your white shoe with a black background but the actual image did not mask out as per your main image, ie with the background now missing? Nope it wasn't because I didn't have a duplicate layer, it was because the layer was locked, Jesus I admire you a stack load but you really need to think a lot more when doing these, I have had to look seriously hard at your screen in pause mode and go back and forth several times comparing our screen to see what was different.
    If you had shown that the padlock simply needs clicking it would have saved me and I suspect a lot of other newbies a stack of time.

  • Reply sylvianne louzoun January 10, 2020 at 11:38 pm

    I don't see the 'remove background' quick action on my photoshop 2020

  • Reply dadonthetube January 10, 2020 at 11:43 pm

    What a great tutorial! PACKED with valuable information and with additional links to learn more. Wow. Great work bro. Thanks so much!

  • Reply Charles Sweigart January 11, 2020 at 12:11 am

    I have only used layer masks before this, but now I will investigate vector masks and incorporate them when required. Many thanks

  • Reply Gambino January 11, 2020 at 12:24 am

    Missing this tool. I have no remove background in my quick action list. Only Image size, crop etc…

  • Reply Khapo January 11, 2020 at 12:25 am

    Thank you so much I am majoring in graphic designing and I always took my time and used quick selection or the polygonal lasso to remove the background.😭😭

  • Reply Charr Ski January 11, 2020 at 12:26 am

    Very cool – I will check out the other video – love learning new stuff thanks

  • Reply Blue Ranger January 11, 2020 at 12:32 am

    Jesus, my man! I will find it hard to avoid saying a naughty word to describe how fu…lly awesome this is! And many, many thanks for sharing the action with us. Love this channel!

  • Reply JACK Official January 11, 2020 at 1:06 am

    I always watch Your videos tutorials Best Techcer.

  • Reply Fanta Orange January 11, 2020 at 1:18 am

    The quick remove background isn't great. For professional work it's not good. The best has always been mask and brush. It's slower but best results and professional

  • Reply Ben Idealionaire : Love Stories January 11, 2020 at 2:13 am

    He are just amazing, I have learned Photoshop within one month by watching your videos one by one God bless you, Can you teach me how to create Hologram effect in Photoshop

  • Reply RGB Moving Pics January 11, 2020 at 2:41 am

    👍

  • Reply andy Hey andy January 11, 2020 at 3:22 am

    So nobody notices an unpeeled banana 🍌… ok~

  • Reply Up-a-Creek January 11, 2020 at 3:24 am

    Damn… awesome trick… thanks😍

  • Reply Snow Wold January 11, 2020 at 3:31 am

    Thanks

  • Reply AWESOME VISEOS January 11, 2020 at 4:41 am

    How to remove photo background which have human

  • Reply FranktheDachshund January 11, 2020 at 4:53 am

    Thank you, another helpful video!

  • Reply Sauvik' Blog January 11, 2020 at 5:15 am

    I did create an action to remove background earlier before PS2020, but that used to create raster mask. This was helpful though, gave a new idea. Can we make an action which prompts for the tolerance value while playing the action? You know because in some action, I have seen that photoshop asks for some values to dial in. That way it would be more customisable. Anyway, thanks a lot for these tutorials. I would also like to see the "remove background" option just beside the "select subject" button instead of just in the properties pannel. They should also include those in the default action set. In ps 2020 they did bring so many presets in gradient and patterns but the action pannel is like being ignored by adobe for a long time…

  • Reply jamal ahmed January 11, 2020 at 6:49 am

    thanks love your tutorials (complex topics simplified)

  • Reply Brian Gilbert January 11, 2020 at 10:00 am

    I have photoshop cc 2020 but I don't have the background removal tool in properties only these 4 image size, crop, trim, and rotate. Where do I get the removal tool

  • Reply Fashion Vlogs January 11, 2020 at 10:49 am

    It's Very easy. May Allah give you reward. Thank You Man 👍

  • Reply mr Drew January 11, 2020 at 12:49 pm

    WOW i don't know that. It's cool!

  • Reply abdulla ahmed January 11, 2020 at 12:58 pm

    Thank you

  • Reply Filip Sevcik January 11, 2020 at 1:24 pm

    Can someone tell me what is this good for? This is not hate, this video is amazing, I dont know how can someone find this solution… but anyway, please tell me how can I use this feature in design.. its for better adjusting that shape? Because with the first native solution its the same result.. Im just curious, Im learning, so dont get it bad, Thank you!

  • Reply Zamboni January 11, 2020 at 4:36 pm

    I have V20.0.1 and I have the layer unlocked and still no "Quick Selection" Tab under Properties. I also Do Not Have" the "Transform" and "Align and Distribute" tabs like you have…@0:53
    The only info I have under the Properties Tab is "Pixel Layer Properties" You should include in your title of the video what version this works in.

  • Reply Cecil Ramsey January 11, 2020 at 6:37 pm

    can't get the quick ection remove background button into properties please advise

  • Reply Dela Wurl January 11, 2020 at 7:46 pm

    can't figure out why my PS 2020 has nothing in properties panel……..

  • Reply AlphanumericSkeptic January 12, 2020 at 1:15 am

    Wow! Powerful know-how. Thanks for sharing it!

  • Reply T. Kelly January 12, 2020 at 5:36 am

    Does this work in Photoshop Elements?

  • Reply Ak 17 January 12, 2020 at 7:17 am

    this is awesome

  • Reply Brazo January 12, 2020 at 9:04 am

    Amazing 🖖🏻🖖🏻🖖🏻

  • Reply I666U January 12, 2020 at 9:15 am

    TY señor

  • Reply PSDesign January 12, 2020 at 12:45 pm

    Thanks 🔥 Helpful 👌

  • Reply David Marks January 12, 2020 at 12:52 pm

    This is a first-class professional tutorial, taught by, a first-class professional tutor. Thank you so, so much.

  • Reply Carlos Augusto Almeida January 12, 2020 at 12:54 pm

    Great Tip Thanks

  • Reply Peter Kabiru January 12, 2020 at 2:04 pm

    Thanks

  • Reply DEMONX January 12, 2020 at 3:28 pm

    Damn I don't appear to have quick action in my properties. My Photoshop cc is 2019

  • Reply Sagor Roy January 12, 2020 at 3:57 pm

    Great Work Thanks a lot

  • Reply leslie elliottsmith January 12, 2020 at 4:52 pm

    Love your videos – Clarification needed on how to see the "remove background" option under Properties >Quick Actions. First make sure "Properties" is checked under the Windows menu. Second, make sure the image is "UNLOCKED" or make a copy of the background locked image. The 'remove background' shows up. If you do not do this, only the four boxes (crop, size, trim, and rotate) appear. Clicking on the boxes that appear originally does nothing. You just need to clarify that because many are not seeing the 'remove background' option.

  • Reply g.briel b.tista January 12, 2020 at 4:59 pm

    so this don't exist in the 2019 version?
    my properties just have W x H and X x Y configuration :/

  • Reply Philip LOUP January 12, 2020 at 5:24 pm

    in my photoshop 2020 property i don't find remove background maybe i have to click somewhere can You explain me?

  • Reply Rick Weston January 12, 2020 at 5:34 pm

    My version of PS 2020 does not show the quick action tools Remove Background and Select Subject. Mine are all related to image size, trim, crop and rotate. Help!

  • Reply rpurdum January 12, 2020 at 9:15 pm

    Another excellent, useful tutorial. Thanks!

  • Reply James brown January 12, 2020 at 9:56 pm

    This guys always use easy 2 crop pictures

  • Reply Bob G5511 January 12, 2020 at 11:06 pm

    Thanks, another great tutorial!!

  • Reply Bob MAkrides January 13, 2020 at 12:49 am

    Very nice Jesus.Thank you.

  • Reply Franklin Bu January 13, 2020 at 7:39 am

    thanks a lot for this action jesus.

  • Reply Franklin Bu January 13, 2020 at 7:41 am

    is there a link to all the actions you have created for us? that i can download all at once?

  • Reply Dtpko.cz January 13, 2020 at 8:14 am

    Good tip! but very bad working on second image. I think is no possible to make complete automatic but use more control. Thanks

  • Reply Tut Studio January 13, 2020 at 8:55 am

    sir, please make a video 3d text in (adobe photoshop 2020) because 2020 some changing panel I am confused

  • Reply Just Layout January 13, 2020 at 9:50 am

    Well recorded material. Simple and matter-of-fact knowledge. Thanks!

  • Reply Grant Bell January 13, 2020 at 1:18 pm

    I don't have the option for Remove Background on my Photoshop 2020

  • Reply Harun Khan January 13, 2020 at 3:48 pm

    Excellent. I like the way you describe to make Vector Mask Button for Selection. It saves time. Thanks.

  • Reply Dugin Sergey January 13, 2020 at 4:58 pm

    Cool

  • Reply Katarzyna Sroka January 13, 2020 at 5:17 pm

    Why I can't see in Properties panel / Quick actions this action (bg removal). My version is 21.0.2?

  • Reply Greg P. Yates Jr. January 13, 2020 at 5:20 pm

    We've come a long way since the "You Suck at Photoshop" tutorials from 2007. Amazing work!!

  • Reply KRISHNA DIGITAL Photography PHOTO & HD VIDEO January 13, 2020 at 5:48 pm

    I like this striks

  • Reply Sir Purgatory January 13, 2020 at 6:21 pm

    Nagy mágus vagy/You're a great magician 😉

  • Reply Samay Syed January 13, 2020 at 9:50 pm

    Can You pleaseMake A Text (HTL) logo for me

  • Reply Steadman Uhlich January 13, 2020 at 10:18 pm

    Very good tutorial! thanks I will subscribe because of this.

  • Reply Salim Ryu January 14, 2020 at 2:55 am

    But this works only with simple images right?

  • Reply Wills Wings January 14, 2020 at 9:40 am

    the most clearest tutorial I ever seen on Photoshop !! congrats mate ! I suscribe !

  • Leave a Reply