Object Basics Building a House

  • We are going to create a simple illustration of a house by using some basic geometric shapes and transforming techniques
  • Let’s start out by opening Illustrator again and creating a new document – go ahead and name your new document, select a letter size artboard orientated to portrait and use the CMYK color mode:
  • Now that your new document is open let’s select the rectangle tool and click on the artboard to get the rectangle dialogue box – once opened go ahead and type in the dimensions of 5 in. x 5 in. and click “OK”:
  • Once you have done this you can select the (Black) selection tool and move your new rectangle, actually a square to the desired position of your artboard:

SCCC – Information Technology Curriculum 9

MIC102I – Illustrator Lectures

  • Since the default fill color is white, which will just get dirty when it rains, let’s go ahead and change this by selecting the fill color in the in the tool bar and change it to another color from our swatches palette – I am going to use the color Rasbury:* my real house is actually pink, but there wasn’t a swatch for pink in the default swatch palette
  • Lets also change the stroke color to none by selecting the stroke color in the tool palette and clicking the box just underneath it with the red slash:

SCCC – Information Technology Curriculum 10

MIC102I – Illustrator Lectures

  • For the roof of the house we are going to use another square that we will then modify – so let’s go ahead and copy and paste the square we already have:
  • Since this doesn’t look like a roof yet we will need to make some modifications – let’s start by double clicking the rotate tool in the tool palette then enter the value of 45o and click “OK”:

SCCC – Information Technology Curriculum 11

MIC102I – Illustrator Lectures

  • One more modification need to do is to the select the (white) direct selection tool, click on the artboard to deselect our square that looks like a diamond now, select the anchor point at the bottom and delete it:
  • Since our roof isn’t aligned with the frame of or house, we need to select both the roof and the frame,
    open the align palette, and click the button on the palette called “Horizontal Align Center” – this looks better:

SCCC – Information Technology Curriculum 12

MIC102I – Illustrator Lectures

  • Lets also make our roof look a little more roof-like by adding a black stroke to the top of it – select just your roof, click the stroke color in the tool palette and choose a color from the swatch palette. You will then want to open the stroke palette and choose the weight of the stroke you want:* the stroke only gets applied to the top because we created an open ended object by deleting the bottom anchor point a few steps ago
  • Every house needs a door, so let’s draw one by using the rectangle tool freestyle like – this time choose the fill and stroke color before you draw:

SCCC – Information Technology Curriculum 13

MIC102I – Illustrator Lectures

  • Let’s also not forget to draw a door knob – select the ellipse tool, choose your color and hold down the shift key while you draw to get a circle:
  • Since our house needs a window, lets select the Rectangular Grid tool (located under the line segment tool) and click on the artboard in the proper place – this will bring up the Rectangular Grid Tool Options dialogue box:

SCCC – Information Technology Curriculum 14

MIC102I – Illustrator Lectures

  • Once you have specified the size and number of panes for your window you can then choose your colors as well via the fill and stroke tools:
  • Lastly, I think we need a chimney – you can draw one using the rectangle tool:

SCCC – Information Technology Curriculum 15

MIC102I – Illustrator Lectures

  • Every time we draw a new object it places it on top of the objects we drew previously. So, we need to fix this by selecting our chimney and choosing Object > Arrange > Send to Back from our menus:
  • Congratulations on building your new house!!! Drawing a Car

• Let’s start out by opening Illustrator again and creating a new document – go ahead and name your new document, select a letter size artboard orientated to landscape this time and use the CMYK color mode:

SCCC – Information Technology Curriculum 16

MIC102I – Illustrator Lectures

  • Let’s start drawing our car by creating an 8 in. x 4 in. ellipse to the color of your choosing:
  • We should also utilize Illustrator’s layer capabilities for this drawing – open your layers palette, double click the layer named “layer 1” and rename as “Body” then click “OK”:
  • we will now need to reshape our ellipse to look more like the body of a car using the pen tool this time – select the pen tool named “Delete Anchor Point Tool” hover that over the bottom point on the ellipse and click:

SCCC – Information Technology Curriculum 17

MIC102I – Illustrator Lectures

  • Now that our ellipse looks like a gumdrop, lets reshape it even further by using the direct selection tool to reshape the Bézier curves:
  • Let’s take the reshaping one step further by drawing another ellipse that we will use to make a “cut-out” in the body of our car:
  • Make sure you send the new ellipse to the back (like we did with the chimney) then select both the new ellipse and the body of the car as we will then use the “minus back” feature on the Pathfinder palette:

SCCC – Information Technology Curriculum 18

MIC102I – Illustrator Lectures

  • Let’s now lock our layer named “Body” and create a new layer via the “new layer” button on the layer palette – go ahead and then name that layer “Wheels” and click “OK”:
  • On our new layer called “Wheels” let’s use the ellipse tool to draw the start to or actual wheels – start out by drawing a circle with a fill of black and a 5 pt. stroke of white:
  • On top of that let’s draw a light grey circle and then a dark grey circle – lets then select all of the circles and use the align palette to align all of our circles horizontally and vertically:

SCCC – Information Technology Curriculum 19

MIC102I – Illustrator Lectures

  • With all of the circles of the wheel selected let’s “group” our object by choosing Object > Group – we can then easily copy and paste this to be our other wheel:
  • One last step – let’s lock our “Wheels” layer and create a new layer called “Windshield” below our “Body” layer where we can use the Polygon tool to draw a Triangle that will work as our windshield (let’s see if you can size and position it yourself):
  • Congratulations – Now you can add seats, bumpers and a custom paint job if you’d like!!

Assignment: House & Car

SCCC – Information Technology Curriculum 20

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

Comments are closed.