Transcripts
1. Graphic Design for Lunch Flat and Dimensional Designs Introduction: Hello, I'm Helen Bradley. Welcome to this episode of Graphic Design for Lunch, Easy, flat and Dimensional designs in Adobe Illustrator. Graphic design for lunch is a series of classes that teach a range of tips and techniques for creating designs and for working in applications such as Illustrator, Photoshop, and Procreate. Today we'll look at creating flat and dimensional designs. You'll learn techniques for creating flat designs in a streamlined way and how to create dimensional designs with simple shadows and highlights. By the end of this course, you should have added a range of techniques to your Illustrator skill set. As you're watching these videos, you will see a prompt which asks if you would recommend this class to others. Please, if you're enjoying the class, would you do two things for me. Firstly, answer yes that you would recommend this class, and secondly, write in even just a few words, why you're enjoying the class. These recommendations help other students to say that this is a class that they too might enjoy and learn from. Now, if you'd like to leave me a comment or a question, please do so. I read and respond to all of your comments and questions, and I look at and respond to all of your class projects. Now if you're ready, let's get started creating easy, flat, and dimensional designs in Illustrator.
2. Pt 1 Make a flat iced donut: Let's start with our flat design. I'll click "Create New". I'm going to create a document that is the size of my screen. I'm working in RGB Color Mode. I'll click "Create". We need some colors to work with. If I go to my "Swatches" panel, you'll see that the colors that I have are not particularly conducive to creating a doughnut. For this, I'll choose "Window" and then "Color Themes". This gives me access to Adobe Color Themes and I've already gone ahead and clicked "Explore" and I've tapped the word "donut." This gives me color schemes that relate to doughnuts and this is a fast track to finding some colors that I could use. If I see a color scheme I like, I'll just click this little three dot icon and click "Add to Swatches" and get added to my swatches palette. This is a handy way of finding some nice browns for example. Brown's often a color that's a little bit difficult to locate a really good brown. You can sort of fast track it by accessing one of the browns that is in a color scheme here. Select the color schemes that you want to use. A doughnut is going to be created from a circle. I'll go to the "Ellipse Tool", hold the "Shift" key as I drag out a large circle. I'll fill it with a brown color. Let's go and get one of these browns, perhaps a little bit lighter, and I'll remove the stroke. This is a very smooth circle. I would like mine to be a little less smooth. I'll choose "Effect", "Distort & Transform", and then "Roughen". Turn "Preview on", click on "Smooth", Check between "Relative" and "Absolute" as to what might work best. I'm thinking possibly "Relative" will as long as we can start working on the settings here. It's possible to use fractions of an inch in fractions here if you just type them into the box. This is giving me as slightly uneven circle. I think that's perfect. I'll click "OK". At this point, I will expand this so that we're converting it from a circle into this shape with "Object", "Expand Appearance". Now I need to put the icing on my doughnut. Now I could do this with a separate shape, but we're going to do it using the "Appearance" panel. So I'll click to open the "Appearance" panel. I need to make sure that my shape is selected. I'll add another fill and I'm going to make this a pink color. So I'll sample one of the pink colors that I just downloaded with that color theme. If it's not the right pink, I could click on it and just readjust that. But in fact, in a minute, we're going to make this a gradient. This fill is on top of the brown fill, so they're sort of stacked with seeing the pink fill, not the brown. I want this to look a little bit more like icing. I'll click the "Fill" and first of all, I'll choose "Effect", "Convert to Shape". I want to convert this to an ellipse, so it's a little bit smaller than the current ellipse. I'll set it to "Absolute". This gives me a small circle in the middle of my shape, so obviously need to increase this quite a bit. I'll test out 450. That's pretty good. It could probably be a little bit more. You don't have to use exact values here if you don't want to because values like 475 and 500 are circular but not quite. Again, giving the impression that perhaps this is a sort of hand-drawn shape if you like. I'll click "OK". Next, I want this to have an uneven edge as icing would. So with my pink shape selected, I'll choose "Effect", "Distort & Transform", and this time choose "Zig Zag". I'll turn "Preview" on. I'll make sure that my points are smooth. I'm just looking for a sort of icing look here if you like. So I'm like increase the size a little bit and I could increase or decrease the ridges per segment. Let's try 3.5 and see how that looks. So all you're looking for here is something that looks a bit more icing shape if you like. Click "OK." If you think that your pink shape is not big enough, you can always go back to the ellipse and increase its size. I'm going for 525 and 500. I think that's a little bit better. I'll click "OK". I want this fill to be a gradient, not just a plain color. Again, selecting the "Fill", I'll click here to apply a gradient. Now the gradient is not what I want, but it's a starting point. The "Gradient" panel here has opened. So I'll double-click here to get access to some colors I can use in my gradient. I'll use a darkish pink here. Let's double-click and go and get that same pink, but this time let's go to "Swatches" panel. I'll choose from the drop-down list here "H", "S", "B", which is Hue, Saturation, and Brightness. I can decrease the saturation and just make sure I've got it quite bright to get a lighter color here. Now we're building up a linear gradient, but that's fine. We can very easily make it a "Radial" gradient. It's the wrong way around. I would like lighter in the middle and darker at the outside, so I'll just reverse it here. It's also possible to put a stroke around the edge of this shape. To do that, we'll go to the "Stroke" and we'll add a darker edge color, I'm thinking. So let's go for a color like this. Now at the moment it's been added to the outside of this shape, not this shape here, because it needs to have the same ellipse and zigzag applied to it, so I'll duplicate the ellipse. I'll drag it onto the new icon here and move the second ellipse down to the stroke, and then I'll go and get the zigzag and duplicate that and drag it onto the stroke. So now the stroke is around the edge of the icing and not around the edge of the doughnut itself. We can increase the stroke value. You can say when I do that, it's very apparent that the stroke is now in the correct position. Just make it quite small, 3 pixels will be fine. Now, doughnuts have holes in the middle and right now this doughnut has no hole in the middle, so it's time to go and do that. For the hole in the doughnut, we're going to create a new fill. I'll click "Add New Fill". I'm going to make this fill a totally different color so that we can see it, making it green color. As you can see, it's now the same size as the doughnut itself, so we need to alter that size. We're going to make it a circle that is the size of the hole we want. With it selected, we'll choose "Effect" and then "Convert to Shape", and we'll convert it to an ellipse. We'll select "Absolute" and just put some values in here. I think maybe 200 and 200 will be just fine. That looks pretty good to me for the hole in my doughnut. I'll click "OK". Now it's not a hole yet because it's a big green circle, but once we've created something that is the whole shape, it's very easy to make a hole out of it. What we do is we go to the "Fill" and we set its "Opacity" to 0, so it disappears from view. Any shape that has its "Opacity" set to 0 can be used as a knockout, a way to create a hole in this entire shape. We do that using this "Opacity" setting down here. You'll see that every one of these fills has its own opacity, so do all of the strokes. But then there's an overall "Opacity" at the very bottom here which controls the entire shape. So we'll open up that "Opacity" panel and we'll click twice on "Knockout Group". What that does is it creates a knockout or a hole through the entire shape that is the shape of whatever has a 0 value for its opacity, which is this fill up here. A little bit confusing. Once you've done it a few times, it becomes a little bit easier. Now at this point, you can go back and make minor adjustments if you like. I think my doughnut might look a little bit better if the gradient was a little bit lighter, so let's go and find the gradient which has disappeared on me, so let's go to "Window", "Gradient". I'm just going to lighten this end of the gradient. It would also be possible to apply a gradient to the doughnut itself. You could go to the doughnut Fill, set it to a Gradient, this one here, and then go back and pick the gradient for this. We'll select a brown for the darkest end. Let's go and get a brown from the browns that we downloaded and then you could use a lighter brown or you could just go with the same color as the pink in here because the icing is over the top, we're getting that sort of gradient look for our doughnut. So we're nearly all of the way there, the only thing we have to do is add the sprinkles to our doughnut and we'll do that in the next video.
3. Pt 2 Add the Sprinkles: We get a few options when we add the sprinkles to our shape, we could add them as part of that appearance panel, but I'm going to do them as symbol. We'll go first to the Line Segment Tool, and just draw out a very short line. This is going to be our sprinkle shape. I'll increase the weight of the line to something like, about nine pixels will be pretty good. I'll go to the Strike options and select a round Cap. Now, my sprinkle right now has a color which is a sort of red, that's not going to be able to be seen easily over the top of the eye thing. Let's go to the colors. I'm going to choose a darker orange color, and I'll explain to you in a minute why I'm doing that. Let's go and get the sprinkle, and we'll add it as a symbol going to the Symbols Palette, of cause you can get to that by choosing Window and then Symbol, and just drag and drop your sprinkle into the Symbols Palette, click "Okay", and you can go ahead and remove it from the document. We're going now to the Symbol Sprayer Tool, select it and double click on it, so that we can see the settings. We don't want a very dense number of sprinkles, I just want a few, so I'm setting my Symbol Set Density down quite low, and the Intensity quite low as well. I have a diameter of 100 pixels, which is the size of this brush over here, that's a pretty good size here, I'll click "Okay" making sure that the symbol I want to use is selected, I'll just click in the document here to add a series of shapes that I can use for my sprinkles. Now, they're all going to be going in the one direction right now, and that's just fine. Once I've got my shapes in position, I'll go to the Symbol Spinner Tool, using that I can click and drag on my symbols to readjust their rotation. I want them to be going in different directions not all up and down. The small brush size means that I'm only adjusting one symbol at a time, and that's a really good option to use here. I've got some variety now on my symbols. If you need to move a symbol, go to the Symbol Shifter Tool, and then you can just pick it up and move it. It might take a little bit of effort to reposition it, but you can just drag it around. That's also helpful if any of the symbols go over the edge of the eye thing because you want to keep them pretty much in the middle of the eye thing. Once you've got that all arranged, the next tool is the one that's going to allow us to recolor things again in a minute. We'll go to the Symbol Stainer Tool, and I'll click on each of the shapes that I want to recolor in a minute. Now, if I just try and click right now, I have to select a solids fill color. Let's just go and get a solid fill color, and now let's go and click on a shape, and every time I click, the color is going to be adjusted slightly, and by coloring these very slightly different colors by double-clicking or triple-clicking on these colors, I'm separating the colors into colors that I can then recolor in a minute. I've just done that, let's go ahead now and break our symbols out of this collection with Object Expand. I'm going to expand the object right now but not the fills, I'll click "Okay" and I want to break them from the Symbols Pallets. I'll go to the Symbols Palette here, and click here on "Break Links To Symbol". That means that, there's a now broken apart from the symbol, so I have more flexibility in working with them. In the last panel, I'm going to first of all lockdown my doughnut, so that all I can work with is this group of shapes. Now, they've got groups inside a group here. Let's just break those out for now. Select my Group, Object, Ungroup, and keep doing that until we see what we've got. Well, we've got a series of lines. Let's just test one of these lines, you can see there are lines that have strokes and no fill. Let's go and select all of them. We can drag over what were symbols to select them because the doughnut's locked down. The only things that we can select are these shapes. Now, it seems that I've got a few groups there still. Let's continue to get rid of those groups. Everything is now aligned. Let's choose Object and then we'll choose Expand, and we're going to expand the strokes and that will make them filled shapes, and again, they've been grouped, so let's just go onto our object, Ungroup, so that we end up with just a series of shapes which is what we've got there. Now, we can just group them back again, Object, group. Nice and neat, this is our sprinkles, this is our doughnut, but we have a series of colors in our sprinkles. It's not really apparent right now, but there are diverse colors enhanced. Let's go to the Recolor tool. Here are the colors that we have, we have three colors of sprinkles. Let's go to Edit and we can now break this apart, making sure that this lock icon is unlocked. Let's see what we can do. We have different colors that we can use now for our sprinkles, we just need to find a nice spot for this. At this point, I might think that this one would be better blue, well, it's going to be easy to make it blue in just a minute. Let's click "Okay". Let's go and target this object within the group, so I'll just click here on just this object in a group using the Group Selection Tool. Now, if I click on the "Selection Tool", the object is actually selected, and I can go and borrow a color using the eye dropper tool from another one of these sprinkles. There are a couple of sprinkles that I want to recolor to blue, I can do so. I'll click on it with the Group Selection Tool. Go and click on it then with the Selection Tool, go to my eye dropper and just borrow that blue color. Of course, if you want your sprinkles to be all the same color, you can do that at any time to, just select on the group, go to the Recolor dialogue and just put all these colors together. You'll just drag each of these colors into the same location and go and select Exact, and then you can double-click and choose the eight colors, so it doesn't have to be that particular color, you could make them for example, all blue. We've got sprinkles that are all identical colors, but by using the Symbol stainer Tool, you get a couple of options. Firstly, you can have all your sprinkles the same color, or you can burst them out into different colors, and it's really just up to you what effect you want. I'm going to settle for the different colors sprinkles for now, so I'll just cancel out of here. There's the first of our designs. It's a flat design for a doughnut with sprinkles that can be easily recolored as you've seen. In the next video, we're going to go ahead and create a doughnut that has some dimension tool. It's going to have some simple shading effects as well.
4. Pt 3 Draw a dimensional donut: For our dimensional doughnut, I've created another document. Again, the same screen size and again RGB color mode. We'll start with our doughnut, which is an ellipse, so just drag out a large ellipse, we will fill it with a brown color. If you don't have a brown color in your collection, you can always use an orange and then double-click on the orange and go looking for something a little bit darker because the browns are really just dark oranges. That'll be good for my doughnut. I don't want it to have any stroke at all. Now, it doesn't look quite like a doughnut yet, so we'll go to the Direct Selection Tool that will allow me to select either just these two anchor points on either side of the shape. These are hollow now indicating that they're not selected. These are filled, indicating that they are selected. I'll go to the Scale Tool, target it. Now, when I drag on one side of the shape, both sides of the shape are being altered together. Now I have something a little bit more doughnut shape. I want to prepare for the hole in my doughnut, and that's going to be another ellipse. Just drag out a nice biggish, narrow ellipse. I'll fill it with black and just move it into the rough position. It's not going to look like this eventually, but it will help me to judge the icing on the doughnut a little bit better if I have an idea as to where the hole in the doughnut is going to be, so preparing like this is a good idea. Next up, we're going to prepare the icing for the doughnut, and that's going to be another nice big oval. What we're looking for here is an oval that the bottom edge of it sort of follows the doughnut shape. Now I'm going to fill that with a nice, really bright pink. I think that'll be pretty good right now. To get our icing look on our shape we'll apply a zigzag to it, effect to distort and transform and then zig zag, turn preview on. I want it to be smooth obviously, and I want quite a few ridges per segment. Let us say what we can do here and just increase the size. The bit that that I'm interested in is the bottom edge here where the zigzag shape intersects with the doughnut because that's where the icing is. We can just work on making that look as good as we can because that's the only bit that we're actually going to use. I'm happy with that, I'll click Okay. At this point I'm going to expand this shape so we create the actual bumps rather than have an oval that's got a transform effect on it. I'll choose object and then expand appearance. What we have now is a shape that has anchor points on all the tips and all the insides. But the only tips and insights that we're interested in are the ones that intersect with the doughnut itself. I'm just going to click on a few of those and just slightly reshapes them. We haven't needed to draw this zigzag ourselves, but we may want to just readjust these points and you just do it by clicking on a point and then just drag it and we want to create something that is perhaps a little more organic, indicative of icing that's going to fall in sort of uneven loops on our doughnut. Once you've reshaped those into something that looks appropriate for a doughnut, we're ready to do the next step. We're going to lock down the doughnut and the hole. Let us go to this layer, I'm going to move the hole above everything, but I'll look down the doughnut because I don't want it to move. I also don't want the whole to move, I'm just interested in the icing right now. I'll go to the Lasso Tool, not a tool that we use a lot, but one that's going to be really handy today. With the Lasso Tool, I can select just the bottom half of the icing. Make a nice big selection. Right now I've only got selected this bottom half of the icing, I'll choose edit copy and then edit paste. What I have here is just the bottom half of the icing. As a shape, it's an open shape, it's not a closed shape. I'm going to swing this across so that it has a stroke and it has no fill at all. Let's increase the stroke value so it's wider. We're going to use this to add some depth of color to our icing. It's not the right color right now, it's also a single width stroke. I want it to look a bit more interesting, so I'll go to the brush profiles, I'm going to choose this width profile. But it gets a little bit thin here for me, so I'm going to go and pick up the width adjustments on this line and just adjust them a little bit. Perhaps make some of the already thick ones a little bit thicker. But so this line has plenty of interesting texture, but it's not totally thin. Just looking for this variety. This needs to be a light color. I'll just go and sample a light color from my collection. I have a pretty light pink here. It needs to be the stroke and not the fill, so we don't want any fill on this at all. Actually, let's go a little bit lighter still. We're going to make a duplicate of this using the Selection Tool, we'll just auto option, drag a duplicate away. Instead of this stroke color, we want the stroke color that's going to match the icing. Let's go and grab that. I also want to reverse this strokes. I've got to brush width profile here that I created, but this one is exactly the same as this one. What I want to do is flip it. I can do that through the appearance panel by opening up the appearance panel for this stroke, open up Stroke and just click here, and that flips the appearance around on that line. Now, I have two lines with the exact same appearance, the same brush width profile, but it's reversed so it's slightly different on edge. I'm going to create a blend from both of these lines. I'll go to the Blend Tool, click on one line, click on the other, double-click on the Blend Tool. What you see right now might be different on your computer, that's fine. All you have to do is double-click on the Blend Tool and time Preview on. Then we can make settings that are going to be consistent across your machine and mine. I'm going to increase the number of loops here. What I'm looking to do is to close up these gaps. I don't want there to be any gaps in my icing, so we'll make five loops. We've got a color here that matches the top of the shape and we've got a light color at the very bottom. We're pretty good here right now, I'll click Okay. This is a blend so I can bring my blend up to test that and just see how it's going to fit relative to the hole in the doughnut. Well, it's going to be reasonably okay because this color is just the color that surrounds the doughnut hole, so I'm pretty happy with that right now. Let's go to the last pallet and see what we've got. We've got our lock-down doughnut hole, we've got our major piece of icing and then we've got these little loopy bits of icing here. Let's see what's in here. This is a blend, and so we've just got the starting and end points of the blend. None of these intermediate shapes are even shapes. We need to break them out. We'll go to our Blend and select it, and then we'll choose Object, Blend, Expand and that breaks it up into the component lines for the blend. That gives us a lot of possibilities because we can start squeezing them up if we want to, but they don't have to be evenly spaced. Let's go and do that now. Let's go and get the Selection Tool, let's click on one of these and we can just move it a little bit if we want to. Maybe we make it a little bit deeper, we might go to another one and maybe move that down a little bit. That's closing up the gap so that we have a big pace down the bottom, a thinner pace and then another thicker pace. We're able to build in a little bit of variety in our icing. We can even move it a little bit to the left or the right. We've got basically the same shapes in icing, but we're able to break up the look a little bit just to get something again, a little bit more organic. I'm pretty happy with the icing. Look here again, not worried about the icing over the end here because the doughnut underneath is the shape that we're actually looking to create. But I do have a lot of paths here. These are just paths that have strokes on them. I'm going to select all the shapes in this group and expand them, so I'll choose Object, Expand, Appearance. Now we will need to check to make sure that that's work, so this ones are filled shape. This one is not, so might have to do them individually and just expand the strokes. Now, I'll break them out of the groups with object Ungroup. Continue to do that until ungroup is no longer an option. Again, just make sure that I've got filled shapes here. They might be compound paths, that's just fine. Okay. Everything here is a filled shape and all of them are filled with different colors. We're now going to use our doughnut shape as a cut. I'm going to unlock it, I'm going to make a copy of the doughnut -shape, bring it up to the very top, because I can now use this as a cropping path. I'm going to select the doughnut shape and I'm going to select all of these paths to shift click on all of them because I want to crop them to the doughnut shape so there's no part of them outside the doughnut. At same time, I'll do this shape too, which is the basic icing shape. We'll go up here to the Pathfinder and click Crop. That just gets rid of every piece of the icing that is outside the area that is covered by the doughnut. We made a duplicate because we lost the doughnut and the process, it sacrificed with that crop. You always want to make a duplicate of your shapes, so you've got the basic doughnut shape and then you used it also to crop this. We've got in here, I'm just checking to see what we got as a result of that crop. Sometimes down the very bottom of a crop, you'll get a series of no fill, no stroke shapes, say sharp as little sort of black outline shapes. They don't have any filler or any strokes, so they have no value at all. The best thing to do is to go and select all of them and just press the Delete key and that just gets rid of them. The only things that are left are now actual shapes that have color in them that are contributing towards this icing, and we're just going to leave them in that group because there's a lot of them and we really don't want to be worried about the little bits some pieces. Let's put the doughnut hole back in position. Now that we've got the icing and doughnut complete in the next video, we're going to add some depth to the hole in the doughnut, we're going to add some sprinkles and we're going to add some little hints here of curves and shadows on the doughnut itself to give it a dimensional look.
5. Pt 4 Add highlights and shadows: We're now ready to add some dimension to our doughnut and the sprinkles. In the last part, I'm going to unlock the hole in the doughnut because it's time that we did something with that. I'll select it and I'll fill it with a gradient and then go to the gradient and set up my gradient. At the lighter end, I'm going to use the existing color here. I'm going to choose the exact same color as we have used for the doughnut icing. I'm going to swing my gradient around. I'll use minus 90 because that will put that color at the top and a darker color at the bottom. Right now it's black, probably not the best color to use. I'm going to toggle this and I'll go back and use the exact same color. Right now the gradient goes from one color to the exact same color. But let's go to the color tool. Let's bring down HSP so that we can get a darker version of the color we're using. That's always better than black if you can possibly do that. Now, if this is not shaped correctly, we can adjust that shape. It's got its gradient attached to it, so it's going to be fine. We can move it around and do whatever we like with it. If we want a little bit more of the red and a little bit less of the dark, then we can move the midpoint of the gradient slider so we get a little bit less dark and more of the red. I'm pretty happy with that. Let's go to the last pallet. We'll lock everything down that we've got so far because it's time to put sprinkles on the doughnut. Now, the sprinkles are going to be lines so I'll go to the line segment tool. I'm going to add a solid color to the line, and I'm going to select this color here so that we are keeping in the color scheme that we're using. We'll, go to the line tool and drag out. I'll increase the stroke weight. Let's go to stroke and just put a cap on it. As sprinkles are going to be as simple as this, you don't have to make them as symbols. It's perfectly acceptable just to drag them out with the line segment tool. You just want to drag straight lines so that your sprinkles are straight lines, and vary the direction that they go in. If you drag one out that's not the right length, just delete it and start again. Your sprinkles can go across the drips of icing as well if you wish. Each one of these shapes is inheriting the characteristics of the previous shapes, so I'm not having to apply any specific formatting to that and just bang up automatically applied. I'm going to the last palette because I know I have a whole heap of shapes here, lots and lots of shapes just loosing my last palette. Everything else is locked down so if I select over the doughnut, all I'll be selecting is these lines and I'll group them. It's a good idea to tuck them away in a group. If you want to, you can also name that. Now we're ready to go and put some dimension on our shapes. I'll lock down my sprinkles and I'm going to the pencil tool. It's a nice, easy tool to use. If I double-click on the pencil tool, you'll see that I've got its fidelity set to smooth. If you have an earlier version of Illustrator, you might have two sets of sliders here. What you want to do is you want Illustrator to be smoothing out your line as much as possible so you're not retaining all the lumps and bumps as you draw with it. Particularly if you're drawing with the mouse. It's going to draw really smooth curves, and you don't want to keep selected check, so make sure that's disabled. I'll click "Okay." Let's zoom in a little bit so we can see what we're doing. What I'll do is just draw out some curved lines that will be highlights for my doughnuts. I'm going to swing around the doughnut hole if you like. I'll select on this shape because we've locked everything else down. The only thing I can select on is the path that I just drew. We're going to give it a brush profile, so we're going to give it a thicker middle and thinner ends. If we increase the stroke weight, we're going to get something that looks like a highlight. Now, at this stage you can do one of two things; you could either go for a slightly darker color or it's possible to adjust down the opacity. If you adjust the opacity, it's going to blend in a little bit better with the top part of the doughnut. You could also draw these lines using the pen tool. There's nothing to stop you doing that. I just think that a lot of people really hate the pen tool and so being able to draw these lines with the pencil tool is really nice, and you get nice organic lines. There's nothing wrong with these lines. Let's go and add. This one's going to be a bit more of a shadow. I'm going to make this darker, so I'll select it and let's go and get the dark color that we've been using for the icing. That's this color here. Now, double-click on it because now I can get a darker version of that by dragging down. It's inherited the 64 percent opacity that I was using previously. I may want to increase that opacity or might want to leave it just as it is. We're going to add highlight detail to the bottom of the doughnut as well. Again, go to the pencil tool and drag in a little bit of highlight. Select this sample, the color from the doughnut, double-click it, and make it a little darker if we want it to be a little bit darker. If we want a highlight, them we can go and create a highlight. Now, you don't actually have to be following the rules of highlight and shadow with this, you're looking to get a little bit dimension in your doughnut, a little bit of interesting shapes if you like. It's not actually rocket science in terms of trying to work out where light and shadow is coming from. It's getting something that gives your doughnut a little bit more of an interesting shape. I might add a second one of these just along here. Once you've got one shape that you like that's colored correctly, you can just go and borrow its look for another one. There are other things that you can do to help this shape look dimensional. Let's go and unlock this group of icing shapes. Let's just open up the panel here. I'm going to see if I can grab this bottom most shape and able to get the whole of that shape. Let's go and select it. What we could do is choose Effect and then Stylize. We could add a inner glow to it. With the inner glow, I'm going to apply it with a darker color. I'm going to set it to multiply blend mode, let's turn preview on, let's put it on the edge, let's decrease the blur all the way down because we want a slight edge effect here and just adjust the opacity to sleep. This is what we're getting here, we're adding a little bit of dimension to the icing itself. You could do that to a couple of pieces of the icing, probably opt for the ones that are more a single shape rather than little bits and pieces just simply because it's easier to select those. Again, Effects, Stylize, Inner Glow. Then what we've got here is an inner glow with a Multiply blend mode and a darker color. Just because it's a glow doesn't mean you can't use it as a shadow. It's perfectly acceptable to do that. There is a little bit more dimension given to this shape, using the group selection tool to select their shape, going back to the selection tool and then just adding inner glow which is a darkening effect. For the doughnut itself, I'm looking at a different effect. Let's go and unlock the doughnut layer and let's make a duplicate of it, so we have two doughnuts. I'm going to lock one down and this top one, I'm going to make a little bit of darker color. Let's target the fill and let's just make it a darker. Now, to carve off the piece, I'm going to use as a shadow at the bottom of the doughnut. I have a few options. One of them is to simply just draw a very simple line using the pen tool. To do this, I'm going to click and drag outside the line of the doughnut. I'm going to come across to the other side of the doughnut and click and drag upwards. I'm looking at making alignments, it's going to carve off the bottom part of the doughnut. I'll press the "Escape" key and I'm going to flip my fill and stroke. That's going to make life easier. Go to the direct selection tool and now I can adjust this line. Now I've got a line and I've got a doughnut shape underneath it. I can use this line to cut the doughnut shape in two. To do that, I have the line selected and nothing else. That's really, really critical. You can't have anything else in this document selected except a line. I'll choose object, path, divide objects below, and that cuts that doughnut into two pieces. If we go back down to the bottom here, we've got a piece of doughnut and the rest of the doughnut. Well, we don't want the rest of the doughnut because all we want is this highlight piece. So I'll just drag that onto the trash can. It's given us detail piece across the bottom of the doughnut. At this stage, I'm going to grab this piece and move it out of the way, so there comes an extra piece of shadow, but it's definitely separate to the base of the doughnut that we've created. By simply making a duplicate of the doughnut shape, make it a bit of a darker color, and then use a line that we've created using any tool at all. I chose the Pen tool using that line to divide it in two. That allows us to discard the part we don't want and keep the part that we do. There are some ideas for creating a dimensional shape in Illustrator. You don't have to use all of them. I've just thrown a few ideas at you that you might want to look into. We've created dimension by carving off a piece of the shape in a different color. We've added some dimension using a gradient shape that suggesting that there's a hole in the doughnut. Here are our highlight and shadow elements as well, and of course, there's the inner glow that we created to create some shadow detail in the icing.
6. Project and wrapup: Your project for this class will be to create one or both of these designs, the flat design or the dimensional design, and of course, if you want to do both that's a great idea as well. Post a picture of your completed illustration as your class project. I hope that you've enjoyed this class, I hope that you've learned things about Illustrator of which you were previously unaware. As you were watching this video, you would have seen a prompt which asks if you would recommend this class to others, please, if you did enjoy the class, would you do two things for me? Firstly, answer yes that you would recommend this class. Secondly, write even in just a few words, why you enjoyed the class. These recommendations are helpful to other students to say that this is a class that they too might enjoy and learn from. Now if you'd like to leave me a comment or a question, please do so. I'll read and respond to all of your comments and questions, and I look at and respond to all of your class projects. My name's Helen Bradley. Thank you so much for joining me for this episode of Graphic Design for Lunch. I look forward to seeing you in an upcoming episode soon.
Helen Bradley, Graphic Design for Lunch™
