Industrial Design: Create a Design Proposal in Photoshop with a Tablet | Marouane Bembli | Skillshare

Industrial Design: Create a Design Proposal in Photoshop with a Tablet

Marouane Bembli, Design Professional & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (34m)
    • 1. Introduction - Welcome!

      1:32
    • 2. Setting up the Photoshop canvas

      1:01
    • 3. Using our "silhouette" brush

      0:49
    • 4. Designing our initial silhouette

      2:25
    • 5. How to figure out where to put highlights & shadows (simple trick)

      2:37
    • 6. Airbrush layering & shading

      1:55
    • 7. Defining our design

      2:20
    • 8. Adding graphic elements to the design

      5:00
    • 9. Refining details

      7:20
    • 10. "The overlay effect"

      1:24
    • 11. Creating highlights & burn points

      7:40
    • 12. Class Project!

      0:21

About This Class

Hi, Marouane here,

In this class, we're gonna have some fun in Photoshop. We are going to create a design proposal for a pair of headphones by starting out with a simple black silhouette. 

If you want to learn how to sketch products in Photoshop, this class is for you. 

Here's some of what you will learn:

  • How to setup a Photoshop document for sketching - Resolution, DPI
  • What brushes to use (we are going to focus on standard PS brushes)
  • How to create simple silhouettes as a template for ideation sketches
  • Understand where to put light and where to add shading
  • How to create burn points
  • Creating cutlines or section lines between the different parts of the product
  • The easiest way to visualize LED light with specific layer blend modes
  • How to add color to a grey scale rendering in 2 minutes
  • ...and more

If you get stuck anywhere, I'm always available to help out in the class discussions!

See you inside!

Marouane

9f72a828

Transcripts

1. Introduction - Welcome!: Hi, I'm Matewan Memoli. Welcome to this class in this class. We're gonna sketch headphones in photo shop and we're gonna do it in a specific way. I want to show you that is really useful if you're just starting out with a project that need to have a few ideas down pretty fast. So we're gonna make a template by just sketching out a black silhouette so we can copy this civil, let and make different versions of the headphones, But we're gonna focus on taking the silhouette and render it into one design proposal. Whether you have been sketching a lot in photo shop before or you're completely new to it, I'm pretty sure this class is gonna give you some insight on how you can continue to improve your skills. What you need for this class is you need Photoshopped on a computer and then you need a wax tablet or any sketching tablet that you can connect your computers. You can use a mouth full along in this class, although I strongly recommend using a tablet just for the season. If you want to learn how to sketch products in Photoshopped, this class is definitely I'm going to give you two Photoshopped files to download so you can open both these files up on your computer and check out the layer structure because I think that's gonna help you a lot. So these two files are off headphones and head form renderings so you can see how we start off with a sketch in the bottom layers and they click your way through each layer and maybe caught be in light years themselves cracked hope to see you inside. My name is Meron family and now let's get sketching. 2. Setting up the Photoshop canvas: Hey, and welcome to this class. My name is Maram bubbly. And in this class we are gonna gonna have some fun in photo shop. We're gonna use a tablet, and we're gonna use the I'm using adobo. They'll be Photoshopped CC 2014 Ridge again. See up here. I don't think it really matters. What version of photo shop you using? As long as you have Photoshopped installed, you might actually be able to do this in sketchbook Pro as well. So we're going to sketch a pair off using a pair of headphones or just head. We're gonna sketch headphones. That's the best idea here. So we're gonna start by choosing the resolution off our canvas. I think in 19 20,080. That's a standard size that I I prefer to use because it's widescreen and I'm just a widescreen fan. 72 pixels inch dp I This is the DP I number 72 is fine. So let's click. OK, inbound. We got our campus 3. Using our "silhouette" brush: So we want to start by adding a new layer and then just pick the black full brush with full capacity so it doesn't have any pressure sensitivity. We don't want that right now. What we want to do we would have start by making as many. I mean, if you're starting out of a new project, you can. I want to get into just making a bunch of ideas quickly first. So that's what we're gonna do, know. And we're gonna do that by creating black silhouettes and then from there, Once we have the silhouette, it looks cool and you have it in perspective, everything like that. Then we can go into shading and starting to detail the sketch. 4. Designing our initial silhouette: Okay. Headphones. So what do we need to start with here? I don't have any headphones in front of me or anything like that. I'm just gonna free freestyle this. So let's start making around things like this is gonna be one of the year pieces and the angle of these headphones or something like this. I guess they're kind of angled inward, inwards through something like this. That looks cool. And they also most headphones have a strap. Of course, unless they are one of those fancy sport headphones with the goes behind your ear. But we're gonna make some regular looking headphones here because what we want to do first is to create a generic, uh, silhouette that we can use over and over again to create different versions off these headphones. So I could basically stop right here and have this as my template so I can copy. I can duplicate this layer here, you right. Click on the layer click duplicate and bam. We have our other. We have our second temple here, which we can work on later on and make another version of this. But for now, I'm just gonna keep one, and we want to keep continue to add some the major features off headphones here. So the strap we want to keep the we want to make thes Teoh, your piece is that goes over the ear. And obviously these are over year headphones. Um, let's see. We might want to start to define this strap a bit more because it looks a bit clumsy right now. It looks too big. Someone a, uh I want to clean it up. And I do that by using a simple, hard A razor. So the brush amusing for a rate to raise here is just a same brush. Is this so it doesn't have any open any pressure sensitivity? It's just a hard, round brush, and I'm using it to define the shape, uh, off the silhouette that I'm looking for. 5. How to figure out where to put highlights & shadows (simple trick): And of course, when you start out, you have you have an idea off where you want to take this sketch, you might have some idea in your head. And before you start thinking off any details and stuff like that, just make a few seal. It's like this, and I think it's gonna be helpful to you. Teoh get started, are right. Should this maybe be a bit softer right here, This transition. So let's make your radius inside of this and make it just a bit finner at the top. So back to the razor again. And just a razor. Razor is Aries. Raise what we don't need. And now this strap is sticking another one. So I need to raise this too. Ah, I think we are set for the silhouette right here. Maybe make some how we can do that later. So here we have our silhouette. One of what to do now is this is in my first layer. So I have my silhouette in my first layer and I want to create a new layer. And this time I'm gonna choose a white airbrush. So I'm gonna choose this one. This is my I mean all these. All these brushes that you see here we're not going to use. I don't think we're going to use any of the custom brushes. I'm gonna try and keep it to just a standard brush. It's because not everybody has, like, a bunch of ridiculous brushes, like like these. Like I know what this is. Some sort of I'm busy. Yeah, I don't what I would use this for. It's kind of cool, but let's see what this is. This is cool for like, uh, I might they actually be able to use this for for the soft thing that we're gonna add here later. Anyway, we want to do now is create the pick, a big airbrush, and we're in a new layer now, So we're not gonna mess up where you're not gonna touch this silhouette anymore. We're gonna keep it as it is and new layer, big white airbrush. And we want to start to shade this design before we do that, though, as always, I think some of you know what's what's gonna come up now. 6. Airbrush layering & shading: we need to think about where the light source is. And for this sketch, Let's see, we want the we can have the light source. Let's just make it simple. Have the light shining from this surface this corner up here. So make a happy showing up there and this direction here, this will guide where we're gonna put the white highlights. And also, where we gonna put the shady or keep the shading so back? Teoh, I'm gonna keep this sun up here just for your reference So you can see back to the white airbrush and let's start to go over the sketch now or the silhouette with some shady. So all the surfaces that are pointing towards the sun they need to be a bit brighter than all the other surfaces. If that makes sense and this service right here, the inside of the strap is facing the sun. So let's make this a bit brighter. Same thing with that this whole surface here is basically right facing right towards the sun, so that needs to be the obviously the brightest area. But it also depends on what kind of material you have here. For example, if you have. Ah, the black, Uh, what is called a soft, You know, the cushion thing that you have around your ear. I think I'm gonna call in cushion, then. Obviously, since it's a black fabric, it's not gonna show as much white. 7. Defining our design: but for these part here, I'm going to keep the gloss. Innis. I'm gonna make glossy, uh, plastic here, and that's gonna be have some high burn points which are completely white, which we're gonna add later. Ah, so okay, we have a white first layer off airbrush. Now we want to go in and start to erase them for this. I'm going to use a pressure sensitive brush Still a round brush, but the holder I press, the more I'm gonna arrays of the white. And these are also this is also a standard photo show brush that you will have inside photo shop. Um, from the start, when you install it, you don't need Teoh download any brushes, says something like that. So just delete or it raised the surfaces that you know you don't need. And if you have issues with this, if you don't know how products are built up, simply make a quick Google search for headphones and then you can try to copy and existing design by as just importing the image into photo shop and just that fun with it. Try to tried to figure out the lighting and the shading, and so long, but I kind of know what where I want to go with this sketch. So I'm gonna keep raising the parts that I don't need. We also want to have some thickness to this strap, which means that it has a surface on this side which is not going to be affected by the light as much as this surface right here. And this is I mean, you can't stop. You can stop wherever you want and start in new sketch if you want to. So it depends on where you are in the project. If you need a complete render, you can take this, uh, this technique and make a complete render if you want to, or you can just start. You can just stop after you made a few doodles and, uh, you can stop right here basically and then just started a new design if you want to 8. Adding graphic elements to the design: So that was our first, uh, airbrush layer. I'm gonna go into a second air marshal. You're Now let's make use some help here, so I'm gonna use it Lips tool, which is up here. And then I'm going to right click on it transformed Selection. And I want to get it in the perspective off this shape here. So, yeah, I think that looks good. Sure, that's fine. And now I want to focus on this area on Lee. So what I want to do is I want to find it a bit more. So I want to add, like, I want to make it look like it's ah section line because after this surface, we're going to go into the black soft material behind this. So this is the hard plastic part of the of the headphones and let's see how that looks. It looks OK. And now I'm gonna go back, and I'm gonna erase some off the silhouette because it's not really clean a clean surface here where the line is not really round. It's not following a smooth curve. And I wanted to be a smooth curve here, something like that. And this one looks fine for now. I don't think we need to do anything about that. So what we can do now is we can start to design. I'm gonna focus on this area now. This area right here, that's what I'm gonna try. And, ah, sketch out completely now. So I'm gonna make a new layer, and you can make a new layer whenever you feel like you don't wanna mess every anything up . So, for example, if I was using this same layer here now and I start to sketch and I start Teoh define and I started to find the soft material here, I wanted to be black, obviously. And then I want to erase some of it. If I'm on the same layer, that means that I'm gonna raise the old work that I already did. And that's gonna mess everything up and then I need to redo it again. So I don't want to do that. And that's why we create a new layer so we don't touch anything that we already done. We're just working on top of it. And let's make this black. And actually, I'm gonna make this black too at the same time, because Why not? We're working on the same parts and I'm using the color picker to pick the shade that I want. And you do that by holding Ault. That's Ah quick way of just ah picking the shade that you want instead of using ah, going here. And then you need to use this color picker takes a long time instead of doing that. I already have a lot of shades here, basically all the way from black to white. All I need to do is hit all key. Click it and bam! We have that shade just defining the soft material here inside of the hard plastic. All right, so what we can do from here? We can start to design a bit more features or add some more features to this to these headphones, for example, we might want to add some something in here we might want to add. Ah, I don't know. It can be anything. Basically some graphics on here. Ah, some using. Actually, I want to make a new layer first so we don't mess anything up from the previous one. So let's make a new layer and let's just play around with graphics and see what we come up with here. I think that looks kind of cool. Maybe we can add some Ah, more graphic elements to this. 9. Refining details: that looks pretty cool. And for the layer structure, I've attached a file a PSD file that you can download in this class so you can open it up on your computer and you will have all the layers there. So you can, uh you can go through every single layer and see how the sketches built up and so on. I think it's gonna help you a lot to download that file and just open it up on your computer. Sweet. I kind of like that. So I'm gonna keep it. Just adds just refined to add shop it more here. And I want to add something in the middle of this because now it just looks like a black hole, but I want to add some plastic inside of it, so I'm gonna make a new layer, and I'm using a pressure sensitive brush and it's a white brush, and I'm just gonna add something in here. This can be like you can have your volume buttons here if you want to or ah, some other cool feature that you have in your head falls, maybe make it a beds call on Kiev. So I'm adding some more light here down here because this surf is gonna face the, uh, light source, the direction of the light source a bit more. And the top part, if it's Kong Kong cave, means that the top part will be darker. So I need to add some darkness up here just a bit darker than that. There we go. I think that that looks a bit dead. Looks interesting. It's something going on here. It's not just a flat surface, so I'm gonna keep that and what we can do next. We want to add some hinges right here. So I'm gonna make a new layer. I mean, you can use the tools like selection tools and all of that, too, if you want to design these things. But, um, I'm gonna make it cylinder here. But I just like to paint things because it just makes the sketch feel more sketchy. And mawr It just becomes a more interesting sketch, at least to me. When you use FREEHAND and not selection tools, I'm gonna have the same thing on this side here and then make a new layer select white. We can actually zoom in a little bit now and make some highlight on this cylinder. Doesn't have to be more complicated than that. And then, bam, we have a cool cylinder here that looks like a Hinche. And we can even copy this layer duplicate layer and just move it over here, Control T transform it to make it fit this cylinder over here. And that will definitely save us in time. Nice. Okay, what do we want to add? Now? I think this section line here needs a bit more definition, and I'm talking about this line right here. So I'm gonna add a black line there. And for that, I'm actually going to use the selection tool because it's such a long and curved that's gonna take forever to just paint. So I'm just gonna use the selection tool to make it make a, uh, stroke here. Yeah, we can make a new layer, and I'm gonna write on a first select black color that I'm going to right click and click on stroke. I want to start to be inside off this, um, selection and 10 pixels. Let's see how that looks. That looks perfect. Great. So I'm gonna keep 10 pixels, and I'm gonna erase the outer line because we're not gonna be able to see that born we I think we can add some more definition to these soft parts here. I'm gonna make another layer. It doesn't matter how many layers you use unless as long as you have enough memory on your computer, you're fine. I usually end up with or actually I After a while, I start to merge layer layers because I don't wanna have over, like, 20 layers or something like that. Then it becomes, um, Messi. I'm just working on the definition of this inside part of this year. Um, soft fabric here. It's not that easy to I always has some front trouble when I want to sketch soft, soft goods and soft materials because the shading is kinda special. You need to figure out. Since it's not a flat surface, it means that the shading is gonna be all over the place. So you have some parts which are darker and some parts which are lighter just to make to have some variations in there, since the material is not a completely flat surface like this hard plastic right here. All right, let's see if we can work a bit more on this strap. So I'm making another layer. I just want to add some. I just want to make it a bit more interesting. Just adding the airbrush. The first airbrush is gonna make it look soft and kind of boring. So I want to add some Ah, some, uh, different shades in here on reflection is just to make it a bit more interesting. Let's use the airbrush to raise this because I wanna have a soft edge. 10. "The overlay effect": cool. So now I'm gonna show you a trick off How you could make a glossy surface look really glossy. I mean, it's really simple, and it's fast, and it's gonna give you some cool reflections that you don't even have to think about Painting or something like that is just gonna pop up automatically. And how did you how you do that? You need to make a new layer and put it in overly blend bone, which is right here. And then you wanna pick white and the airbrush and then just go over the this sketch with black and white so you wanna mix black and white at brush So you want to put white where there are highlights and you wanna put black where the ah where it's already shade in the services that are already in the shade. Just play around with the overlay features kind of cool 11. Creating highlights & burn points: what it does. It basically adds a lot of coal interests, and you might want to keep it down just a little bit, some reducing the opacity of the layer to a about 60%. And this is what it does to the sketch. So now it's off, and now it's on, if on. So add some cool, you're adding some cool, uh, reflections and shading to the design by using the overly overlay blend mode and using the , uh, just want to add a couple of more features into this design or define the, uh, the cut lines a bit more, some adding a stroke to this, and I want to make it white, and I wanna have it in the center and then delete the bottom part. So we have some Ah, uh, champa Reg here. So when we get to this point, we have kind of a design here now, which is still pretty basic, and you can take this as far as you want to take it, so that the file that's attached in this class is a pretty four gone design. It's almost a complete render, so ah, check it out. Uploaded, downloaded to your computer and, uh, open it up in photo shop and check it out. So I want to define the silhouette on the far side. And I also want to add some sort off shading out here, too. I'm using the air, the white airbrush to just have some light that comes from the back off these headphones. Justice soft in it out just just a bit. It doesn't. So it's not like a black, um piece that just ends. Since it's around, that means that some light is going to I can show you some light is going to come around this corner, and that makes this edge right here. It needs to have a bit of shading and some sort of highlight. And the easiest way to do that is by using the airbrush cool. From here, we can make a new earlier and start to make some highlight burn points. So what? I mean by burn points, they are the points where the light is going to bounce off the hardest. So for example, up here in this metal cylinder, we want to add a tiny burning point right there. We might want to add burn points like right here just to visualize that it's really a glossy plastic. So this edge right here might have a burnt point. We can zoom out and see how it looks in a minute. Sure, Why not? I'm gonna keep it. And this thing, this chance for right here gonna make a burn points right here is well, actually is gonna be to burn points because there are two edges one and two to you can start to add burn points wherever you feel like, and just experiment with it and see what works. That's the beauty of digital sketching. You can always go back and delete whatever you want. It's a bit different from sketching on paper, just adding some features to this strap the head strip just to make it just to define it more. And I'm using the color picker to pick my shades here. The easiest way to learn about reflections is to copy existing products or rial photos and try to to just sketch the photo with all the reflections and all the details and everything . And then you compare the two you compare your sketch with the original and you circle what doesn't look right and then try to think about why it doesn't look right. And then you just do it all over again. That's the best way to learn anything. Basically, what's making outline here? Just see sketch line. All right. I want to add some, uh, light or something to this. First of all, just let's just add a bit of a highlight to the soft part on this on this side, no clicks way better. Always keeping in mind where the light source is and that is going to guide you and help you understand where to put thes highlights. And also where to put the, um, the shadows and shading the darker parts. Cool. Looks nice. Just play around with the inside and try to make some more features to add some sheeting to it. 12. Class Project!: So for this class project, I want to make something fun. So I want to see your had phone design. And what I mean by that is create any headphones you like in photo shop, using the techniques that we go through in this class and just come up with a new design. Have fun, and I look forward to seeing your designs.