Photoshop | Adding A White Outline Around Your Transparent Sticker- Cricut | Mayda Madrid | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Photoshop | Adding A White Outline Around Your Transparent Sticker- Cricut

teacher avatar Mayda Madrid, Your friendly caffeinated artist

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

8 Lessons (25m)
    • 1. Welcome

      0:32
    • 2. Introduction

      1:19
    • 3. Tools

      0:49
    • 4. Setting Up Your Image And Canvas

      6:43
    • 5. Creating White Outline Around Your Image

      6:39
    • 6. Finished Image with White Outline

      0:31
    • 7. Class Project

      0:47
    • 8. Bonus Lesson - Using Various Designs

      7:28
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

835

Students

8

Projects

About This Class

6219872d

Hi Everyone! In this class we will learn how to add the white outline or bleed around your transparent sticker image on photoshop. 

Tools needed: 

Photohop 

Transparent image

Upcoming classes:

-I will be making another class on this very same subject using Illustrator. 

-Creating stickers in the cricut machine

-Sticker paper settings on cricut 

-and more stay tune! 

If you have any questions, please feel free to comment. 

Be sure to join our Facebook Group. Search under groups Mayda Madrid Illustration Skillshare

This is a private group for all my students. 

Let's connect on social media: 

Instagram

Facebook

www.maydamadrid.com

Meet Your Teacher

Teacher Profile Image

Mayda Madrid

Your friendly caffeinated artist

Teacher

 

Hi There! My name is Mayda Madrid, your friendly caffeinated artist. I create stylized illustrations for publishing and licensing, but mostly I draw figurative sketches about coffee. See some of them here Instagram: Mayda Madrid

Lets connect! Find me here: 

Instagram

Website

 

 

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Welcome: Hello, everyone. My name is might in Madrid and in this class will be learning how to create the white bleed or white outline around your image for your sticker cutting machine. Now, I personally used the cricket machine. But this will work for, uh, any type of cutting machine. Or if you need to outsource it to your manufacturer, this will work as well. So I hope you enjoy the class. 2. Introduction: today you will learn how to create ah white helplines around your transparent background images just like this one right here. Um, this will be helpful if you're cutting stickers in your cutting machine. And when you have artwork. Typically they have a little bit of detail around the image, and sometimes they're not. You know, there have a lot of open spaces such as this right here in between her neck and typically at least in my machine, which is a cricket creek. Cut, uh, doesn't really read correctly if I leave it like this. So this is a reason why we create an outline around it. And here is the white outline imaged compared to the original one. You can see there's the white outline around, which will make it easier for your machine to cut it. And this is what we will be creating right here. We will be using Photoshopped, as you can see here for this class and on another class, I will show you had to. Do you know this what outline around the image on another class, but for today? Well, PM Photoshopped. So let's get started 3. Tools: the tools for this class, you'll be needing photo shop. Any version of photo shop should work. It should be fine as well. Asses a transparent image I'll be using My own illustration. Here are titled Life Is Beautiful, and as you can see, it is transparent so you can use any illustration of your choice. I've also uploaded these little guys Underclass project for you to practice and use If you don't have any transparent background, you guys, they're more than welcome to use this and follow law, and that's about it. Those are all the tools you need, photo shop and a transparent image, so I'll see you in the next class. 4. Setting Up Your Image And Canvas: well come back. And at this point, you should have the photo show of application hoping and ready to go. And now we're going to open or Dragon drop our image into photo shop like I did here and again. We want to make sure it is a transparent background. And now that we have our image here, what we wanted to is increase the canvas size because a lot of times when we opener, images are the images that we want to work out. If they're not already set up. Usually there's no room on the areas that you can see in the legs. There's not enough room on the top of her head. Yours might be different, but typically we need a little bit of more whites room that we can create that bleed around and their two weeks to do that. One way is by going appear to image clicking on canvas size and you'll get this screen and here you can work. Um, however you feel more more comfortable with, I'm gonna work with inches, but that's up to you. I usually start with one one inch around the canvas, and you want to make sure this is selected so that the whole canvas increases in size. So after you and put the numbers, I'm gonna put one. You put okay and you'll notice that it did increase t canvas inside just a little bit more , but not quite enough. So depending on the image you're using on your or your the the type of design you have, you might have to go back going canvas and tweak and play around with it a little more. If you want to go on on that route another way, we can increase the canvas. Ice is by going to the left side, here on on our tool toolbox and go on the crop tool. Now, if you don't have this toolbox on your left, all you have to do is go up here on window and make sure the tools is selected. And that will give you this toolbox here. And the reason I like to use the crop tool ISS one. It's easier. And two, it gives me the freedom to increase the canvas as much as I need to, depending on my image. And when I'm working with bleeds and stickers, I'd like to have enough speaks just so that I know how much space it needs and how much of the whites white bleed will go around, you know? So that's why I like the crop tool. Another reason why, like it is because you can move your design around and I like to keep it center, as you can see here, pretty much center. So it gives you a little guide, and it just works best. But that's total preference up to you now, now that we have our canvas increased in size and, well, you like the way it looks, We click on this arrow over here, and we're good. So now what I like to do is create a new layer and you'll find a new layers on the lower right side, which is down here. This is the layers, Icahn. So you just create any layer and then this drugged out underneath. Now, at this point, you can name your layers. We can name this design or sticker image and this background, you don't have to, but it helps. So you want to make sure you're bottom layer is selected, and we're gonna feel this layer with a bright color. It could be red, blue. Whatever color you desire and the reason we're gonna feel this, the background Lear is so that we can make sure that our image is clean. And there's no specs around, because when we create the white outline in the bleed photo show will pick up those specs and we don't want those specs are cricket Machine will cut those two. So we want to make sure our image is clean. So let's turn off or design and make sure our background selected Let's pig her color picker here. And I'm just gonna go for red because it's just right there and let's go to our bucket tool and fill that in. Now that we have that fill in, we wanna open our design here, and I don't see any specs on mine. If you find that you find little specks here, little specks here and there, just all you have to do is just erase it. Every said and you'll be good. So make sure your image is clean. My looks good and we're good to go. So now let's we don't eat this layer, so let's delete it, and we're going to create a new layer again and drag that under our design. And now we're going to feel this new bet Beck earlier, as with no has with the Color white. So let's turn off our design. Let's go to our color picker. So, like Dwight, now we go to our bucket tool and fill this in. And now the reason why I turn off our design is because sometimes when we leave it on and we're filling in the background sometimes it won't fill out our design at all. Oliva White space in this case it you know, I turned it off so it feel everything. But sometimes we would fill it on like this. It won't necessarily fill the whole space. So just to be safe, I like to do this. And now that we have our button earlier, I'm just going to name this background or back earlier White in our design on top. Now we can get started with the white bleep and also you in the next class 5. Creating White Outline Around Your Image: Okay, now that it's filled in white and there's enough room, you want to make sure the white, um, layer is, um, underneath. And it's selected as we have it here. And what you want to do now is press Come, um, control or command of hearing Mac how suppressed control and click on your image or transparent background. And it will make a selection such as this and you'll see that there's little squiggle lines around your image. This is what you want. And so from here, you wanna go to select, which is up here in your in your home tools select modify and then expand. Now, this is gonna bring this expand window, and this you would it would have to vary. You will have to play with it a little bit. This will increase this this swivel line so that we can create that white outline. Er so I'm gonna start with 15. We're 65. Let's see how that goes. Actually, no, let's go 60 and see what that does. And, as you can see, created this little white outline around my art, and I think it's pretty good, but I'm gonna increase just a little bit more. Um, yours might be different and will vary, So you would have to also play with it and see what you like best. Um, I'm gonna do 65 now and see how that goes. Okay? And this expanded just a little more. Which I'm happy with, because that way I know that my machine will not cut too closely to my artwork. So once we have your So once you're happy with your selection and the amount of Oh, or how far I went from your image. You want to go back to select and click on select and mask. Now, this will bring another window. Here is you can see here sometimes this will be on black or on wide or only years. It just depends. But typically I like to leave it and overly so that I can clearly see the outlines. Um, so from here, you want to make sure this just this just the capacity of your background, so it doesn't really matter. It's personal preference. And what you want to do is go to the properties here and you will have the radius. You will leave alone the smooth you want to make sure that's all the way to 100 so that it's moved house all the edges around here. Uh, feather, You want to leave that alone? You can play with it, but well, kind of, um, make this a little lighter and you don't want that Your machine is to read clear lines, so I usually leave it at zero contrast. You want to put it all the way up and shift Age depends on sometimes you have little white open areas and this could cleared, but as you can see on my photo here, it doesn't really do any difference. So I'm just gonna leave it and then you press OK and you go back to your selected image. So from here, you want to, um, create a new layer. But this time it will be a mask layer, um, in your white leaders in your white background. So what you want to do is make sure this one is selected your white, um layer and creed a mask with just right here, and this will cut out your sticker image. And as you can see, this is what we're looking for. So you want to inspect and make sure that they're no white areas that your machine might have. Ah, tough time cutting, for example. I know my machine will not cut her on her neck this deep. This will depend on your machine, but for mine, which is the cricket will not cut that deep. So what you want to do is make sure this is on white. You go to your brush, you select your brush, um, size, and then you just wanna make sure you color just like So Now if if it's too far out and you want to delete it or race it, don't don't erase that. Make sure you are on your white, um, underneath Lee, you're here, and you can change this to black. And this will erase. Actually, if you had to go here, this holy raise, everything, which is what you don't want to dio so don't. So you make sure it's on white, and then you just go over your image and make sure the little areas are covered where, you know, your machine will have a hard time and you don't have to do it, you know? So so, um perfect, but just depends on your machine. And now this looks okay to me. Everything looks great here. So now you want to see of it. So after you're done with your you want to save it either as, uh, PST or but in this case, I'm gonna save it us, the p and G. Because he needed us a PNG These air mother stickers here, as you can see and already have one with the white background right here. So I'm just gonna see this as a copy just for the sake. And there we go. And so now when I bring it from my folder, you will see this is the new image we have created and the you have the white background around your image. Now, this will work with any transparent image you have. It also works if you have various images in your canvas as long as they're not touching and it's transparent 6. Finished Image with White Outline: and now you have created your image with the background with the white background, and it's all ready to go for your cutting machine. Or, if you're using a manufacturer, you have it ready to go. So I hope you enjoy this class, and I hope you learned something. If you have any questions or concerns or anything, you want to learn about this or my other upcoming classes, please comment below, and I will talk to you soon. 7. Class Project: for your class project. Um, I'd like to see your finished image with the white background. You can if you already know how to use your machine and import this. Go ahead and show me your final work. But if not, I would like to see the white. I want around your image and see how it looks. No, if you don't have an image of your own that you would like to use, I have included under a class project these images here that you see and these are for your use and practice. And if you don't have your own, I would love to see this this one have fun. 8. Bonus Lesson - Using Various Designs: okay, In this bonus class, I'm going to show you how toe create that white outline on various types of, uh, stickers or designs that you know you want to use in just one sticker sheet. So in this case, I will be using these sticker planners. Yours will look different, but I hope that you're using designs that are different or similar different shapes so that you can get an idea. It's going to work the same, just like our class. You know, our class earlier. But I wanted to show you anyways and do the process with you. So what we want to do here again, just like before this increase our canvas size just a little bit and you can see this. It's way out there, but that's OK, and we're going to create a new layer over here. Let's break it down. We're going to feel that layer with white at this point. Let's closer design, but let's just name it so we know overworking with thank you. Now let's feel that in with whites, I am not going to use the different color just because this is Steve bonus lesson. But I would recommend that you do just a check for specs and all. But for this bonus class, I'm just going to stick with White because that's what we need. Let's fill it in. And now let's turn on our designs. We're going to select our background. Make sure that selected and clicking control or command, you want to click your design and it will select your stickers here or your designs images . Let's go with images because they're not yet stickers. And I from here we want to go to select modify expand again, just like before. We want to play with the numbers here. Uh, the larger the number is, the larger the white background will expand. So it's up to you how you like it and the way your stickers work. So I'm gonna trace 20 and see how that looks. And I like what I see. I don't I usually don't like my stickers to be too far out like the white bleed. I like it to be disclosed as possible to the illustration, so I'm going to stick to this now. We're gonna go to select again and select and mask and in here, just like we did earlier in the class. We're going to go to our right side and leave the radius at zero. Smooth. We want to go to 100 feather Zero contrast. Ah, 100 shift edge. We're gonna leave. Um, the shift edges supposed to feeling any blanks or anyone Calm spots that perhaps did not feel in for whatever reason. But for me doesn't usually work, so I'm just going to leave it. And now we click. OK, And from here, you want to make sure the background is still selected to not touch this, But you want to go down here to our mask and click, and that will cut our stickers here. Now from here, If you have your backing cards already, you're backing card. That will go. You know that your stickers will go in. You can go ahead and do that and put it in. But for now, I'm just going to create a new one and just quickly show you how to put your stickers in their from here. Of course, you always want to save as a PNG. Don't forget. Uh, since already have a one. I'm gonna go with two. You want to save these a PNG. Because, as you can see this this has two layers I would recommend at this point again to save your your sticker sheet as well. I'm gonna name this to and make sure it's a photo shop. They go now. We want to bring in our finished sticker, which is right here. I am going to create just a simple back and she just because just to show you so I usually like to make mine five by seven. I find that it works best or four by six. So we're gonna do that from here. I like to put a little border up here and has changed this to light pink. Why not? All right, I'm going to name this planners diggers, and my font is white. That's okay, has turned his black. There you go. And I'm just going very quickly because if you want to know how to do this step by step, I have another class that you can take that will teach you how to create this. But for the purpose of this bonus class, I'm just going to do a quick a quick sticker sheet there. So now that we have that going to bring in this. So we wanna control a to select and in control. See? To copy. And then we're going to control V to Pace. And it didn't pace. Great. Let's undo. See, even I have bloopers here. Let's de select. Okay, there you go. So let's click on there. That's control a control. See to copying. Let's try this again. Control V. There you go. Now I did it. Eso from here. You just want to fix your sticker sheets. How you want him to look? Sometimes you may have a local down here Are not for this purpose gonna leave it like this ? I'm I'm going to increase this a little bit. And there you have it. This is what you'll be using for your stickers. And that's how you do it with a different images and designs creating that white background . It's very simple. I hope this helped. And if you have any questions, please feel free to, you know, reach out to me. And I would gladly help you with your questions or anything that might be giving you trouble. So I'll talk to you guys six time. Okay?