1/22/2018 How to Create an Easy Living Room Scene in Illustrator Now with 300+ WordPress themes & plugins From $29/month Advertisement DESIGN & ILLUSTRATION > ILLUSTRATION How to Create an Easy Living Room Scene in Illustrator by Nataliya Dolotko 10 Mar 2014 Di culty: Beginner Length: Medium Languages: Illustration Vector Let's create a retro living room scene in Adobe Illustrator, using simple shapes and Warp Effect tool. We will use only four colors ( ve if you include the background). 1. Create a Floor Lamp Step 1 Create a New document, and make a swatch of the colors we're going to use to create the living room elements. These colors are orange (R=226, G=121, B=43), light brown (R=224, G=198, B=143), blue (R=0, G=172, B=157), gray (R=113, G=95, B=84), and dark brown for the background (R=71, G=44, B=31). https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 1/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 2 Take the Eyedropper Tool (I) and click on the light brown color in the swatch. Then hit the Rectangle Tool (M) and draw a rectangle. Go to Effect > Warp > Bulge. In Warp Options, you will see that the Style is set to Bulge. Set it to the Vertical option, and set the Bend to -15%. In the Distortion section, the Horizontal option should be set to 0% and Vertical to 30%. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 2/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 3 Create a blue long rectangle under the lampshade. Step 4 Create a blue rectangle. Make sure that this shape stays selected and go to Effect > Warp > Bulge. In the options window, set the bulge type to Vertical, then set the Bend to 15%, Horizontal Distortion to 0% and Vertical Distortion to 40%. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 3/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 5 Arrange the shapes you've just made to create a oor lamp. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 4/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 6 Set the Stroke to grey and the Fill to null. Then select the Line Segment Tool (\), draw a long line and place it as shown in the image below. Add a little gray ellipse to nish off the pull cord. Step 7 Create a rectangle 600px by 300px using the Rectangle Tool (M) and ll it with our background color. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 5/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator 2. Create an Armchair Step 1 Draw a blue rectangle. Go to Effect > Warp > Arch. Set the Arch type to Vertical, Bend to -30%, Distortion Horizontal to 0% and Vertical to 30%. Step 2 Make sure that the resulting shape is selected and simultaneously press two keys: Shift and Alt. Now move this shape to the right. Concentrate on the Appearance panel (Window > Appearance and click on the Warp > Arch. Keeping all options the same, change the Bend by moving the slider to the right to make it 30% (instead of -30%). https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 6/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 3 Draw a blue rectangle between the armchair legs. Step 4 Draw an orange rectangle, and go to Effect > Stylize > Round Corners. Set the Radius to 10px. This creates rounded corners for your rectangle (see gure 1, below). Next, go to Effect > Warp > Arc. Set the Arc style to Horizontal. In the Vertical Distortion section, move the slider to 30 % (see gure 2, below). https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 7/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 5 Create an orange rectangle, and open up Effect > Warp > Arc Upper. Set the arc upper style to Horizontal, and the Bend to 30%. All other options should be set to 0%. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 8/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 6 Place all the armchair parts together. Select the seat (created in Step 5), make a copy, and paste it in back (Control-C, Control-B). Change the color of the seat copy to light brown and using the arrows on your keyboard, move this part up to create the seat outline. Step 7 Place the armchair in the scene. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 9/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator 3. Create a Coffee Table Step 1 Create a long orange rectangle for the surface of the table. Go to Effect > Stylize > Round Corners and in the pop up window, set the radius to 10px. Step 2 Create a blue rectangle. Then go to Effect > Warp > Bulge. Use the following settings in the dialog window: bulge style set to Vertical, Bend to -55%, and the Vertical Distortion to 100%. This is the lower part of the table leg. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 10/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 3 Create three blue circles in a line. Step 4 Place all the parts together and there we have our table. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 11/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 5 Put the table near the armchair. 4. Create a Quick Vase with Tulips Step 1 Now to create a vase. Make a light brown rectangle using the Rectangle Tool (M). Let's try a new effect: Warp Effect > Fish. Set the style to Vertical, Bend to -20%, and Vertical Distortion to 30%. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 12/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 2 Use the Line Segment Tool (\) and set the Stroke to gray. Draw three stems for the owers. Send them to the back so they sit behind the vase, by selecting the stems, right-clicking the mouse, and choosing Arrange > Send Backward from the options. Step 3 Now we're going to create the tulips. Take our orange color for the ll and make it a bit lighter. Using the Ellipse Tool (L), draw an oval. Copy this oval and paste it to the back (Control-C, Control-B). Move the new copy to the left and incline it to the left. Make sure that the new copy stays selected and right-click with your mouse. Press Transform > Re ect, select the Vertical axis of re ection and press https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 13/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator new copy stays selected and right click with your mouse. Press Transform Re ect, select the Vertical axis of re ection and press copy. Move the third copy to the right. Step 4 For convenience, Group the whole tulip (right-click > Group) and make three of them. Arrange your three tulips on the stems. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 14/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 5 Place the vase and owers on the table. 5. Create a Chest of Drawers Step 1 Create two orange rectangles as shown in the image below. Go to the Path nder panel and press the Exclude button. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 15/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 2 Draw another two rectangles, using a light brown color for the stroke. They are the shelves. Step 3 Now for the chest of drawer legs. First create a blue rectangle, then take the Direct Selection Tool (A) and move two lower anchor points to the left. The lower anchor points should be closer to each other than the upper points are. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 16/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 4 Make two legs by using Vertical re ection. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 17/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 5 And put them all together. Step 6 And, of course, put it in the scene. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 18/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator 6. Decorations for the Interior Step 1 Create a decorative plate. Hit the Rectangle Tool (M) and draw a light brown rectangle. Go to Effect > Warp > Bulge and set the bulge style to Vertical, Bend to 80%, Vertical Distortion to -35%, and then press OK. Step 2 Create a fruit vase. Make a T-shape gure by using two gray rectangles. Again we will use the Warp Effect. For the upper rectangle, set the Style to Bulge, bulge type to Vertical, Bend to 60%, and Vertical Distortion to -100%. For the lower shape use a Bulge Style set to Vertical, Bend to -20%, and Vertical Distortion set to 50%. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 19/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 3 Create a ower pot. Starting with a green rectangle, use another Warp Effect with the following settings: Style set to Bulge, Vertical Bend to 40%, and Vertical Distortion to -40%. You can tweak these shapes for all of these decorations, to suit your taste. Step 4 Let's create a basic plant. Here we will use the Convert Anchor Point Tool (Shift-C). First, select the Ellipse Tool (L) and create three long ovals. Then take the Convert Anchor Point Tool (Shift-C) and click on the top and bottom anchor points of every oval. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 20/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 5 And of course, let's use the Warp Effect again, but just for the side shapes—don't touch the middle one. Set the left one to: Style: Rise, Vertical Bend: -40%. And the right one: Style: Rise, Vertical Bend: 40%. That's it. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 21/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 6 Place the leaves in the ower pot. Step 7 Make a clock, starting with two rectangles. First a blue rectangle, then a smaller light brown on. Make their corners rounded using Effect > Stylize > Round Corners with the Radius set to 5px. After that we need to adjust the Warp options: Style set to Arc, Vertical Bend set to 0%, and Vertical Distortion set to 20%. Apply these same options for both rectangles. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 22/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 8 Put gray marks for the hours twelve, three, six, and nine. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 23/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 9 Create hands for a clock. Start with a circle for the center and add two pointed ovals, using the Convert Anchor Point Tool (Shift-C) (now you know how to do it). Place the hands on the clock face. 7. Position Your Drawers and Decorations Now our interior should look like this: https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 24/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator 8. Create Simple Bookshelves and a Cactus Step 1 First let's create our bookshelves. Simply create rectangles in different sizes, inclines and colors. Step 2 Now for a cactus on the bookshelf. Create three gray ovals in different sizes and shades, using the Ellipse Tool (L). Add an orange rectangle using the Rectangle Tool (M). For the rst oval (from left to right) use these Warp options: set the Warp Style to Bulge (Horizontal), Bend to 100%, Horizontal Distortion to -15%, and Vertical Distortion to -60%. For the second oval: set the Warp Style to Bulge (Horizontal), Bend to 100%, Horizontal Distortion to 0%, and Vertical Distortion to -60%. And for the third rectangle: set the Warp Style to Bulge (Horizontal), Bend to 100%, Horizontal Distortion to 15%, and Vertical Distortion to -60%. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 25/37 1/22/2018 , How to Create an Easy Living Room Scene in Illustrator For the ower pot use another Bulge Warp. Set the bulge style to Vertical, Bend to 40%, Horizontal Distortion to 0%, and Vertical Distortion to -40%. Step 3 Add needles. Remove the ll color and use black strokes. Go to the Stroke panel and choose 0.25pt Weight, and select the Round Cap button. Now take the Pencil Tool (N) and draw the needles of the cactus. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 26/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Step 4 Place the cactus on the bookshelf. https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 27/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Advertisement Step 5 And hang the bookshelves on the wall. That's it! Awesome Work, You're Now Done! Congratulations! You've done a great job, and you've got your very own illustrated living room! Hope it was fun for you. Advertisement Nataliya Dolotko I am a totally self-taught vector illustrator and graphic designer. I live in the USA with my family, and my two main passions are drawing and tness. I can draw all day long, where I can easily lose my connection with reality at times. I am really happy to write for Envato Tuts+ because it's a chance to share with others what I can do and what I love. Feel free to check my coloring book on Amazon: (https://www.amazon.com/Piece-Soul-Nataliya-Dolotko/dp/1483598462/ref=sr_1_1?ie=UTF8&qid=1492116176&sr=81&keywords=9781483598468) https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 28/37 1/22/2018 FEED How to Create an Easy Living Room Scene in Illustrator LIKE FOLLOW FOLLOW Weekly email summary Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing. Email Address Advertisement Translations Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! Translate this post Powered by 113 Comments Recommend 8 Vectortuts+ 1 Login Sort by Best ⤤ Share Join the discussion… LOG IN WITH OR SIGN UP WITH DISQUS ? Sharmin munia • 2 years ago Thank u Nataliya. This is my one ⛺ https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 29/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator 13 △ ▽ • Reply • Share › Nataliya Dolotko > Sharmin munia • 2 years ago Adorable room:) △ ▽ • Reply • Share › filip_andry • 4 years ago Nice tutorial! This is my work ⛺ 11 △ ▽ • Reply • Share › Nataliya Dolotko > filip_andry • 4 years ago Very nice, love it! 2△ ▽ • Reply • Share › Shirley Wang • 4 years ago Thanks a lot for the great tutorial! I used to hate Ai so much but now I find it kinda attractive :) I made a little animation of it if you have the time to watch, I'd love to have your feedback on it: ▶ see more 6△ ▽ • Reply • Share › kcdaisley > Shirley Wang • 4 years ago Very cool video! What program did you use? Flash? or Animate? 1△ ▽ • Reply • Share › Anadil Fayaz > Shirley Wang • 2 years ago wow! your animation is awesome... :) can plz tell on which software you make this animation??? △ ▽ • Reply • Share › Alfredo Rosales > Shirley Wang • 3 years ago Cool, one question, where do you draw the sound or background music? Thanks, Greetings from Mexico △ ▽ • Reply • Share › Sophie > Shirley Wang • 4 years ago Wow, love your video. It's cute. Kinda wanna know how do you make this video. I wanna learn! △ ▽ • Reply • Share › MissPirate Emiwan > Sophie • 4 years ago me too!!! can you show me? △ ▽ • Reply • Share › Nataliya Dolotko > Shirley Wang • 4 years ago https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 30/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Nataliya Dolotko > Shirley Wang • 4 years ago Such a wonderful work! I just love it! △ ▽ • Reply • Share › alicia_hermelibus • 4 years ago This is my design. Thanks for the tutorial. I've learnt so much. ⛺ 3△ ▽ • Reply • Share › Nataliya Dolotko > alicia_hermelibus • 4 years ago You are welcome! △ ▽ • Reply • Share › MonikaLilla • 3 years ago I loved this tutorial! I've learnt a lot! Thanks :) I also made it i 3d, hope its ok: http://moninika.deviantart.... ⛺ ⛺ 5△ ▽ • Reply • Share › Nataliya Dolotko > MonikaLilla • 3 years ago Your 3D version is just stunning! △ ▽ • Reply • Share › Sharon Milne Mod > MonikaLilla • 3 years ago Had to share this on our Facebook account too! https://www.facebook.com/ps... :D △ ▽ • Reply • Share › MonikaLilla > Sharon Milne • 3 years ago Im really happy that you like it! Thanks a lot! :) △ ▽ • Reply • Share › Mariana Garcia > MonikaLilla • 3 years ago monica, did you used 3d max or illustrator? △ ▽ • Reply • Share › MonikaLilla > Mariana Garcia • 3 years ago I used maxon c4d (: △ ▽ • Reply • Share › Sharon Milne Mod > MonikaLilla • 3 years ago I love this! :D I do love your version of this end result - bravo! △ ▽ • Reply • Share › Heba Talaat El-Sheikh • 4 years ago @Nataliya Dolotko Hi Nataliya thaaaaaaanks a lot it's an amazing tutorial I love it.It's easy to follow.I'm looking forward to your next one This my work what do you think about it? ⛺ 2△ ▽ • Reply • Share › Nataliya Dolotko > Heba Talaat El-Sheikh • 4 years ago https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 31/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator I just love it! Everybody makes such different books) △ ▽ • Reply • Share › Jiyu Kim • 2 years ago fun ⛺ 1△ ▽ • Reply • Share › Ibelieveinsugar • 4 years ago thanks what a great tutorial here is my work ⛺ 1△ ▽ • Reply • Share › Nataliya Dolotko > Ibelieveinsugar • 4 years ago Nice, good job! △ ▽ • Reply • Share › Gerard Leonard • 4 years ago How do you group layers (like in photoshop).. my layers are very messy... thanks ⛺ 1△ ▽ • Reply • Share › Sharon Milne Mod • a year ago Still love this tutorial <3 △ ▽ • Reply • Share › Attila • 2 years ago Here is my work, I love it! Thank you! :) ⛺ △ ▽ • Reply • Share › Adriana Alcantar • 2 years ago excellent tutorial Thanks to you I 'm learning a lot!! this is my result :) ⛺ △ ▽ • Reply • Share › NataBena • 2 years ago This is my work ⛺ △ ▽ • Reply • Share › lukovka • 2 years ago https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 32/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Дуже цікава тема і корисний урок, дякую! :) ⛺ △ ▽ • Reply • Share › Nataliya Dolotko > lukovka • 2 years ago Супер! І хороша ідея зі шпалерами;) △ ▽ • Reply • Share › lukovka > Nataliya Dolotko • 2 years ago Величезне дякую вам за такий відгук, приємно дуже :) △ ▽ • Reply • Share › • 3 years ago Very interesting~ like it! ⛺ △ ▽ • Reply • Share › Nataliya Dolotko > • 2 years ago Perfect! △ ▽ • Reply • Share › Gunel Babayeva • 3 years ago My room <3 ⛺ △ ▽ • Reply • Share › Nataliya Dolotko > Gunel Babayeva • 2 years ago That's impressive:) △ ▽ • Reply • Share › Gunel Babayeva • 3 years ago my home <3 △ ▽ • Reply • Share › Maria • 3 years ago Thank you! Enjoyed the tutorial and learned some new things. Here's mine. ⛺ △ ▽ • Reply • Share › Nataliya Dolotko > Maria • 2 years ago Always glad to hear that people learned something new from the tutorials:) △ ▽ • Reply • Share › • ﺧﺎﻟﺩ ﺩﻳﺎﺏ3 years ago thank you very match :) you are best ⛺ https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 33/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator △ ▽ • Reply • Share › Nataliya Dolotko > • ﺧﺎﻟﺩ ﺩﻳﺎﺏ2 years ago Thanks a lot! Your result is beautiful △ ▽ • Reply • Share › Soraya Maria • 3 years ago Thaaankk you! ⛺ △ ▽ • Reply • Share › Nataliya Dolotko > Soraya Maria • 2 years ago That's nice! △ ▽ • Reply • Share › Eszter Sz • 3 years ago Great tutorial! Thank you for sharing :) ⛺ △ ▽ • Reply • Share › Nataliya Dolotko > Eszter Sz • 2 years ago Great result! △ ▽ • Reply • Share › squid • 3 years ago I did not like this tutorial at all. for someone who is using this tut as a introduction into Ai it isn't the best. Considering we use this in school and people are threatening to smash their laptops in frustration......it needs work △ ▽ • Reply • Share › Nataliya Dolotko > squid • 3 years ago Of course, somebody can don't like it.. probably this tut is really not the best as an introduction into AI. Please do not hesitate to give your productive suggestions. I will try to take them into account in my future tutorials. △ ▽ • Reply • Share › Nicky • 3 years ago i combined 3 tuts of yours and came up with this..... thanks! △ ▽ • Reply • Share › Nicky > Nicky • 3 years ago sorry for some reason it didnt come up... ⛺ 2△ ▽ • Reply • Share › Load more comments ✉ Subscribe d Add Disqus to your siteAdd DisqusAdd Privacy https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 34/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator Advertisement ENVATO TUTS+ JOIN OUR COMMUNITY HELP 25,262 1,092 19,415 Tutorials Courses Translations Envato.com Our products Careers © 2018 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. Follow Envato Tuts+ https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 35/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 36/37 1/22/2018 How to Create an Easy Living Room Scene in Illustrator https://design.tutsplus.com/tutorials/how-to-create-an-easy-living-room-scene-in-illustrator--vector-24995 37/37