How to create a winter village in Adobe Illustrator

Contents
Favorites
Comments
Share
0 Projects

In this video tutorial you'll learn how to use basic shapes to create a winter village in Adobe Illustrator. You'll also learn the importance of grouping and aligning to easily achieve a professional look. Get ready to learn the power of basic shapes and tools.

Hello my name is Maria Keller and I'm a digital artist from Mexico. On this tutorial I'll teach you how to create a winter village in Adobe Illustrator. At the end of this tutorial you'll have created a cute little village and learnt the process I follow when I create an illustration like this. All the keys and shortcuts I use will be displayed on screen, so you can follow along Let's begin. The first thing we're going to do is create a new document in Illustrator. And to create the winter village we're going to be using a lot of the shape tools, so if you go here, probably by default, you're going to see this Rectangle tool. But if you click and hold the click, you're going to see the rest of the shape tools. One thing that I like to do is release my click here on this little triangle so I can make this window float, and move it near my camera so I can access them quickly. To zoom in on my canvas I press Ctrl +, and to zoom out I press ctrl - .And to move around the canvas I press the spacebar on my keyboard. Now let's begin working on our village. The first thing we're going to create is the house. So, we're going to select the shape that has no stroke. And has a feel of... and this one's going to be this blue. And I have already selected my colors to save time, but you can feel free to find colors that work for your village or the theme or you're village. So I'm going to click here on the Rectangle tool or press M on my keyboard, and make a rectangle that has a width of 192 and a height of 130. And I'm going to hit OK. Now the next thing I want to create is a triangle. So I'm going to click here on this Polygon tool, and then click on this one. And it really doesn't matter the radius, but you have to make sure that you have three sides. I'm going to change the dimensions, actually here. So when you create that triangle you're going to go here, and you can change your width and your height. And I'm going to change the width to have 192 and my height to be 70. And now I want to align these shapes. To align the shapes I'm going to use to Align tool. I'm going to go: Window>Align. And this window should appear. And I'm going to select both objects, and then click again on this rectangle. And as you can see, there it has appeared an outline here on this shape. So now this is a key object. And another thing that you can see is that this icon has changed to a key, so now this rectangle is a key object. I'm going to align them to the Horizontal align center, and then here in the Distribute space, I'm going to make sure that I have 0 pixels, and click here on Vertical distribute space. So now they're sitting one on top of the other. I'm going to change the color of this rectangle to this one, and I'm going to go and select this triangle, and go: Object>Path>Offset path. And then, I'm going to offset this 10 pixels but, negative 10 pixels. And I can have a little preview here, and I'm going to hit OK. Now this one I wanted to have a lighter blue. And I'm going to select this big triangle again, and go: Object>Path>Offset path, and this one, I'm going to offset 10 pixels. And then hit OK. Now I want to make a copy of this other triangle that I had here, so I'm going to select Ctrl+C. And then, I want to paste in place or right in the same spot. So you can go here to Edit>Paste in place, or press Ctrl+Shift+V. And now what I want to do is go to my Direct selection tool or press A on my keyboard, and go to this anchor point, and just extend the line. And then do the same one with the other side. Now, I want to go here to: Window> Pathfinder. Because I'm going to use the Pathfinder tool, or you can press Ctrl+ Shift+F9 on your keyboard. I'm going to select the triangle that I originally created and this one that I extended, and I'm going to select here on Minus front. And now I have a shape that is just this triangle, I'm going to undo that. And I'm going to go to my Direct selection tool or press A on my keyboard, and select this anchor point, and select this anchor points, and then just round them all the way to the top. And you can do that with the circle handles or you can input the value here on the corner top part. Now this one I wanted to make it white, so if I do it like that, right now you're not going to see it, but you're going to make sure that it's all right there. I'm going to create an ellipse, and this one is going to have a width of 22 x 22. And then I'm to select another one that is 30x30. And the big one, I'm going to add this color, and the smaller one I'm going to add... it's actually going to be the opposite. So I want this to be on the center. And as you can see, the big one is on the front, so I'm going to go: right-click>Arrange>Send to back, or Shift+Ctrl+[ . And now it's on the back. I'm going to select both shapes, make one the key, and go Horizontal align center, and then Vertical line center. And then I'm going to place this window. I'm going to group it by pressing Ctrl+G, and put it here on this triangle, and go here to the Horizontal align center. And then while I press Shift, so I can only move in one direction, I'm going to put it right there in the middle. Now the next thing I'm going to create is the door. Or first, let's work on the on the window. So I'm going to make a rectangle here, and I'm going to make this have a height of 40 and a width of 32. And then I'm going to click again on that one, and create another rectangle that has a width of 12 and a height of 15. And I'm going to hit OK. This one is going to have a darker color, it's going to be actually the inside of the window. So I'm going to put this one around here, and then make a copy by pressing Alt+Shift. And move it a little bit here. And then select both of them and press Alt+Shift. This time the copies are going to be here on the bottom. And I'm going to select all of this, sorry, all of them; press Ctrl+G to group them, then select all, select the big rectangle, and then go here to the align Horizontal and Vertical align. And now you have your window. I'm going to group this one and move it around here. And then make another copy on the other side and move it around there. To make a copy, again I press Alt + Shift while I drag it. I'm going to group these windows by pressing Ctrl+G. And then select again on this bigger rectangle, and then go here on the Horizontal align center to make sure that they are aligned horizontally. I'm going to create some steps so I'm going to go here and make another rectangle. And this one is going to have a width of 38, and a height of 8. And this one I want to make a darker gray. Then I'm going to make another one, and this one is going to be 52x8. Now I want this step to share the same bottom. So I'm going to select again this rectangle, click again on that one, and then click here on the Vertical align bottom. And then, I'm going to actually align this to the Horizontal align center, so it's right there. Now I want the distance between these two objects to be a 0, so I select all the objects make one the key, and go to Distribute spacing to 0, and align them with the Horizontal align center. I'm going to make this bottom step a little bit lighter, and then I'm going to create another rectangle to make the door. Now this rectangle, I want to make it with a width of 38 and a height of 60. And I'm going to create another rectangle, and this one I want to make it with a with a 55, sorry with a height of 55, and a width of 33. I'm going to hit OK. Now this one I want this to have this purple color, and the other one, I want it to share the same blue that we have been using. So I'm going to select these two objects align these. Again, by making the step with the bottom one the key. Go Vertical align center... No sorry, Horizontal align center. And then Vertical distribute space to be 0. I'm going to select this door and this one, again, make one the key object and align them. And I'm going to create two smaller windows right there. I'm going to select... click here, and make this little windows... I'm going to actually use the same dimensions that I just used. So I'm going to go with a width of 12 and height of 15. I'm going to hit OK. This is going to be a window so I'm going to give it this darker blue color. Put it in there. We can copy while pressing Alt+Shift. Group them and align them with the other window. Now finally, I'm going to create an ellipse for the...sorry, for the door. This one is going to be 4x4. And I'm going to place it around here. Maybe a little bit to the top. And give this darker grey. Now this is going to be our first house. But to make a finishing... sorry, the finishing touches, we're going to make some bricks and we're going to create a little rectangle. And this one is going to have a width of 13 and height of 5 and then hit OK. And this one, I want it to share this blue color. And I'm going to make a copy by pressing Alt, moving it around. I'm going to group this one... this group and move it around here. And then I'm going to make another copy of this one but facing in the opposite direction. So I'm going to go right-click> Transform>Reflect, make sure they're reflecting on my vertical axis and hit Copy. Now I have a copy of this, and I'm going to place it around here. With this we have our first building. Now the next... this is a house, but the next building that I want to create is actually a building. So I'm going to go here to the Rectangle tool and click. And for this one, I'm going to create a rectangle with a width of 165 and a height of 273. And I'm going to hit OK. To this one, I'm going to give it this color, and then I'm going to create another rectangle. And this one I want it to be 182x10 and then hit OK. And I want to round the corner again all the way to... all the way. And then I'm going to select both shapes, click again on this Rectangle tool, and then go here to Horizontal line center, and then the Distribute space to be here. And this one is actually going to be white. And now, I want to create a window. So to create a window I'm going to go here to my Rectangle tool or press M on my keyboard, and create a window that has a width of 40 and a height of 63. And then I'm going to create another rectangle, and this one is going to be 31 x 21. This one is going to be darker 'cos it's a window. And then this one, I'm going to select this orange color. I'm going to select both shapes and align them. The horizontal... sorry, the Horizontal align center. And then make another copy, group both windows, select again the bigger rectangle, and go to Horizontal and Vertical. Now you have the window. I'm going to group it and make a copy while pressing Alt+Shift. And then group these. Align them to the Horizontal align center, and then while pressing Alt + Shift, make another copy right there. Now I'm going to make another step, so another rectangle, and this one is going to be 62x8. And I'm going to make the door, so I'm going to click here and make a rectangle with a width of 37 and height of 74. And i'm going to hit OK. Now unlike the other ones, I want to only round the top corners. I'm going to go here to my Direct selection tool or press A on my keyboard, and only select the top anchor points. And then I'm going to round them all the way to the bottom. Or you can input the value of 18.5. And I'm going to make this door to be this color. And then I'm going to select my object and go: Object>Path>Offset path. Then I'm going to preview it, and I think 10 is probably too much...so, probably 6 would work better. So I'm going to hit OK. And make this one to have the same color as the other windows. the next thing I'm going to do is create some rectangles for the door. So I'm going to make a rectangle that has a width of 6 and height of 40 . Sorry, I actually gave the wrong numbers. So I'm going to make a rectangle this has a width of 12 and height of 37. I'm going to place it here, make it darker. Actually this one is fine, but this one should be a little bit lighter. And make a copy while pressing Alt+Shift, group both of these shapes and align them to the Horizontal align center. And I'm going to group all this door by selecting all the elements and pressing Ctrl+G, and make the step share the same base by selecting both objects, make the bigger rectangle the key object, and got here to Vertical align bottom. And then select all of this, again, 0 the distance, and align them to the Horizontal align center. Now I want to select these bricks, and while moving it I'm going to press Alt to make a copy. Place one here, and you cannot see them because they're on the back, so I'm actually going to bring them to the front by: right-click>Arrange> Bring to front. And then I'm going to do the same with these other bricks, and again bring them to the front. And I'm going to select both of these, and go here. Next we're going to build our last building. So I'm going to create a rectangle. Click here, and make a rectangle with a width of 130 and height of 155. And i'm going to hit OK. Now this one, I want it to be red. And I'm going to make a triangle. So I'm going to go to the Polygon tool and click again, just as before. I really don't care about the radius. But I have to make sure that I have 3 sides, I'm going to change the width and height of this triangle, so this one's going to be 130x44. And I'm going to select both of them, make one the key object, Horizontal align center, and then Distribute space, and make sure that it's 0. Now the next thing I'm going to do is something very similar to what we did on the roof here. So I'm going to go: Object>Path>Offset path. And then I'm going to offset this 10 pixels. OK. Then I want to make a copy of this, then I'm going to paste in place by going Object, I'm sorry, Edit>Paste in place, or Ctrl+Shift+V. I'm going to go to my Direct selection tool or press A on my keyboard, and move this anchor point to extend my line, and then move this other anchor point to extend my line. And I'm going to select both shapes, and go to Pathfinder and select Minus front. I'm going to make this one white, and just again, as before, I'm going to round these corners using my anchor points. Now, I don't need these two shapes to be separated, so I'm going to select both of them. And then I'm going to unite them, here on pathfinder, so I can have a single shape. The next thing I want to create is the window. To create the window I'm going to make a rectangle, and this one is going to have a height of 52 and a width of 35. And I'm going to hit OK. And here's my window. This one is going to be white. I'm going to create the smaller squares and these ones are going to be 13.7x13.7, I'm going to hit OK. I'm going to change the color to the other window, move it around here, then pressing Alt + Shift move it around here. Group them, and while pressing Alt+ Shift, move it again here to the bottom. Then, to make the exact same thing that I just did, I'm going to press Ctrl+ D, to repeat the last action that I did. So I'm going to go Ctrl+G to group all the windows, and then I'm going to select again the larger rectangle and align them. And I'm going to group this window, Ctrl+G, then I'm going to place one around here. And then, while pressing Alt + Shift, I'm going to make a copy here, then I'm going to copy again while pressing Alt + Shift, make another copy around here. And I'm going to group all the windows by pressing Ctrl+G. Select again my house shape, and click again to make it the key object. And then I'm going to go here to Horizontal align center, to make sure that there are aligned. And I want to create little chimney, so again a rectangle and this one's going to be 26x37. I'm going to select the same red with my Eyedropper. And go: Arrange>Send to back, because it has to be in the back. And finally, I'm going to create another step. I'm going to make another rectangle and this one is going to be 50x8. Just a step. And then I'm going to create the door. To create the door, I'm going to make a a width of 35 and a height of 69, and I'm going to hit OK. And I'm going to make this one this purple color. I'm going to find the other rectangle that I did here, and I'm going to give it the same grey that I gave to this one. So again, I'm going to make sure both of these shapes share the same bottom. I'm going to go to here to Vertical align bottom. Move this one around here while pressing Shift. Then select both of these shapes, align them and make sure my space is 0. Now I'm going to create a circle. So I'm going to make the circle to be 28 x 28...And then, I only need half a circle. So I'm going to go with my Direct selection tool, select this anchor point, press Delete. Then I'm going to select both these anchor points, the ones on the bottom. And I'm going to click on this icon, the one that says: Connect selected end points. Then I'm going to create a rectangle. And this one is going to be 3x20. And now, I'm just going to align these shapes, making one the key object. And then while selecting both, I'm going to go here to Minus front. And now I'm going to align these two here... And create a smaller ellipse, this one is going to be 4x4, it's going to be a circle, and I'm going to give it the darkest grey that I have here on the palette. There we go. Now again as before, I'm going to copy these bricks. And I'm going to put one here. And remember to bring them to the front, so Arrange>Bring to front, or Ctrl+ Shift+] . And then I'm going to copy this one here, and then this other one around here. And now, you cannot see it, because the one that I just copied is actually below. I'm going to press Ctrl+Y, and with this I can see all the shapes as lines. And I'm going to select the bricks and go: right-click> Arrange>Bring to front. And to go outside this again, I'm going to press Ctrl+Y, and I can see all my bricks. Now I'm going to select them all, and change the color to this dark one. And I want these bricks to be masks on the shape. So I'm going to select this one, cut it by pressing Ctrl+X. Then I'm going to select the shape and go here on this little icon that's called Draw inside. So as you can see, around the shape you can see a little dotted line, and that means that now I can only draw inside the shape. I'm going to paste in place by pressing Ctrl+Shift+V, and that's it. And I'm going to select the other bricks and repeat the same, Ctrl+X to cut them, select the shape and make the draw inside mode active. And to go outside you can click here on the Draw normal or double-click. And now we have our house. I'm going to group this one, and then I'm going to group my building by pressing Ctrl+G, and finally I'm going to group my house. Now I want to create a base for them, so I'm going to go here and make another rectangle. And this one is going to be 602x25. And I'm going to hit OK. Then I'm going to make this purple. And I can change here, instead of Align to selection,Align to art board. So I can align this rectangle that I just created. And then put it right here. I'm going to move my houses around... places where I want them. Maybe the red one around here. And then what I want to do is select this house, select the baseline, make sure that the distance between these two is 0. Select the house, select the building, click again, and make sure that the distance is 0. And repeat the same process. Now I actually want the building to be behind the house. I'm going to go: right-click >Arrange>send to back. And move this house around here, maybe. OK, so next we're going to create some snow here for this space. I'm going to work with my Pen tool, and click here and then click here again to make a line. And I'm actually going to make this line black for now just. Just so you see what I'm going to do. Then I'm going to: Effect>Disort and tranform, and I'm going to go to Zig zag. And a window like this should appear, and if you hit here in the preview, you can see what it's doing. So on ridge per segment, I want them to have 4o. And I don't want them to be got that high, so I'm going to change the size to 5. And I don't want this to be like... on corner, so I'm going to change to smooth. And I'm going to hit OK. And you see here I can still see the original line because this is an effect that I just applied. So to make this, I'm going to Expand appearance. Now i have, have actually a line. So I'm going to my Pen tool, and go here to this last one, and then go here, and here, and here to close my shape. And I want to make these white. So I'm going to cut it again with ctrl+X, cut, select my shape by going to the Draw inside mode, and Ctrl+Shift+V to paste it in place. Now we're going to create some trees, so I want to make a triangle, again I don't care about the radios, and I'm going to change the size of this one to 25x19. And then I'm going to select... I'm going to get this color and make two copies of this one. And then another one... and another one...and I'm going to change this one to be 33x25. And then this other one, I'm going to change this to 43x33. I'm going to change the colors so they look like they're behind. And the last thing, I'm going to: Arrange>Send to back, then Arrange>Send to back. And I'll move this a little bit to the top. And to make sure that they have the same distance, I'm going to select everything, make sure that I am aligning to my selection and then go here to Vertical distribute center ,now they are going to be separated by the same distance. And I'm going to make the bottom part by making one with a width of 6x40. And I'm going to change the color of this to this brown. I'm going to Send the back and make sure that all of these are aligned. And now actually, I want to move this here to the bottom. So I can group it, and make sure that the distance between this group and this space that I just created is 0. Now I'm going to be creating some other trees, so I'm going to go inside this group with double-click. I'm going to cut this.. sorry, copy this shape, by pressing ctrl+C. Go outside and Ctrl+V to paste in place. And I'm going to move this while pressing Shift, around here. And then while pressing Shift + Alt around here... Then around here maybe, and then here, then here, and here. I going to make some different trees, so I'm going to make some simple triangles. I'm going to go here and make one that is a triangle. And I'm going to change the dimensions to one that is 43 x 71. And I'm going to put it in here. And I'm going to make a copy of this. And this one I want to be 43 again, but this time by 50. So it's going to be a little bit smaller. I'm going to move it around here, make sure that both of them are aligned, and then change the color. This one...this color.... And then make the other one, for the other one that is darker. And, I'm going to actually bring this one to the front. So: Arrange>Bring to front. And this a little bit to the top. And make sure that also, these two are: Arrange> Bring to front, so the tree is not behind. And I'm going to make a rectangle, and it doesn't matter the size, just around here. And I'm going to fill it with a white color. And then, just as we did, I'm going to select Ctrl+X; Cut it, select the shape, go Draw inside, Ctrl+Shift+V to paste it, again outside the Drawn inside mode. And then I'm going to go here again to the Draw inside and paste it. But it's here, so I'm going to move it around here. Go outside the Draw inside mode and there you go. I want to create some simple trees by making circles, and I'm going to make one that is 45x45. And then I'm going to create another circle which is 32x32 . And just as we did with these triangles here, I'm going to give it this color, and then the other one. Actually this is going to be the small one... this is going to be... I'm going to bring this one to the front by: right-click>Arrange>Bring to front and right-click>Arrange>Bring to front. I'm going to give it this color, and this one's going to have a darker color. And one thing that I want to do, is just simply move this one and make a copy around here. And just make this lighter. Then again, cut it, Ctrl+X. Go to this one, go to the Draw inside mode, Ctrl+Shift+V to paste it. And now, outside this. And then again, while moving I'm going to press Alt to make a copy. And I'm going to make this a little bit lighter, cut it, go to this one, Draw inside, Ctrl+Shift+V to paste it in place. And there we go, now we have some other trees. Finally we're going to create other trees with a rectangle, and this rectangle is going to be... I think about 50x70. I'm going to hit OK. And I'm going round the corners all the way. And then I'm going to make another rectangle. Actually it's going to be again with a width of 40 and this one is... 17 is OK. And another one, and this one is going to be 20. And just as before, I'm going to round the corners And, I'm going to make sure that they are aligned. And that these ones share a distance of 0. And this one, I'm going to move it a little bit to the top so we can see it. And there we go. Now I'm going to select all the shapes, go here to the Pathfinder and unite them so they are only one shape. Make sure that this is aligned with the other part of the tree and then make a copy and align it to this tree. And, I'm going to make this a little bit darker, and that's it. And now, to add a little bit of shade, I'm going to make a rectangle and make it around here. And then, just simply select this one and make it a little bit lighter. Cut it, Ctrl+X. And select the shape, go here to the Draw inside mode, ctrl+Shift+V to paste in place. And I'm going to make sure to bring this to the front. So: right-click>Arrange>Bring to front. And, do the same that I just did with the other tree. With this one...I'm going to give it the same green, and then make it a little lighter, Ctrl+X, and select my shape. Go to the Draw inside mode, Ctrl+Shift+V. This one's actually going to be more like that. And now we have our trees. And now finally, I'm going to group all this. So, select everything and press Ctrl+G. And then I'm going to go here to my align options and make sure that I'm aligning to Art board. and then I'm going to go Horizontal align center and Vertical align center. I'm going to give it a background. So, I'm going to make a rectangle here and I'm going to send it to back, again, Ctrl+ Shift+[ . And give it this grey color. And finally, we're going to add some final touches with another rectangle. And this one is going to be... with a width of 50 and a height of, probably 20. I'm going to hit OK. And I want to round the corners. Make it white and move it here. And then make a copy of this and put one here, and then another one here. Make sure that they're intersecting. Make another one here, and another one here, and another one here. And again you can make sure by making the space here. And one thing that you can do, is select these three anchor points and move them with Shift. Sorry, all the anchor points. So you can go inside this shape, even though it's not a group, select all these anchor points and move them with Shift a little bit, so it's a little bit longer. And then move another one here. And again you can double-click to just isolate the shape. With your direct selection tool or press A on your keyboard, and make this one... Sorry... a little bit to the left. And finally, I'm going to create two circles. One that is going to be 37x37. And another one that's going to be 32x32 and I'm going to hit OK. Then I'm going to place this circle here. Select both shapes, go to my Pathfinder tool and go Minus front. And put them around here. And now, all we have to do is just select everything, and then press Shift again to de-select the background, and group this one. And then go again here. Make sure that you're aligning to Art board and go Horizontal align center and Vertical align center. And now you have your illustration centered.And with this, you have completed your very own winter village. I hope you have enjoyed this tutorial. Thank you very much for watching! [Music]
The transcript in this language is not yet available. We are working on it, please come back later!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card