Intro to Graphic Design: Poster Design #006

1. Intro to Graphic Design: Poster Design #006 - Trailer: Hello everyone. My name is Marcus and I'm a senior designer and animator based in order. And today in this class, I will share with you how to create these three posters inside Adobe Illustrator. I will guide you through all the process of designing an art, directing these posters very quickly and efficiently. After his arm on his quest to unexperienced level. I will explain each step in detail so you don't miss entity. Using gradients, masks, colors, and other tools will be able to design these attention-grabbing visuals. As a class project. We will design these posters together using those techniques we just learned. Great. I think it's time for the first lesson. Let's get started. I see you in class. 2. L01 - Poster “spring spheres”: Hello everyone and welcome to our first lesson. So to start, let's set up our document. I'm using 1700 by 2400 pixels in RGB mode. And yet, Let's just start. The first thing I want you to do is create like a grid so we can actually help to structure our design little bit. Probably you're going to have the light line segment here, just right-click, and then you just go to rectangular grid tool. Perfect. Double-click twice overdose tagging grid tool. So you can actually open a grid tool options. In here we're going to use a nine by nine vertical dividers and just press OK. Next, let us go to our art board here. Let's just drag and drop. Like our beautiful grid, like this, fits perfectly in our art board. We can check here the resolution, 1700 by 2400. And perfect, Let's just click out. We actually want to make this as guides. So the first thing we need to do is actually going to view guides. Make guides. There is also a shortcut for it. If you go in every illustrator tool, you're going to have like this on this corner here, like a few shortcuts which you can just see on the guides. Want to make guides on a Mac is Command F5. And yeah, it's pretty cool to use shortcuts to speed up our workflow with time, with our guides made. The next thing I want to do is actually find my layer tabs, I think is lost. I'm going just to carry it around here. In my other screen, actually. Going to leave it on the side here. I'm going to closest ones for now goes high, not gonna be using them. Just try to organize my, that's my workspace a little bit. Let's start designing. The first thing. We're going to get the ellipse tool here. And let's just design while holding Alt and Shift like a perfect circle, something like this. I'm going to turn our guides off for a little bit because we don't need them right now. Hide guides. I'm going to add a gradient into this sphere, are going to go here. And under gradient tool, click gradient. And if your gradient pops up here, you can just do it by here, but you can just find the gradient type somewhere in the window and we'll be find it here. It is. With ours, it's fear selector. And with a gradient applied, we are going to change to free form gradient. Price on free form gradient, which a little bit. And let's just had some really nice colors to this point, graded. Let's go to Window. Let's go to swatches, art history and pop art. This is a really good way to find really nice colors for your posters. Sometimes I just feel like making my own scholar sets. And sometimes I feel like, you know what, I just wanted to focus on design today. And then I end up using Illustrator already swatches on just searching online for some really nice colors. So now let's just apply some really nice color gradient. I'm going to just expand this table a little bit. I'm going to right-click on this little hamburger here and make it large thumbnail view. I have like really nice big colors here too. It's easier to choose when they're, when they're really small. I don't know. It feels like it makes my color decision only bit harder. When he says this big, I can always call it, It's really cool. I can see the better apply to my designers. Let us start liquid the yellow at select this point here and add a yellow. On this one, I'm going to add a nice green. Going to add a few more points here. On this one I want to add like some sort of purple, something like this. Maybe here I'm gonna read. You can actually just, just experiment with as many colors as you want, like these issues like free, like the technique is the most important part of this to class. So the colors are totally free and up to you. Let's just select this sphere. And maybe I'm feeling I am missing like some sort of darker colors here. Everything is a little bit bright. Maybe like something like blue. Yeah, nice. Because everything felt feels like a little bit way too bright for this exercise. It reminds me the spinning wheel of the MAC in some way. Now let's just pushes slowed down and scale it a little bit. Something like this. Perfect. Let's just get our guides back. Let's go Show Guides. Lets just start creating a really nice composition where it is. We can start from the top, which will be easier. So in the end we can know how much space we have left. To create that sliced effect. We're going to use actually some clipping masks. Let's just select, create a new solid using our rectangle tool here. Let's just give it a darker color for now. Select them both and right-click and make clipping mask like this, unless just selected and while holding Alt, let's just duplicate this. Let's just get our mask points here and expand the mask a little bit more. Let's just click twice, so we go inside of the shape there has been masked. And I just tried to expand it a little bit more so we can actually reach the edges. There. Is scaling as well, a little bit more even. Something like this. Let's just rotate it, the gradient inside a little bit. Like a nice color variation. We'd like three years, maybe even wrote it a little bit more. So wherever I could different color here because we still have this purple color, like pink color happening. Maybe we spin it like we have maybe the green and the yellows there. Maybe not too much. Let's just spin it again. Maybe the yellow and the pink working together there will make a nice effect. Yeah. Maybe maybe he swung, was probably just taking one color which is a pink. Maybe I should just adjust that one as well. Something like this. So have a little bit more colors happening, much, much better. Let's duplicate this one again. Again, holding and dragging down. Let's click twice. No, not yet. Let's just adjust the mask here, the clipping mask, make it larger. Let's just drag this a little bit. Maybe scale this a little bit down, pulling up just to create, trying to create like a really nice composition happening here. Unless just try something like this. Again, I just rotate, is trying to find out nice color set for the stripe. To finish this, compute the initial composition. Let's just explain again the clipping mask. Until here needs to be both points. Something like this, unless just rotate like this. So we have like this distribution of color. You can see this almost like a sunrise situation. Probably marks and sad actually. Let's just hide our guides for now just to have a nice look on our print already. As it is. I already liked these very much, I think is a very powerful, very powerful design already. Like we have the color is happening, which is a very saturated colors, which we will get a lot of attention. And kinda like the white background as well. But we're not going to finish here right now. So keep, keep going with me. Sorry. Let's just make a new layer. Let's name this layer background. Let's create a rectangle solid here. Let's just drag and drop to make it art board size. Let's make it black. You can leave it again, you can leave it as any color as you want. This is just a color exercise or if you can just follow me, any of those options are okay. Let's go. The next thing we need to do now is actually curious like this blur effect behind the shapes. Using the same shapes. Let's just select the first one, this one here. And let's just duplicate it. Let's just go to select it and go to Edit, Copy, Edit, Paste in Place. Perfect. Then we go inside, click twice. And let's go to Effects. And let us find our uploader option here. Guassian blur. You don't want to go too far away, so we'd lose the definition of the blur of the shape as well. But you want something like a really nice blood to create these freely. A hallow effect, maybe 90 pixels over here. We can now exchange. It becomes works really well. I really like the effect is already creating on this poster. Let's sort of 17. Select the bottom one. Let's go to Edit, Copy, Edit, Paste in Place, effects. A pie goes on breweries already there. Or first let's just go inside. Just go to effects and apply Gaussian blur like this. Perfect. Do the same for this one. And let's add the same thing again on this order on, let's just make a copy again. Edit, Copy, Edit, Paste in Place. Let's go inside. Click twice, apply Gaussian blur, go back. Same thing here. Edit, copy, edit, paste in place. Let's go inside. Effect. Apply Gaussian blur. Perfect. It's, it's already working really well. One last thing before we go to headlight, some post-production is posters, is we just call a select this, including the background. Let's right-click. Let's group it. Perfect. Let's just wait for the group. Will check on the corners. Perfect. Next watch we want to do is just press E and scale this a little bit down. We create this sort of white frame around or artwork. Perfect. Just like this. One last touch is just create a rectangle tool, a rectangle here, using the rectangle tool. Give it a darker color like black. Let's go to Effects. Let's go to the stores pixelate. It's, I want to add some noise or texture and grain. And we're going to use grain stapled unless leave the contrast and 20, you can play around in some settings here. I will leave it as 20. Press. Okay, Let's select our green layer. Let's go to opacity. And let's go to screen. Now just to adjust opacity here, Let's start with 20% and let's see if we need to reduce it or increase it a little bit more. Let's just zoom in a little bit. So we can actually see on the color areas, maybe let's go to five. Select it first, of course, and let's call it five. I think 5% is actually giving us a really nice noise on larger colors here. Giving us at least really nice texture in the brighter colors. This you see, this is the first poster of this class. I hope you will enjoy it. Let's go to the next one then. I'll see you soon. 3. L02 - Poster “sea doppler”: Hello everyone and welcome to the second poster. So to start, I'm going to set up our document. I'm gonna be using the same resolution as before, RGB and syntax as before. Let's go. I want to use this time. It could appear very like simple exercise, although with a few simple tricks with creative, really nice visual, we're gonna start with a line. Let's just go to our toolbar here and set our line segment and not just drag a line like this. We don't need to worry about grades or as much as we did before because this will be a very like, I want you to feel a little bit more loose on this exercise. Let's select our line. Let's go and had a stroke wave of 40, something like this. And let's just select our line again. Let's go to edit copy and edit paste in place. Let's slowly pushes up a little bit. Now with our top line selected, let's go to Effects, distort and transform and zigzag. Zigzag. We're gonna make a few configurations here in the options. Let's increase the size a little bit, and let's just make it 60. And the rights per segment, let's just increase it to five or six. Maybe like not odd number will be an ICER. Seven will be. All right. Let's make it smooth like this. Maybe actually I'm going to maybe reduce a little bit of the height and make our number five. Perfect. Now we have like these really nice line and let's go to Object. Let's go to exponent periods. So this way you could actually, as you can see, this is actually to our original stroke. Then if you want to change the stroke thickness, we can. Yeah. Next, let's just select these two strokes. Let's go to Object, Blend, Make and let us wait. See, this is already created. This really cool effect from the straight line to the way we learn grading this like almost like an illusion effect on your eyes like these lines, parallel lines. If he knew your case after you didn't see this result because the blend tool varies from the last time you use it. It can just go to Object Blend Options. And here, instead let's just choose specified steps. As you can see, I'm using 21 and we can just increase it or decrease it a little bit. Maybe too. And to be around number will be alright, let's press Okay. Again, let's go selected these new blend and let's go to expand. We wanted to expand so it can actually have access to the individual lines again, with our expert net lines, Let's select them. Let's right-click, sorry, and let's go to Ungroup. Perfect. This is the first part of the exercise on the second part, E coli. Now, sphere again. We have this like the secret love with spheres. Make a gradient again. And let's just remove the stroke here. Let's just close this creating tool here for now. Let's just select our gradient. Let's go to our gradient tool. I'm going to just change the color here. I want to use the standard swatches that comes with the Illustrator. And I'm going just to get like a warm composition, something like this. Yeah. Perfect. I'm just going to make her a little gonna distribute them in this screen first, something like this. And then we're just going to press E. And let's just vary the scales a little bit. They don't match in the scale. Creating like this very visual rhythm because we have these lines creating his rhythm. And you can imagine this as like as the waves in a C. So this will be like floating blobs. And well, there will be some will be more decent than others. So, yeah, I think if you had a little bit of scale, will make our visual a little bit more interesting. Let's just scale. This one is fighting with me. Perfect. Perfect. Just try to create a really nice conversation. As soon as you are happy, we are configuration. The next thing we want to do, each slit a few lines, right-click on there and orient them to bring to the front. Just to create this effect of light. These floating spheres are like behind you in this sea of lines is very poetic who are posted for sure. Let's just select these two. I want to make them in front as well, Reagan front. And then actually we need to bring this one, this sphere in front because it's now behind it, are going to select is to arrange, Bring to Front. The same thing happened here. Arrange, bring to front. Let's just make this one a range it and bring it to front. Just last one here. Let's just select this line. Not going to repeat it again, but you know what to do. And maybe I will add another one here. Tiny one just to, just want to like critically little bit more of a confusing question. Maybe I'll move this one here so they are not solely aligned as they look right now. We want to make this as interesting as much as we can. Yeah, let's just create a new layer. Alice, make the layer. Let's create a rectangle tool here. Make a background color. You can use the same gradient. I'm not going to use a gradient for days. I want to use a very light gray. I think I like the feeling that the light gray gifts to us. There's a lot of color happening already with these like little spheres here. We don't need to add a little bit more. Maybe something like this. Select it again. Perfect. We can just select it. And let's just group them. I'll just create a new solid again. Let's make it over. And let's go to Effect, Texture and add green. Actually, I need to make it dark. Just like this. Perfect effects and texture and grain again, press Okay. And let's go to opacity here so we can access our blending modes. Let's make it screen. Let's make it 5% again. 5% was too little. Sorry. Let's make it maybe 10%. Yeah, I think maybe 10% is a little bit too much as you can see in other places. But it gives really nice, really nice noise into them. Into this sphere. With that, let's just select it again. Let's just group it again. And let's right-click transform and scale. Let's scale it to 90%. Again. So we create this frame around it. We can make a frame like maybe we should try like a frame, like a darker one to make this design populate a bit more. Something like this. Maybe not full black. Let's just try like really dark gray. This is, the second poster is on. I really think this is a very simple visual, but it's very appealing somehow these lines happening dislike the dynamic of the lines happening and these spheres deposition of them. Christophe really like appealing visual. And it's also a good exercise to test all like our composition scales. Unlike somebody's on principles like repetition and like color theory as well. So yeah, this will be our second poster. And I see on the next one, Cheers. 4. L03 - Poster “Core”: Hey, welcome to the poster on the last one of this class. Let's start. This one will be, again, a very simple one, but I really liked Visual when I've designed it. So that's why I wanted to make a class about it. Let's start this one again. We're not going to use like a agreed for this. We just want to feel it more free. Again, let's just start with an ellipse. Let's just create ellipse tool here. And I just hold Alt and Shift to make like proportionally perfect. Let's go to Window and just get some swatches libraries here to get some colors. For these Porter, we're going to use their renin sense colors, which is a really cool unknown. And again, I just use them because it was so easy to get as well. And I really like this palette of colors. Let's start. Let's just add on this gradient again, of course. And we going to use point gradient again. Let's just make a few more points, maybe four, and let's just select a few colors from our amazing illustrator swatches library here. And let's just make a few more, some bright colors as well. Maybe something more green, something like more or less. Let's just maybe add another one to have a really bright color in the middle like this. Actually, let's just put something like here and add a darker color here. Just perfect. So we went to need to use this color swatch. Again, you can use any one you want. I'm just using because I really when I'm normally designed is pollsters after him, my workday and sometimes I'm a little bit tired to research and aware of for colors. So I end up using these colors and sometimes I'll actually liked them. So, yeah, next thing, we're going to use our direct selection tool here and not just delete the top bit here. Perfect. Now let's search author action tool here. And let's use our connects lateral endpoints so we can actually close the stripe here. Let's just see what happened to our gradient because we lost a few points. I can see there. Maybe I'm going to add another one. Just like this. Just to create like a very interesting gradient here. Let's go back to our ellipse tool here. Let's just draw one ellipse from 1 to another. But what the black a perfect one. More like an oval shape. Now, I want to just drag it down and add a little color. Like TAs, maybe I will use lucky blue. Let's select our new ellipse over one. Let's go to edit, copy, edit, paste in place, then go to right-click transform and scale it. Let's scale it. Maybe 85% will be, I think we'll do the job. Maybe not. Yeah, let's just keep it at 5% and let's just add a new color to this one. Grid like this whole kind of kind of situation here. And let's just select our shape inside. And while holding Alt, I'm just going to scale down a little bit more. Just to make the edges of the frontal little bit more evident. I'm just going to zoom in a little bit so I can make this more precisely. Something like this. Going back. Perfect. This will be our main element of this poster. The next thing we need to do is maybe let's just start with our background already because it's nice when you have, like sometimes our white background is quite intimidating for me. And that I like to add some color to make. It just added on color and it took away some intimidation. Let's just add maybe a bright color, but not too bright as well, not too close to white. Let's just see, maybe this one will be. All right. Let's just lock this layer for now. Let's select our shape here fully down a little bit. Let's press E to be able to scale it. Let's hold Alt and Shift to scale proportionally. A little bit like this. Let's select it again, right-click and group it. Let's go to cop to Edit Copy, Paste in Place. Let's make another copy paste in place and just pull it up like this. This could be already a boxer if you feel like, like, like in Japanese war poster. But we're going to make a few. A few more edits here. Let's just scale this down a little bit. Something more like this. The same thing here, scale it down. Something more like this as well. Let's let, let the stray and right-click and group them. Let's pull it a little bit down. Unless select it again. Let's go to edit, copy, edit, paste in place. Let's press R for rotation. Just move it up just a little bit like this, creating this mirror composition. Let's just pull this up a little bit. Let's again call up these elements together. Scale them down a little bit. Something like this. Let's align them to the art board so it's perfectly aligned. And it's already like visually, it's already very, very interesting. Visual for sure. Let's just zoom in and go to our ellipse tool again. Just Darley Ellipse tool and just add the same gradient as before. Creating this fairy. Like, like eggshell situation happening. And it's quite abstract, although I feel it's design parts of the movement we see in these posters. And when we design a little bit more abstract reopens a little bit more space for interpretation, which is really cool, which is sometimes what I like to do when I'm not, I'm designing an entire day like a very objective things for my clients. And when I finished my day, I don't want to be I want to be more free. I want to teach stuff that doesn't stack queue into like a topography element or a color set. But something that's, it doesn't need to have a meeting, just needs to be an expression of something. Yeah, Normally that's what's this poster series is. Just going to zoom in a little bit. Let's just select this again. Let's just unlock our background. Unless just group them again. Let's just right-click group. Let's create a new solid. Just add a darker color on a solid. Yes, we're going to do the moist thing going now. Let's go to Texture, Grain. Opacity. Screen. Maybe this one and we'll make 10%. Let's see how it looks. It looks nicer than 10%. Let's again selected Right-click Group. Right-click again, transform and scale. And let's scale these 290%. So we create that nice Porter for our design press. Okay, Let's create another solid. Just to make a darker background. Maybe I'm feeling maybe the noise easily, a bit strong, uh, kind of like it, but I can understand how we can look a little bit too strong way. We are going to make it like 8% or some, something like that. Yeah, I don't want it to be very I wouldn't be like a small gray, not like decane, the grantor achy outer attention from the visual. This is mostly the technique and the visual. Well, the next lesson will be their conclusion class. I see you there. Thank you. 5. L04 - Class Conclusion: Hello everyone, and thank you so much for taking this class. I'm really happy you made so far. I hope you enjoyed learning these techniques and making these really cool visuals. Please do not forget to review the class and to actually post your posters. I really like when students share their posters everywhere. And then they tag me on Instagram and then I can actually reshare them and critiques like this community around these tutorials and around design in general. And also don't forget, let me just show you where to check my Skillshare page where I have this really, really cool other posters classes. And don't forget to follow me there as well and check out all the other classes if you like this one, you probably run like the latest one I did before. This one, which is number five, where I actually, until this very abstract visuals as well and also teach hostile really cool techniques or to use other tools from Illustrator. Yet, this is it. I hope I see you in my next class. I have a nice day. Cheers. Thank you.