Design Your Own Custom Enamel Mugs | Jon Brommet | Skillshare

Playback Speed

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

Design Your Own Custom Enamel Mugs

teacher avatar Jon Brommet, Crusoe Design Co.

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

    • 1.



    • 2.

      Thinking Creatively - Know The Printing Process


    • 3.

      Illustrating Your Design


    • 4.

      TimeLapse Of My Illustration


    • 5.

      Using Emalco's Template


    • 6.

      Image Trace Your Design


    • 7.

      Creating My Mug Base


    • 8.

      Finalizing & Applying To Template


    • 9.



    • 10.

      A Message From Future Jon


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.





About This Class

This class has been in the making for over 8 months! Sort of... That's how long ago I found Emalco and knew they would be perfect to make some amazing mugs for me and potentially you! That's right, the winning student of their choosing will win 60 mugs for free! Check out the community board for all the little details

In this class I will talk a bit about creative thinking, sketching, using Adobe Illustrator's image trace and setting up your art on Emalco's template.

Many thanks to the amazing Emalco Enamelware for the amazing quality craftsman ship in making my mugs. Oh and for sponsoring this class!

Check out their website at:

What are you waiting for? Enroll!

Meet Your Teacher

Teacher Profile Image

Jon Brommet

Crusoe Design Co.

Top Teacher
Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

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.


1. Intro: Hey, what's up Internet? My name is Jon Brommet and welcome to my new class. In this class I'm going to show you how to create your own mug. So what we're going to do is take your own design and put it on to a mug. This is sponsored by Emalco. They're really cool printing company and they're out of Poland actually. They do some really high-quality mugs that are a little different. They are not some factory-made VS. What we're going to do is I'm going to talk a little bit about creativity, trying to come up with something unique. Like how this arrow actually wraps around the bottom and it comes back to the backside. Emalco is really big on trying to do something unique with their mugs, and sometimes they have wraparounds, and do a lot of things that other print companies can't do. So it's really important for them to do something unique. So in this class I'm going to talk a little bit about creativity, which is something I don't talk a lot about. I'm going to show you how to easily illustrate your design on either paper. I'm going to use an iPad Pro, but it doesn't matter what you use. I'm going to scan that in. We're going to live trace in Illustrator. So if you've never used Illustrator before, it's not a big deal. We're just going to scan it, live trace, it's so easy. You can just download a free trial and you'll be done in 15 minutes. I'm going to show you how to illustrate the bottom of it, which is actually all the type and things like that, and then I'm going to show you how put it on the template and make it easy to send to Emalco. So the best part of this class is I'm back with a huge contest again, by far my biggest. Emalco is sponsoring it, so they're going to be giving the winner of their choosing 60 mugs. That's around US $700 to a $1000 worth of mugs. So you're going to get that for free. So make sure you put a lot of effort in this class and try and knock it out of the park. The only stipulation is we're going to try and keep it camping, outdoor adventure, animals, mountains, that thing. I hope you enroll in the class, and I'll see you in a second. 2. Thinking Creatively - Know The Printing Process: I want to talk a bit about creativity. It's not something that I've talked about much in other classes because it's definitely hit or miss. It's not easy, it can be a bit tricky. But when I was talking with the owner of Emalco, what they wanted to do is really make sure that the mug that I created showcased something different for them. As I mentioned, there's a lot of competitors and lot of companies that are ripping them off, but they don't have quite the ability to make something unique. Something Emalco was really proud of and thought was really cool, was the ability to actually turn it around the mug. The thing would wrap all the way round from the handle to this side and that's something that their competitors weren't capable of doing in the past. That was something that's unique to them, so they were saying maybe I should do something like that. But what I wanted to do is I actually started by creating my artwork. So again, they really wanted something that's either camping themed, outdoor themed, so that you could have bonfires, you could have animals, trees, mountains, that thing. Just some outdoor thing whatever you can come up with. So I came up with the idea of an arrowhead and I wanted to use that as a container for the design. From there; I'm a fan of giant animals so I thought of a bear and trees and that thing right. Not crazy outside of the box, but those things that go with the outdoor look. From there, once I actually drew that out, I drew the front of the arrow and then I had the idea of putting the back of the arrow on the backside rather than just having the artwork on both sides, which you could do. That's when it came to the idea of actually wrapping it all the way round. So as you can see, the design wraps around from the arrow all the way down to the circular design on the base and then back around to the other side for the finished arrow. This is something they've never done before, and as far as we looked online hasn't been done. It's also tricky. You have to keep in mind when you're trying to be creative and come up with things, to learn as much about the product as you can because there's a lot of different processes that can't be done. For example, if you want it to wrap around all the way around, so that your art was going all the way around, you can't do that with a design like this. Because they're using a water-slide sticker from my understanding. So there's no way for them to apply a decal all the way around this corner without getting wrinkles and bumps and things like that. It doesn't have to be for this project but for any design or when you're doing a product or just trying to do something unique. You need to learn as much as you can about the process of it being printed, so that you actually know what your limitations are and what they aren't as well. You don't want to limit yourself too much and then find out they could've done something bigger and grander with your design. That's really important. In the next video, I'm going to talk a little bit more about how I actually came up with my design, and where I got the ideas from, because I know that creativity is really difficult for people. So it's hard to come up with something unique and sometimes you get really stuck in that, and then that may be a reason why you don't upload your project. I really want to talk about that. We'll see you in the next video. 3. Illustrating Your Design: When it comes to creativity and trying to come up with the idea, sometimes it's best to come up with it in pieces. It depends on the type of illustrator you are. Whether you're going to use different elements or you are going to have just one overall design that doesn't comprise of a lot of different pieces. A lot of the times lately I've been trying to combine a bunch of different things. If you look at some of my other illustrations, I did a skull that was in a compass. That idea of having a compass but then putting the skull inside of it. I had one with an owl that had like a laurel going around it and it was in a diamond shape. Things like that, just trying to come up with pieces and that's something that I've been doing a lot lately. With this one, I was trying to come up with a container that I can put my design in. I was trying to think of something unique. Obviously there's other shapes other than the square or the circle, like I've used them before or a diamond. I came up with the idea of an old arrowhead. I want it to look a little bit more original like it was chipped out of stone rather than a perfect one that you could buy nowadays at a hunting store or something like that. I started with that shape and then I started to think about pieces that I can put into there. Naturally for me, an animal comes to mind, so I decided to come up with a bear. I thought of trees and then I tried to look at the space. In the top part of the arrow, there's that little tiny space and I thought, well, I'll put a moon in there and some stars around, that makes it look like it's night time. Then sometimes I'll put in little place holders that don't necessarily mean anything, they'll act as just for looks. Then having the string wrap around the arrow like it would in the old style where it comes and attaches to the stick. There's a lot of things that are just done in pieces that I've tried to think of. What I would actually do is on my iPad I've got Safari opened on one side, so I'd simply type in arrowhead. I'd looked at a bunch of different options and then I would sketch over here on this side. Of course you don't need an iPad Pro for this. If you have a sheet of paper and you have your phone or a computer or something for you to look at. That way you can compare and easily get ideas. Another thing if you're really stuck, you could go to something like That's and you can type in campaign or type in outdoors. You can really easily see a bunch of things that other people are drawing. By no means you're going to copy them but maybe you see, oh, that guy had a piece of fallen tree that looks really cool or that guy had a bonfire that looks cool. Or just get different ideas from different people, I like the way that guy drew mountains. Then you can try and combine the things. I play guitar and I look at it very similarly. A lot of guitar musicians, what they'll do is their sound will essentially be a combination of their heroes. If there are big fan of Jimi Hendrix, and Eric Clapton or BB King, things like that. Then what will happen is their sound would probably naturally sound like a combination of all those fared things. I think that's okay to do in art too. If you have a bunch of different artists that you like and you're not stealing but you're using like, I like the way this guy draws. Like I said, the mountains or like the way this guy draws trees or the way this guy does that. Try and come up with your own thing but it's okay to combine them into your own design. You may actually build your own style based on that. That's definitely something that's tricky, trying to be creative and trying to come up with ideas. But we're in a good age now where we've got the Internet, we've got social media to inspire us, follow lots of cool people on Instagram. It shouldn't be too hard to find inspiration and try and come up with something that's going to be a little bit unique to you. But if you're stuck, you can still pull from other people and try and see what they're doing and cool things they're working on. The other great thing about Amalco being the sponsor is they've already done amazing mags, that's why I asked them to be the sponsor. If you just look at their website which is just, you're going to be able to see they've done stuff for [inaudible] and tons of really cool bands. You get an idea of some of the stuff that they've already done and you can work to it. You have to think of this as since it's a contest and they're choosing the winner, you have to look at them as a client and look at their work that they have been putting out. Their new designs with like deer and stuff like that and think, well, if they like that, they might like this. That's important when you're working for a client. You need to try and design something that they're going to like. You want to make sure you like it and you're proud of it. But it's important to think of what the client also has in mind. If you have any other questions about creativity and trying to come up with things like that, just post them in the discussion, e-mail me. I'm happy to help with that thing. It's not something I've talked about a lot in the past, but that's the best. If you can't come up with something in your own mind instantly and start drawing, which sometimes you will, then it's okay to look other places. The other thing that's a really good idea is to draw a bunch of different thumbnails, that's like Graphic Design 101. If we have a blank canvas here, all I'm going to do is I'm just going to make my color black. Like I was saying before, if you thought of the idea of an arrowhead, just sketch out an arrowhead, it doesn't have to be good, just sloppy like that. Or if you thought of a diamond shape or a square or a circle or any thing that you want to do. Then you can try and piece in what you want from there. Again, at this point it doesn't need to look at. Maybe you have a bonfire happening here, then you've got your trees quickly over here, then we've got the moon, again more trees and stuff like that.Then you're saying you may not like the composition of something. It's the same idea, just try and draw a bunch of thumbnails. I'm going to show you a bunch of thumbnails that I've drawn and hopefully that'll get you the idea. Just quick, dirty, creative, don't try and take too long. Because all you want to do is get every idea you possibly can out onto the paper and move from there. I'll see you in the next video. 4. TimeLapse Of My Illustration: Rather than show you thumbnails like I said I was going to do in the last video, the truth is with this one, I had a pretty good idea of what I wanted, so to show you a couple of thumbnails is going to become pointless. Instead, I'm just going to walk you through the time-lapse of my entire process, which is a neat feature Procreate. It shows everything I did from start to finish. In this way, you can see exactly what was going on in my head. As mentioned, I came out with the idea of having the arrowheads. I drew that out and then it was this container where I want to piece things in. I wanted to draw this black bear, and then the idea of trees and the stars and the moon was actually just a nod to another design I already did. The one that's actually an owl with the laurels around it, and it has a moon and stars like I mentioned, which you can see on my Etsy store or my website. I thought it would be cool to tie the two together, because I wanted to make this into a sticker and enamel pin as well. Then it matches the set nicely. So you can see that I drew the bear a bunch of different times. Obviously I know what a bear looks like, but it's easy to get the proportions weird and I was unhappy with the head. I was happy with the body though. There's definitely a little bit of messing around with not having too big of details and not having too small of details. That's why you saw that I drew the eye a bunch of times. You'll see obviously that I'll draw the bear quite a few times over and over. I think that's just the process of getting something right. You rarely going to nail it your first time, so don't be afraid to draw it over and over. It's easy when you're using a program like this, but if you're using pencil and paper, that's fine. Just use a fresh sheet and draw it in a bunch of different spots. If you're familiar with computers already or if you want to be, it's easy to just draw the bear a bunch of times on a sheet and then pick the best one and piece that in your design. But I'm going to keep it basic because I've done so many classes now that show how I actually go about illustrating something in Illustrator or piecing things together, that I don't want to touch on that again in this class. So just check out an old class that I've done. There's lots that have had that kind of thing in it. In this case, I'm just going to show you how to Live Trace it. The beauty of that is, if you're more of a traditional artist and you're used to drawing on paper but you're not using computers that often, then you can just use Live Trace. It's really easy and straightforward. Even if you are really comfortable with it, Live Trace is cool sometimes, because it'll keep your art with that natural imperfect drawing that you have, which is something that I wanted to go with on this. You can definitely go to the route that you're more comfortable with and the style that you want to draw of. You don't have perfect crisp vectors, but I wanted to make my design handmade. I thought it would really fit well with the idea of this hand-dipped old-fashioned vintage mug for camping. So that's the area that I went in. You saw that I've mess around with things. I had fish. I had a bear-paw. I had a bunch of different things, and then I decided to put the strings that you would actually use to attach the arrowhead to the arrow itself, like the stick. Once I decided that on the back side of the mug, it would be boring just to repeat the pattern, I thought of the idea of completing the arrow and actually having the back there with the feathers as well. Just for fun, I thought it'd be cool to have another tree and those Xs carved into it just so that matches better to the front. You'll see that I redraw the feathers about 500 times. I think that that's because I just couldn't get the flow to match the front of it perfectly. So I came up with a lot of different ways to draw feathers. I thought of them being all black as you can see here. I thought it would be an all white with a little bit of shading. It's a combination of, "Well, how do I get it to fit best with the front?" You see, I did the scribble again so that it would have little pieces chopped out of it. That part definitely can be tricky, I find. Sometimes you'll nail it on an illustration, and then when you want something else to match your style perfectly, it can be trickier than what you saw in your head. So that's why I draw these feathers a bunch of times and I have different shadows. I'm not the greatest illustrator of all time. I'm definitely trying to learn and getting a lot better at it, but that's why I'm not naturally drawing a perfect second piece, that compliments my first design. Hopefully this gives you a really good idea of my process and how I redraw things over and over. Again, if you have any questions, I definitely want you to post them in discussion or email and ask. If you have tips on what I should cover in another class, let me know in case I'm missing out. Here, I'm just redrawing the strings. I wanted to make sure they're all the same thickness and I simplify them a little bit. It's easy in Procreate to change the brush size so I want to make sure they're the same stroke on them. Then I did piece that stuff together a little bit in Illustrator, but more or less it was just Live Traced, just because that way, it would keep that natural organic look that I was going for. I'm really excited to see what you guys come up with and we're going to go into the next video. 5. Using Emalco's Template: Before we dive into opening up Illustrator and using it to live trace your design, and then put it on the mug and stuff, I want to show you the two templates which you can get from the class website. Just download the two templates and we're just going to go over them quickly. This is the eight centimeter mug. This is the one that you're going to have a chance of winning. If we go through the pages again, I have this open-ended Adobe Illustrator. Please open that. Then again, if you don't have Adobe Illustrator, you actually don't really even need it for most of this class. But what you could do is just download the trial from Adobe's website. This should give you a 30-day trial for free, so you could download that. Just open up this file and the other one. You're going to see here this emalco template. So you can put your name here. You can name your mug, whatever you want to do. You don't have to fill in every little thing here that's not necessary, but it's not a bad habit to have anyway. Then I'm going to show you the layout of the mugs, the sizing, and then it's going to show you if you want a full wrap around, to wrap all the way around the outside, which I'll show you in a minute, and that's it. It's pretty straightforward. But I think what would actually help you to start your design is to try and decide what kind of color scheme you are going to go. We're going to go ahead and we are going to go back to the chart. Right here you're going to see your options. These are PMS colors or Pantone Matching System, so they're Pantone colors. If you're not familiar with that, you can go to your local print shop and ask them to look at their color chart, and you can see the colors and refer to this PDF, and then that way you can decide which colors you want to go with. But most of them are pretty straightforward, so I'm sure you can pick them off your screen as well, even though they may not look the same. But I'm not going to get into the whole color theory of why they may not look the same on your screen right now. You can always just Google Pantone, and that's the purpose of the color-code system. Of course you've got the outside, so you can choose which color you want to go with here. These are all of your options. In my case, of course I want black, which is pretty straightforward. Obviously, black and white are going to be nice and easy. But you may want to go with something else, you may want to try any of these colors, so go ahead and pick that. That's everything that's gray here, would then be this color you chose. What you should do, I think, which will make things nice and easy, is if you decide to do your outside color, go ahead and grab that color, whatever color it's going to be. Let's say you chose this blue steel. Entries are typed tool which is T on the keyboard, and we'll just type them inside, outside. Now if we just select all of that, and drag it down, just using my space key on my keyboard to go and get this hand so I can grab and move down. Then we're already inside. So decide what's kind of inside color you want. Again, whatever you think is going to be cool. So let's just say you decided to go with white. So we're going drag this over, holding option and I'm dragging it down to duplicate that word. We're going to select and call it inside. I just do the same thing, I'll carry that on down here. This is the rim, this is outside that hangs over, curves over. Later you'll see my videos. So you decide again which color you want, the rim beam [inaudible] we're going to go with the navy blue still. So I'm going to call that inside. These are actually two different pantone colors. But that's something that we can always double-check with a mark code that they're not able to do the exact same one which I imagine they are. There might be a slight oversight in their PDF. So don't be afraid if you want to have the exact same color will just go like this, because I imagine if they can do it on one, they can do it on the other. This is a nice little handle accent. You could go crazy and or somekind of different color in here, an [inaudible] or something. Again we'll call this handle accent. That'll be it. So if you want to actually test it out, we can just grab this arrow, delete it. I'm going to grab this piece and I'm going to hit "Command Shift G" to ungroup it. So grabbing this piece along, which we know is the outside, I'm going to use my eyedropper tool, which is "I" on the keyboard, and I select this color. I'm going to do the same with the handle. Then for handle accent, will select that. Using that eyedropper tool, we'll grab that color. Then for them rim, we're going do the same thing because we decided that. This should be called rim and that's kind of the work you want. Then the inside, obviously, we can't see this angle. Or maybe you want the inside or the White to be further. [inaudible] that kind of thing. So decide what you want do. Then you could copy this color so you have all your pantones. I'll go Command C. So I've selected the whole thing, go Command C, and I am going Command N. I'm going to open up just a regular old page size, so I get 8.5,11 and leave it as CMYK. All this stuff is fine. We'll just paste in our cup over here. We can just move that to the side for now. What's important to have in that is that we want to make sure that we can refer to these colors. The white's going to be pretty obvious to refer to, but it's something that we should use going for our design forward, right? So for example, if you had a scan in your design and you're going to live trace it, then you may end up lines make your whole background blue. So if I draw a big rectangle and make the whole background blue, and then you're going to maybe make your design white, or you might want to add this uppercut, whichever it is you're going to do, go ahead and design in that kind of color scheme, that way you're keeping it going the whole way. It's easier to visualize. Sometimes what you may end up doing is designing something on a white background, then when you put it on a dark background like this maybe, you'll find that it actually looks inverted and it looks incorrect. So it's good to design on the color that you're going to use if you can. It's a little different when you're sketching because usually you just have a white piece of paper, so it's not as easy to do that. But on a computer, that's what I would suggest. So we're going to go ahead now, and I'm going to show you how to image-trace your sketch or design. Then we're going to put it on a mug. So see you in a sec. 6. Image Trace Your Design: So at this point you should have your scanned in image or your artwork, and we're going to go ahead and we're going to drag that into Adobe Illustrator, and now I'm selecting it and I'm going to copy it, which is Command C, Control C on a PC, and Command V, which is Control V on a PC. So we'll go ahead and we'll just shrink this down. Size of it doesn't matter at this point, and we'll zoom in. So as you can see, I've put my mug to the side like I showed in the last video, of course is the color scheme I use, not the navy, and I've also put my photos above, and that's only just so that you guys can refer to which pieces are what and just see what the finished product looks like. It might help you visualize in this case, which piece is what, as you can see it has this black ram, but the inside is all white and it's got the little handle accent just so you can actually see that clearly. So before we go too far into the actual imagery, so I'm just going to quickly hop on over to Safari here, and I'm going to show you a Emalco's Instagram and their website. I think both are going to be really important to you to being able to get the idea of what they can do, and maybe get some inspiration as well. So if you look at this mug which turned out really cool, you'd see it looks like it's just black on black, so everything is nice and simple, so that's always an option. Here's an option with white and black, which is actually something I almost did, but then I ended up reversing it. Then if you scroll down here, you're going to see some of the options that have the wraparound prints. So this will actually go all the way around the mug, same with this design here, which will be able to see on their website in a minute. So I've got a lot of different options and they've also worked with some pretty cool companies, as you see you can have type along the side, you can go with just a logo there showing, if you want to get out of the logo on both sides, just get creative, the same with this idea, I like the idea of the accent matching just the bottom. So it's nice subtle color in there, lots of different options. This one could have the design almost like just a subtle design that goes around and then have your graphic bake here. So you've got a lot of different options and Emalco works with some really cool companies, and like I said, they just make top quality products and that's why I got them to sponsor the class, and I went after them to make my own mugs. I looked at some other companies and there are nowhere near on the same page. So Emalco's awesome, there're great quality and hopefully you can get some cool inspiration. So make sure you follow them on Instagram. If we pop on over to the website, we can see their spring collection here. They're actually going to be doing a collection with my design as well. So that'll be cool and hopefully collection with your design. So it's just another example, you can see some of the stuff they've done. The cool thing about the website is it'll actually tell you a little bit about them. So you can go to their story or you could check out about an animal. Some of this stuff is really cool to see how the mug actually starts and all the different processes that goes to actually get to your finished design. They've done a good job of explaining each, they've got this really cool chart. So I think it's really good for you to learn about the process that way you know how to design for the mug. This is good in any practice, not just this class, but if you're designing a product for something, try anything you can about the printing process, because it'll make your job easier, it'll make the printer job easier, and it'll make sure that you guys are on the same page, but I did say with Emalco that they liked to do unique, cool things. So try and think outside the box a bit as well, just hopefully somewhat within the limitations that are reasonable to expect from them. So we're going to go into the here and we're going to do the image trace. So this is pretty straight forward, of course, I've got pretty clean our work, because I was using procreate, but if you have a sketch, that's okay too, you could always take it into Photoshop or some competitive program like that, and bump up the contrast so that your pencil or marker is nice dark black and the background is nice white, and then you can always delete the pieces from there. So I'm going to go ahead and just select this, and automatically you're going to see your image trace options pop up on the top here, and I'm just going to go down and I click black and white logo. I do have some my own presets, which I've talked about in other classes, but just in case you don't have them, I'll just do black and white logo. It's just a warning, because the image size is big, that's okay, no problem. So once it's done redrawing, you can see because of the quality of my image, and because of how good an image trace actually works, it's pretty much perfect right from here. So what I'm going to do is I'm going to go ahead and click Expand. Now, if he didn't love it, you could actually go to here, there's this little image trace dialog box, you can match up the threshold, so it'll make things more dark depending if you go this way, it'll try and make more things dark or less, pass, and noise. Noise is good if you have a lot of little detail, you can drag that right down. I don't have a lot of little details, so it's not really necessary for me. Ignore white can be useful in a lot of cases so that it'll just be black. So we'll go ahead and check, ignore white. It's going to redefine it, and we'll go to expand. So now we have our artwork is nice and clean, it's already black, right there for us. So now what we're going to do is, I'm going to do what I said before, and that is right away, we're going to hop into making sure that this works on the color that we want. So I'm using a rich black here, and I'm going to go to object, and what I want to do is, I want to lock this, because it'll get in the way sometimes. Now if we select our work and I'm bringing that to the front, so we're going to go arrange, bring to front, and I'm going to color that white. Of course, whatever color your design is going to be. So now you can get the idea of what I was talking about, about inverting. So if you look at my final mug design here, let's just bring that forward so we can see that at the same time. So here's my inverting issue. It's okay for a lot of the design, but I don't like how the string is the opposite of what I wanted. So you can see here, and the arrow is not quite right either, same idea here, the strings, there are opposite. So this is the point where sometimes not doing the ignore white is good, because then you would have these little pieces, and this is where if you're comfortable with Adobe Illustrator, you can go through and edit this stuff pretty quickly. So for example, what I could do is, I could take in my pen tool, draw this piece and draw this piece, and then basically what I want to do is I'm going to use it to crop in a minute, and of course I'm going to do this a little more sloppy than I would normally, because I don't want you guys having a wait 20 minutes for me to crop out a little bit of a design. So using my pathfinder, and if you're not comfortable with pathfinder, definitely check out my pathfinder class. Pathfinder is easily one of the most useful tools in Adobe Illustrator. So am hitting divide, and then now I'm hitting command shift G to ungroup it, and now if we go ahead and grab those pieces and delete it, we've got a pretty rough idea of what I'm trying to do. So I would do that with the whole thing, and then another thing I did is, I decided I did not like how this white came straight here, which you can see. So I added basically a black line in there and then cut it up using my divide, so that artwork was all nice and shiny and new. So again, rather than actually waste your time showing you how to do each little piece, the idea was just to show you how easy it is to make it in illustrator. So if I had a different Pantone color, I would just select my artwork and I would grab whichever Pantone color I want it to use. Now, because I hit divide, I'm actually getting some of these ghost images. So case you have that happening here, you are not familiar with it, what I'm going to do is, I'm going to grab this whole thing, go Command G to group it, and then double-click. I'm going to use the Y on my keyboard, which is my magic wand, I'm going to select the white, hit Command X or Control X to pick copy and cut that essentially. Command A or Control A to grab all those little invisible images, hit delete, and then Command or Control F to paste in place. Now we've got one nice colored artwork, we'll go ahead and group that again, and we can change that artwork to any color that we want. So that's pretty straight forward. Like I said, I've covered a lot of these different design techniques that I use. So you can check out my pen tool class, pathfinder class. I've done a slew of them, the stickers class, talked about it. It'll show, how I did this little part in more detail, obviously, not of this exact design, but the same principles that I've used through all my classes, because obviously, I design an illustrate the same way for the most part. So I don't want to bore you to death with doing that and going over the same thing over and over. So what I'm going to do now, is we're going to show you how do you create the bottom, and I'm going to show you how I got there, and then I'm going to show you how to connect them and we'll be done. So I will see you in a sec. 7. Creating My Mug Base: So now I'm going to get into designing the bottom of the label. For my design, I went through a lot of different versions. I've got a couple of files open here to show you that behind the scenes. This is when I first image trace my design, not in the class but actually the first time made real file. You can see that I have the idea of sloppy sketching in my design with their design just to match the overall style. I played around with maybe having a compass. I redrew some of the shapes and cuts and stuff like that just to start to make everything perfect the way I wanted it. Then I went through a lot of other different versions for the bottom label as well before I settled on what I wanted. You can see just a little different things, I'm tried to add different designs circle with these little lines on the side. I tried to add because the molecules in Poland I tried adding their ego. I tried to add in like the old school flag. I thought about just doing just their logo [inaudible] a lot of different ideas. Again that's all you're ever trying to do is practice and keep coming up with new ideas and see what matches and actually goes well with the flow of the overall design. If you also look too I actually submitted some of these ideas to the drop on costs because he conveniently at the same time put out a class that was showing making circles, making designs that fit within a circle so it was nice to tie in the bottom of the mug with that class. So that's what I did here. You can see some more of the behind the scenes there if you'd like to. I'm going to go ahead and show you how to create this guy right here. So what I'll do is I will drag him off the art board, and we'll zoom in just to make life easy for everybody, I'll go ahead and delete some of this other stuff too. Again you'd be using your same 8.5,11 that we set up last time in the last video Obviously isn't a separate one because this is one I already had saved. The first thing I did was I drew a circle. So that is L on my keyboard, and for this I am going to go a little bit quicker and the reason for that is not to alienate anybody. But again that I don't want to be Mr. repetitive because I've done this stuff before. So check on my other classes if you get confused or just feel free to ask questions or e-mail me and I'll happily answer anything that I went too quickly over. So I drew a circle and I like to hold when I draw a circle using the L-2 I like to hold "Option" and "Shift" to draw that circle out from the center. I find that a little more comfortable than drawing these weird sizes over here. Then hopefully now I'm going to hit "Shift", so I hit "Shift X" and that puts it to a stroke. Using my Stroke panel which you can find under window if you don't have it open and just blowing up that stroke size, like so. We can see that our circles are not the exact same size but again enough that you get the idea. So then I'm going to hold "Command C" and "Command F" but basically I'm copying that circle and I'm pasting it in place. Then holding the "Option" and "Shift" I'm making it smaller. Then I'm going to take down my stroke roughly to the size that I had there. So that's pretty straightforward. Then to create this octagon shape here or polygon excuse me. I simply use the polygon tool, drag it out. We're going to hold "Shift" to rotate it like so. Put it right in the center, and you're always easier arrow tools to rotate it, or to nudge it just a little bit. If you're using a newer version of Adobe Illustrator or you're using the A tool which is your direct selection tool, and you'll see these little circles pop up. So if you grab one and pulled them all in you'll see that they all actually round now. So that's a cool little feature tucked away in Illustrator that I actually use quite a bit now. Of course I had my logo so we'll just go ahead and we'll make that red. I'm doing everything red so that you can see the difference. Then I had my bare. So I grabbed him and just made him obviously from my original artwork. I think it's nice if you can to grab a piece of your side design and to put that on the base. But of course you don't have to do that it's just going to be whatever works for you. The maple leaf of course that was easy enough I've had that drawn a million times. So I'll just grab that in from my file surrounding them redrawing that it was already there. We're going to make a couple of lines here. So simply using my line segment tool, I came over here I drag and hold "Shift". Then I like to round those edges put a cap on it, and then we're just going to shrink that down. Making sure that I grab my actual file here and drag that over and again I'm just using my nudge tools. I'll select my Strokes a bit fix. So grab these two parts and I'll put them down a little bit. So now we're getting grabbed those two lines after copying them, and we'll just bring it up here. I want to make sure everything's nicely lined up like that. So drag them into place. Now you can see that cap there so you don't want that. So I'm just going to drag select that piece and I'm going to nudge it to the left. I'll do the same over here. Nudge that to the right. We don't have that problem down there so that's okay. So this part's again pretty easy again this whole designs quite easily but I'm using my type tool, and I'll put designed in the Great White North. So this admittedly I had a hard time coming up with because it was important to me to actually come up with something that was very similar in character size on both sides of the design, because I wanted this design to be really symmetrical. I tried to come up with a lot of different ways to say the same thing but more or less use the same amount of characters and words. I've got my type tool open and I'm using the lead-in to space that out a little bit. So I've gone through and actually current but we won't get into that for this sake. I'm sure that there's lots of good typography classes out there that go on to that stuff. I'll type that over there, place that in, where is the D. So you can play with the tracking and the scanning and then if you need to actually individually fixed letters and stuff that's something that's pretty straightforward as well. What I'm going to do is I'm going to try and put all this together so it's not as a mess. As long as elite the weights so that we don't have this overlapping thing happening anymore. So the last two things are the type and these little dots. The dots are pretty easy. We'll go ahead, and we'll make another circle which we could describe this again, and then go "Command Z", "Command F" to paste in place. We're going to drag this to the bottom line of this top texts roughly. As where we use our type on path tool. So we'll select here. Let's bring this to the front and outside, Great Black Bear. We'll zoom out. So I'll just going to grab these little pieces with the direct selection tool and I'm going to drag them right to the bottom. Making sure that my text is centered. I'm just going to blow it up. Again that's essentially that. Then what I did, so I can go ahead and make that red s, o everything's red. I would go "Command C" to copy "Command F" to paste. Then we're just going to drag it or we're going to actually make it so that it's on the topmost point of that type. Then it's a bit tricky, but we're going to pull these pieces back around now to the top. Then you can see so it's on the bottom, so there's a big long arrow and if you grab that and pull it in, it should flip your text now so it's on the inside. This is important so when you're messing around with this stuff you want these two to be the same size when grabbing this, and I'm going to use my eyedropper tool on the select the text below it. So now the tops and bottoms should line up nicely to each line. This is where I put my name and join these dots can be pretty easy so usually what I would do is I would just go option eight which adds a bullet. So we could do it for all five, and then we can do it on this side, and then just add a couple spaces. Then when I went through is I just scan them and I adjusted the size of them individually. But that's more or less how I did that. So delete those. Again when I say more or less I'm not trying to skip anything to hide any secrets or anything like that. It's just trying to make the video as quick as I can, so that you guys aren't sitting here for 40 minutes watching me redraw something that could take five minutes. So there you go, that's how I drew the bottom design. Pretty straightforward. If you're comfortable on Illustrator they'll be a breeze. If it's new to you, it might be a little bit trickier, but hopefully this video did it some justice. If not just check out some past classes and I'm sure you'll be able to figure it out or of course just ask me. So I'm going to show you how to put them together and put them on the template, and then we're going to be good to go. So I'll see in a second. 8. Finalizing & Applying To Template: So now that we've got our design finalized, we're going back to that same template and we want to go ahead and fill it out and get it finished so that we can send it to Emalco. So I'm going to go ahead here and type in my name. That's all we need to do on that page. Over here you could do it again. It's not too necessary, but you can do it on each page just to make them happy and fill out the entire thing. The viewers stickler, I have the habit of feeling like I have to do that stuff. Now we want to go ahead and make everything perfect. I'm going to grab this accent color, all these different accent colors, I'm going to go ahead and select white. Then over here, we're going to go ahead and use the eyedropper tool, and I'm going to call this white. I'm going to delete this PMS stuff. Then if you want to do so, make this outside is going to then be black. Inside is white and the rim is also going to be black. What we can easily do from other just duplicate that, select out, go Command C. Then if you needed to, you could paste it there, paste it there, paste it there wherever you want to do that. Then we want to make sure that this artwork matches. The outside of course is black, the handles black, the rim is black, go ahead and delete their logo. I going to make it the same on both sides, of course. The rim is already white, which is good. This is done how I want it. The rim is black and the inside is white. For this page you can go ahead and you can plop in each logo and we're done. But same with this If it's not going to apply to you, you could just delete the page or forget about it. Again, if you end up winning, you can definitely talk to Emalco back, forth and making sure that they're happy with your file. But normally I spend all day uploading things and fixing things that they may not need to do. I'm just going to paste over my artwork to the side here for the moment. I'm going to grab my base, copy that and paste that. I want to make sure that that's nice and centered to this design. It's a nice way to do that just to make sure everything's perfect , and I'm going to go Command C, Command V, or just, grab a color that doesn't make sense. I'm going to grab a line of selection and we'll align it both ways. Then I've got my smart guides on so nicely snapped there, delete that red, and now we know that that design is dead center to the bottom of this mug, which is nice to know. We're going to break those apart and clip them individually. I'm actually just going to copy them over. We'll get this to the size that you want. Grab this here, copy it over, I'll make sure it's the same size, this is in millimeters. Sometimes it'll be in whatever file format they made it, I like to use inches. Even though I'm Canadian, I really should be in centimeters or something [LAUGHTER] millimeters. I want to make sure the height is the same as well, so I'll drag out there, make sure the height's the same. You can do the same keys, the only problem with, if site both of these and center then, then it's actually going to move their template. That's why I like to choose the copy and paste. I use that, I go ahead and bring that to front, center that, then bring it back over that is to make sure that it's exactly where you want it to be. Same idea here, center that then using smart guy, that's this command you, those are helpful because they'll snap pieces together and make sure everything's perfect. My designs bleeding off the address is exactly what I want. I've got the base here, the only thing I don't have is my inside of the mug. I don't even know which file I design that in, so I'll have to steal that in a second. Put that in there, then the important thing, of course, is making sure that the design goes forward. What I end up doing is I can basically go ahead because repeating this isn't super useful to me and delete some of that stuff. What I did is I actually took this side mug from the bottom, and I bring it over here and I'm going to grab this mug, group in it, I'm going to copy it here in this mug [inaudible] copy it down here. This one now has to be flipped upside down. Basically I'm going to line these up nicely. This is going to take a little bit of trickery though we're going to draw another rectangle. Write that down so we want to make sure that this circle lines up perfectly in there, and that this lines up perfectly. We can delete that, and now bringing this down and making sure it snaps there. That's pretty good, and what we'll do is because this isn't fitting on the page, which is going to turn this whole thing sideways. It fits nicely on the page, and now we zoom in here I'm going to grab my direct select tools and I make sure that they bleed all the way down to there. Select like tools, make sure that this bleeds all the way down in here. This shows nicely that my artwork will actually go across. Here is essentially what they want to do is they're going to be making a decor of some sorts that we'll need to actually be like this. So it's better for you to do the light worked for them. This goes with any print project because you want to make sure it's exactly how you want. The other thing is you don't want them accidentally shifting anything, so this is where we grab our Pathfinder and we'll go to unite. You have to make sure you get rid of many of those ghost pixels before, or you'll end up with certain things filling, and so make sure your art works good. Then we have one nice image that's all together, so it's nice and easy for them to go to work with, then again, if you ended up making this full ROP route, you can fill out this page, but that's not useful to me. The only thing I need to do is go ahead and drop in my star design. So I've copied that design and we're just going to go ahead and paste it, and put that in there, again, you have wiggle around and make sure that's perfect. But that's essentially exactly how you want to set up your template. Now because it's already a PDF, you can go to File, Save As and put that on our desktop. You call it your name, underscore McGrath, probably smart filing system will save that. You'll probably automatically have pressed quality, so I will go ahead and select that just to make sure everything's nice. There you go, that's your finished design. Now what you could do if you want to upload at least this page, is select this page and we'll go to File Export, we're going to use safer Web, which is a legacy in the newer version of Illustrator. We just want to go ahead and make it a PNG doesn't need to be transparent. We'll make it a thousand width, and now if you just click Save or you can save this onto the desktop too. Now you can use that PNG to upload your project to the project page so we can see the design you made. 9. Outro: Before I say goodbye from the great outdoors I'm going to say goodbye from the great indoors, which is actually more of something that I like. I'd be crazy if I didn't promote a few things that I'm doing I'm working on. I just head over to That's no H, just J-O-N, You'll see my website here. In which I got my portfolio, of course, my online classes, link to everything, about blah, blah, blah. But of course, if we hit Shop, it's the most important part, it's going to bring you to my shop, and you will see that my mug is for sale and then the matching pin is also for sale. I've tried to keep the shipping as low as possible. There are lots of other pins and stickers and patches and prints and lots of hand-engraved stuff. Be sure to check out my Etsy and feel free to place an order. Of course, follow me on Instagram. This is basically where my most up-to-date information is. I get behind on my website like most people, but I usually do a good job of keeping Instagram updated. That's my number 1 go-to for social media these days. So that's just @jonbrommet. I'm on everything @jonbrommet. That's Dribble, Behance, Facebook, Snapchat, whatever else exists out there. I'm on those things. Of course, if you'd like my shirt, then you can see Mr Mark Hoppus wearing in the new Blink-182 concert. That is because I designed that shirt for Mark Hoppus' clothing company called Hi My Name is Mark. If you head over to their website, that's, you go to Shop, hit "T-shirts". There's two designs I made for them. I made this air freshener one and I made this keys one. If you're watching this recently after it's released, go buy those shirts, they're awesome. Hi My Name is Mark is a really cool company and whether you're a fan of Blink-182 or not, buy a shirt, help a brother out. Now I will say goodbye from the great outdoors. Hey. Thank you so much for taking the class. I hope you guys enjoyed it. I'm really excited to see what bags you guys come up with. I think they're going to be bad ass. I think that's definitely the coolest contests, their capacity on any websites, so I'm really amped. I hope you guys really come up with something cool because I think this is going to be something really cool that you can put to your portfolio, you can sell on Etsy or sell on your online store, give out to friends, family, but you're getting 60 of them. I think you're probably going to sell a few. I hope you guys enjoyed the class. I hope I covered a lot of different topics that you guys will find interesting, and if I missed anything, let me know. That way I can learn from it and put that into the next class and try and figure out what it is, what pieces do you want to know the best that I may be missing. On another side note, this t-shirt, if you like the t-shirt I'm wearing, I designed this for Mark Hoppus from Blink-182 clothing company, it's called Hi My Name is Mark. You can buy it at It is not a V-neck, if it looks like a V-neck because I've got this microphone on so the microphone's pulling it down, but not a V-neck. It also comes in black and there's another shirt I did that was an air freshener, that comes in black and white and a couple colors. Check them out. I think they're really cool, that's a cool company to work with, Blink-182 is awesome band. I'm a big fan of them. If you want to buy one of those shirts, do it. Other than that, same as always, I'll be back soon with another class and thanks so much for taking this one. I'll see you soon. 10. A Message From Future Jon: Wait, one more thing. I'm adding this. This is future Jon Brommet talking to you, I hope you enjoyed the class that you just watched. Some of these classes have been recorded a few years ago. I just wanted to give a little up to date on what I'm doing now. You can see that I've put out a ton of classes potentially from the class that you just watched as you may have been watching one of my older classes, so if you go over to my profile, you can click it somewhere on the Skillshare website or go to Brommet, it's spelled just like that, with no h, just J-O-N, and you'll see here I've got things broken down in my newest classes. This may even look slightly different for you because I'm putting out classes once a month right now. I've got my most popular classes, illustration, efficiency in Illustrator, Photoshop stuff, and then all of my other classes. Make sure that if it's not already selected, you click see more to see the rest of it. So many different classes. I hope you guys will be inspired to learn lots more and hopefully you're enjoying my classes and want to see more. If that's not enough, I'm @Jon Brommet on Instagram, you can check out my Instagram as well to know what I'm doing and I post all my new artwork there and of course let you know when I'm doing new Skillshare stuff. I've started a YouTube channel where I put short videos that are instructional, and I obviously advertise a bit of my Skillshare class, but short videos that I can't really put a whole-class out I put here on YouTube. I even do things like have conversations with other teachers, like tab with a park, I plan to do that stuff more often. If you head over to, I've newly updated my website. I have a digital shop where you can grab my Procreate brushes or other things like that, and on top of seeing that my different portfolio elements and things like that, I've also got a Etsy shop, which I'll click here and it would open this. You can buy all of my pens and different art things that I've created. I will ship them to you from here. I've gotten them all produced here in my home and they look awesome and I know that they're cool. I just recently started a Threadless shop, which you could click here. Of course this is about Skillshare and contact. Everything's linked from my website. This new Threadless shop has all my merch that can be printed on demand on a really weirdly wild variety of things. Let's just click one of these things here. It's going to open a t-shirt, but let's just say maybe instead of a t-shirt you wanted I don't know what a duvet cover or shower curtains. Why wouldn't you want those things? I don't know. Anyway, I've got lots of different things going on. If you'd like what I'm doing, please check out more of that and I'll keep making more things. Thanks everyone.