Bite Size Design: Sticker Effect in Photoshop | Syndee Rogers | Skillshare

Bite Size Design: Sticker Effect in Photoshop

Syndee Rogers, Graphic Artist & Illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (18m)
    • 1. Introduction

      0:30
    • 2. What Makes a Good Sticker?

      3:10
    • 3. Adding a Stroke Layer Style

      2:47
    • 4. The Magic of Gradients

      5:42
    • 5. Adding a Drop Shadow and Class Project

      5:23

About This Class

f9dad56c

Welcome to the third installment in my Bite Size Design series!

In this series we will be focusing on:

1- Creating design elements for use on Logos, stationery, cards, digital backgrounds, digital scrapbook kits, websites, blogs and more!

2- Learning fun techniques that will bring your designs and design skills to the next level. Plus, time-saving tips and more!

3- Different avenues to market your designs. Where and what types of products and/or services to offer.

766b249c

In this class, we will use Layer styles and Gradients to create fabulous stickers that pop off the page! 

Add sticker designs to web pages, blogs, cards, digital scrapbook pages, social media, and pretty much anything. You won't believe how fun and easy it is! 

This class is filmed in Photoshop, but you can create similar effects in Photoshop Elements. (If you are a PSE user and would like to see a class on this topic specifically for PSE please let me know!)

What we will cover in this class:

  • Ideas for what makes a good sticker
  • Creating a Stroke Layer Style
  • Creating a custom Gradient
  • Applying & manipulating your custom Gradient
  • Creating a Drop Shadow
  • Saving custom Layer Styles in Photoshop

Transcripts

1. Introduction: hi and welcome to another installment in my bite size design. Siri's in this class will be creating a sticker, which I know sounds simple, but think of it as a sticker with a twist. We're going to learn how to take an object and make a sticker that pops off the page. It's a great way to add interest to an object that can then be used in a variety of ways, such as adds, blawg, headers, social media card designs and pretty much anything hope to see you in the next lesson. 2. What Makes a Good Sticker?: hi and welcome to class. The first thing we need is something to actually create a sticker with. So what makes a good sticker? Well, you want to look for objects that are flat, have a fairly solid design. It's best to steer clear of very intricate designs. Those don't always look so good as a sticker. Things that have kind of, ah, layered paper look could sometimes look cool. It's best if it's opaque. There are vellum stickers, but that, perhaps, is another class, and they should have a fairly distinct shape. You can do a circle sticker you might wanna have object in a circle or on top of a circle or a letter monogram or a word. And that looks fine. But there are some flowers that are like more of a scallop shape, and those do always work so well as a sticker. Some fun ideas are glitter shapes, either a shape that already has glitter applied to it. Or you could create your own glitter shapes by using a custom shape and then adding a glitter style or texture to it. Letters, numbers, punctuation, those all are fun to make stickers out of and of course words. Vintage clip art that's a fun one and can make some really great in pretty stickers, and then photos of real images. For example, a rubber duck or a toy. Here are some examples of things that make good stickers your the glitter shape Cesaire. Just some funky star shapes with glitter, a sentiment, a Christmas tree clip art, a snow globe clip art. And here we have an actual photo of a rubber duck. These are all things that would make good stickers. Now these flowers and Little Star. These all make excellent stickers, and these were actually made in my first bite sized design class called fund Flowers using photo shops. Liquefy filter, Um, but Photoshopped elements also has the liquefy filter feature, so you can create them in that program a swell. So if you want to create some fun, whimsical flowers, you can hop on over to that class and take it. It's real quick, and here we have some clip art images and believe it or not, those look really good A stickers, especially the kind of stickers that we're going to make if you want to find source an extract vintage Clipper you can do so in my class. Bite size design Create fabulous elements using passing patterns in Photo shop CC. If you don't have Photoshopped CC, you can still watch the videos that talk about finding vintage clip art and how to extract them. And here I just wanted to show you the difference between a illustrated rubber duck and a photograph of an actual rubber duck. Two very different looks but very effective stickers, So I hope that gives you some ideas for objects and things that you can use to create stickers with, and I'll see you in the next video. 3. Adding a Stroke Layer Style: hi and welcome back. The first thing we're going to do once we've selected our element or object is to add a stroke layer style to it. Now I've created a document that six by six inches and I have a white background. And then I've also created a pink background because once we add the white stroke to the element, if it's on white, we're not gonna be able to see the stroke. So I would go ahead and create a colored background. Ah, try to keep it a fairly light color, cause that will help you see things a little bit better. Okay, so let's go ahead and get started. My element is about 2.5 inches in diameter. I find that this is a good midsize because I can reduce the size if I want. Stickers in real life generally are fairly small. I mean, there are some that are are bigger, but I think 2.5 inches of is a fairly good size. And then I can always reduce the size if I wanted to be smaller. If you have a project that you need a bigger sticker, that's fine. You're just gonna have to play with the size of your stroke. So let's go ahead. And at the stroke, I find the easiest way to open up the layer style panel is to just double click on the thumbnail of the object in my layers panel. Then there it is. And then we can just go ahead and click on stroke. And then we have our layer style panel opened up and ready to work with Doesn't want to stay. Okay, so the first thing we're gonna do is inter a size and I I like a fairly thick stroke for this flower. You know, you may like a thinner stroke. It's totally up to you and that's where you can play around. We need the position to be outside. The blend mode is normal opacity 100% the field type should be color, and then you can click on the color picker to choose your color. Which, of course, we're gonna do white. Most stickers are white. If they have a border, it all and click OK, and then you click OK again and there you have it. Now if I were to turn off this background layer, you can see what I mean. The stroke disappears. So that's why I like to have a color there and that we're gonna take care of that once we had a drop shadow. And you really won't have to worry about that that much. If you're project that you're adding the stickers to is a color. Okay. In the next lesson, we're going to create an ad ingredient to make our sticker look even more realistic. See you there. 4. The Magic of Gradients: adding ingredient can make the sticker look shiny and bent or curled and give it a very realistic look. Radiance are an amazing tool that don't just add color, but they can create bends, folds, creases and the most amazing blends, especially when you're blending two photos together or a background or a texture with a photo. I love Grady INTs, and I'll probably teach more classes on different ways to use those in the future. Okay, so let's go ahead and open up the grading and tool. And if you don't see it in your tools menu over here to the left, um, it's probably nestled with your paint bucket tool. Now in the menu bar, Go ahead and click on the radiant picker to open up the Grady and editor, and we want to choose the black and white preset. If you don't see that, you can click on the little gear here and just choose, reset radiant, and then you should see that black and white preset. Now on this little color bar color picker. Here, you can see these little color stops whose little squares filled with color, and they refer to those whose color stops Now what we want to do is click to the right of the black color, stopped to add another one, and it's gonna pick up whatever color you have in your color picker or your foreground color. So I want to change that two white. So you just click on the color picker down here, choose white Click, OK? And then we want to set the location to 23%. Now, we're gonna go ahead and add another color stop by just clicking to the right and we want to change this one toe black, okay? And we want to set the location of that color stopped to 47%. Then click on the white color stop all the way to the right and change that to black as well and then click. OK, And so your new Grady int should look like this. This is our custom Grady int. And now you can name that you might want to say call it sticker, bend or curl. And then you just click new and that'll added down into your presets to conceive got several of the same one and then you just click. OK, so we've created the custom Grady in, but we have not applied it to our sticker yet, so I'm just gonna go ahead in double click on the thumbnail of the flower in my layers panel to open up the layer style panel for dialogue box, and then you want to click on grading overlay, and that should just immediately grab your custom radiant cause it usually picks the last one. If not, you just open up your radiant editor and choose your custom, Grady and click OK, so you probably will. Your blend mode will probably be set to normal. I hope I look something like this. So we need to change the settings. So for your blood mode, you need to change that to screen and make sure did. There is checked. Set the opacity to 79% said the style to linear and check align with layer and I've set the angle 202 degrees. But you can play with that if you want the angle to be in a different place and see how it changes. Looks been too wrinkled, but I'm just gonna leave mine at 100 to degrees, and I'm set the scale to 46%. Now, depending on the size and shape of your sticker, it might change the scale. You know how you want it to look, so you can play around with that, too. Now, with your layer style box still open, you can actually move the Grady in around on the actual sticker if you want. It's just easier to place it this way exactly where you want it, but your dialog box has to be open for you to be able to do that. What, you're happy with the settings and how it looks. You might want to create a custom style. That way you can apply that same Grady int with those settings to other objects that you want to create Stickers with. It will also pick up the stroke. Now keep in mind, depending on the shape and size of the objects that you use, it could change how it looks, so you might have to tweak the settings, but it will still be a lot quicker cause you can just apply the style and then tweak the settings instead of having to create everything all over again. So you would just click new style. Name it I would check all of these, including the blend options, and then click. OK, and then you'll have a new style in your styles panel. Then click OK again and there we have it and it's already looking like a sticker. But we're gonna take it even further in the next lesson where we add a drop shadow. See you there. 5. Adding a Drop Shadow and Class Project: well, it's hard to believe this is our last video, so let's go ahead and double click on our sticker layer in the layers panel toe, open up our layer style dialog box and then click on Drop Shadow. I like to set my blend mode to Lanier Burn That works well for me again. This is something you can play with. You might have different preferences. Now open up the color picker. I like to use a brown um, it it's a softer creates a softer shadow, and since it's a neutral color, it goes with pretty much everything. You can always change the color to match the background. Ah, shadows usually kind of take on the color of the background, but I stick with Brown because it works well and then I have to fiddle with it that much. So the color that I used the hex number I used was three F 25 zero B, but you can use any brown you want, Then just click OK, now consent the opacity to about 35% or so that we might want to play with that the angle and gonna turn off global light. And I'm gonna put 100 and 2120 degrees the distance to 38. I'm gonna leave the spread of zero and make the size eight. Now again, these are all numbers that you can play with gonna mean this. Over here, you can see how it reacts. If you wanted to pop off the page more, you can increase the size and increase the distance. We'll make it darker. You can play with the spread. That's just going to spread the shadow out more. So I'm just going to put mine back to the settings that I had. That gives you an idea of how you can tweak the shadow. I'm gonna turn this off, the layer knocks out drop shadow and that's that's it. So again, you can play with these settings to your heart's content. That's the great thing about layer styles, is that you can tweak them over and over again. You're not stuck with it, unless you, of course, rest arised the sticker, then you wouldn't be able to do it. But just leave it as is, and you can do whatever you want. Now keep in mind that if you wanted to resize your sticker, you would need to rest. Arise it. Otherwise, if you make it smaller, the stroke will get really large in the the drop Shadow will be really large to and it will look funny. So anyway, I would save this as a style. That way you're going to pick up the stroke, the grating overlay and a drop shadow all in one style. So again, you were just new style. Name it. Sticker Good. Do bended her curled sticker. Make sure all of these air checked and then click. OK, and then that's gonna show up in you're Styles panel and then just click OK and wallah, you have a sticker that has a little bit of a twist. It's not just as flat sticker now, here are some other examples of things that you can make stickers out of. This is just showing you two different colored stickers. I think the drop shows a little different on this one. Here, I created some word art and added a sticker effect to it. Again, you can play double click and play with the size of the sticker. I just wanted to make it look like it was you know, just sitting a little bit off the page, but you can play with it, make it darker and like this one. One thing you can do, which I do all the time, is hold down the older option key and just grab the FX in your layers panel of one of these stickers and drag it to a layer without the sticker style and mullah. That way, you don't have to keep worrying about adding a new layer. Styles just really easy. In any case, this just gives you a few examples of things that you can add the sticker effect to. It doesn't it doesn't have to be an object. Could be a word, an initial punctuation, a number pretty much anything. And don't forget the vintage Clipper. That's always a fun look. So for a project for this class, I would love it If you find an object and create a sticker, just follow the techniques that we covered, and I have another class in mind. Another sticker class. I don't know when I'll get to that, because I have some others that I'm creating right now, but we'll create a puffy sticker and those air really fun, So thank you so much and I'll see you next time