From the daily archives: Sunday, December 3, 2017

COMPUTER LAB:

How to Draw a Festive Winter Landscape With Glowing Lamps in Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:
Final product image
What You’ll Be Creating

In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a vector evening winter background!

If you want to skip the tutorial and just use this background with some other awesome elements, purchase the Christmas Evening Winter Landscape from GraphicRiver!

Christmas Evening Winter Landscape
Christmas Evening Winter Landscape

Let’s begin by using Mesh for a bit!

Start by drawing a rectangle and filling it with #4B6471 color and create a Mesh grid for this shape by manually placing nodes with the Mesh Tool (U).

Once your Mesh grid is done, begin coloring it by selecting the bottom row of nodes and the bottom middle node and changing their color to #8A9BA2.

Continue this step by coloring the nodes on the top and on the sides with #253B4B and the middle nodes of the second row from the top with #385260.

Finish by changing the color of the bottom nodes to #D2DAD9.

draw mesh background

Let’s move on to drawing the snow hills!

Draw a #F6F7F2 rectangle, and then place some Mesh nodes with the Mesh Tool (U). Move said nodes to create a wavy shape out of the rectangle, trying to recreate the screenshot below.

Finally, color the selected nodes with #D0DFE4. The first hill is done!

mesh snow hill

Draw the second hill following the same instructions as before and using these colors:

  1. #E1EBEC
  2. #C0D1D8
  3. #F6F7F2
draw mesh snow

Finally, draw the third hill in a similar fashion.

  1. #CBD8DE
  2. #F4F6F1
draw snow hill

Place the hills on top of each other, with the first one being in the front and the third one being in the back.

Make them overlap to match the screenshot!

arrange hills

Place the hills on the bottom of the background!

place hills

Let’s move on to drawing the lamp.

Draw half an outline of it by using the Pen Tool (P), and then use Object > Transform > Reflect and click Copy to obtain the second half. Move them close to each other for now.

draw half

Select the two halves and use Unite in the Pathfinder panel to create a united outline for the lamp.

reflect the lamp

Using the Pen Tool (P) and some small ellipses (Ellipse Tool, L), draw the transparent surfaces of the lamp.

Lay the shapes on top of the outline, select all, and use Minus Front in the Pathfinder panel to “crop” them out.

crop out the lamp

Select the result and apply a Linear, #2A1800 to #DFCFD9 to #2A1800 Gradient to it.

gradient

Using the Pen Tool (P), draw a decorative swirl as can be seen below.

In the Stroke panel, change the Stroke Profile to the one below.

change stroke profile

Draw a little ellipse and add it to both ends of the curve.

Selecting the curve, go to Object > Expand Appearance, and then select all objects and Unite them in the Pathfinder panel. Change the result’s color to #453A2E.

finish curve

Attach the lamp to our decorative part.

add curve to lamp

Let’s draw the lamppost! Use Mesh, just as we learned before.

  1. #100804
  2. #7F7460
  3. #5A503E
draw lamppost with mesh

Draw the second part of the lamppost similarly.

  1. #100804
  2. #362C1B
  3. #796F5A
more mesh

Draw the base.

  1. #100804
  2. #665B48
  3. #3B2E22
base of post with mesh

Draw a #110600 rounded shape, and then bend it with Effect > Warp > Arc, using -20% Bend.

Go to Object > Expand Appearance.

warp object

Color the shape with Mesh.

  1. #413629
  2. #6F6452
  3. #54493A
mesh

Resize copies of the shape.

three copies

Put the post together and add the rings we just created.

join lamppost

Finally, attach the actual lamps to the top.

add lamps

Now that we’ve drawn the outline, it’s time to put lights in these lamps!

Begin by drawing a narrow ellipse and adding a Radial, #FFFF7F to #000000 Gradient to it.

draw ellipse

Put another copy of that ellipse on top and tweak the Transparency options, selecting Screen and 79% Opacity.

Create a copy of the result, rotate it, and make it smaller.

more ellipse

Draw a very narrow ellipse with the same Gradient as before.

another gradient ellipse

Add a copy on top, creating a cross. Change its Opacity to 61% and Transparency to Screen.

add one more

Draw a circle, using the same Radial Gradient. Again, use Screen, now with 95% Opacity.

gradient circle

Create a flare by placing all the elements on top of each other.

join flare

Draw a final ellipse for the light, using Screen and a Radial Gradient from #FFFFFF to #FFB500 to #000000.

gradient ellipse

Place the first flare behind the lamp outline and the final ellipse on top of it.

place light

Add the lights to both lamps.

both lamps

Create a few copies of the lamp for the upcoming landscape.

add copies

Let’s begin drawing the trees!

Learn how to draw the branch we will be copying in the second section of this tutorial. Now draw the trunk, fill it with #544E48, and start adding copies of the branch to it as shown below.

add branches to tree

Add more branches to complete the tree.

finish tree

Create a copy of the branches without the trunk and draw another one.

another tree

Add more branches to the second tree.

add more branches

Draw a highlight with a #FCFC98 to #000000 Radial Gradient, change the Opacity to 70% and Transparency to Screen.

gradient highlight

Create copies of the trees and add the highlights behind them.

copies of trees

Place the trees and the lamps onto the background.

add to background

Draw two identical circles. Fill one with #ACB99A and the second with a #020200 to white Radial Gradient.

Set both circles’ transparency to Screen.

two circles

Place the green circle under the gradient, and then select both and use Make Mask in the Transparency panel. Check both Clip and Invert Mask.

transparency mask

Add these highlights on top of the background.

add highlights

To add snow, refer to this tutorial.

add snow

Draw a rectangle on top of everything to “frame” all the content you want to be seen in the final picture.

draw outline

Select all elements and right-click, after that selecting Make Clipping Mask.

make clipping mask
Advertisement

You’re done!

final picture

What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.

I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!

Christmas Evening Winter Landscape

How to Create Flat Profession Avatars in Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
Create an Avocado With Only One Shape in Adobe Illustrator
Final product image

What You’ll Be Creating

In this tutorial we’ll be making a set of flat-style portraits, depicting people of different professions and occupations. Such images can be used as avatars for social networks or as design elements for your website, depicting various categories. Or you can even draw yourself, using such flat-style portraits for your business card.

The basic shapes and tools of Adobe Illustrator are great for creating flat vector graphics, and we’ll go through the full process, discovering new tips and tricks, using the Pathfinder panel, Clipping Masks and some other features and functions of Adobe Illustrator. You can follow this tutorial with ease even if you don’t use a graphics tablet. Let’s begin!

If you want to go further and make a larger set of professions or you need some other types of portraits, feel free to find your inspiration directly at Envato Market by browsing flat design avatars or flat design portraits. You can purchase this set, plus additional avatar options in my Flat Professions Avatars Set on GraphicRiver.

Icon set

We’ll start by making the head of our first character. Let’s take the Rectangle Tool (M) and make a 65 x 80 px shape of a light-pink skin tone. Keeping our shape selected, go to Object > Path > Add Anchor Points. You will notice additional anchor points appear in the middle of each side of the rectangle.

make a head from rectangle 1

Go to Object > Path > Add Anchor Points again, adding two more points for each side. As a matter of fact, we don’t need all of the created anchor points, so let’s delete the unwanted ones. Take the Direct Selection Tool (A) and select three points on the left side of the rectangle and three on the right. Head to the control panel on top and click the Remove selected anchor points button.

Now let’s shape the face. Select two extreme anchor points in the bottom corners of the rectangle and click Enter to open the Move window. Set the Horizontal value to 0 px and Vertical to -25 px to move the anchor points 25 px up, shaping the chin. Click OK.

make a head from rectangle 2

If you want to make the chin wider or narrower, select one of its anchor points and hit Enter again, opening the Move window and moving the point horizontally to the left or right. For example, move the right point to the left by setting the Horizontal value to -5 px and then move the left point to the right, setting the Horizontal value to 5 px. This way we’ve moved the points closer to each other.

Use the Live Corners feature to make the face a bit more smooth and rounded by selecting it with theDirect Selection Tool (A) and pulling any of the circle markers a bit closer to the center.

If you’re using older versions of Adobe Illustrator, which don’t have the Live Corners feature, that’s totally fine! You can get the same result if you go to Effect > Stylize > Round Corners. The only difference is that you can’t choose just one corner—it will make all the corners rounded. But you can always fix this with the Eraser Tool (Shift-E).

make the chin narrower

Let’s add the nose! Take the Rectangle Tool (M) and make a 9 x 20 px pink shape. Make the corners rounded or use the Rounded Rectangle Tool to create the entire shape.

Let’s make sure that the nose is perfectly aligned to the face. Select both the face and the nose with the Selection Tool (V), hold Alt and click the face. You will see a thick selection stroke around it, indicating that this is now the Key Object, which means that all other objects will be aligned to it. Now head to the Align panel and click Horizontal Align Center. Awesome! Now the nose is right in the center of the face.

make a rounded nose and align it

Let’s add a moustache. Make a brown rectangle of 30 x 10 px size, click it with the right mouse button and Arrange > Send Backward (Control-[), placing it beneath the nose.

make a mustache from rectangle 1

Select the upper left anchor point of the brown rectangle, hit Enter and set the Horizontal value to 10 pxand the Vertical value to 0 px in order to move the point closer to the nose. Repeat the same for the opposite side of the moustache, this time setting the Horizontal value to -10 px. Make the bottom part of the moustache slightly rounded with the Live Corners feature.

make a mustache from rectangle 2

Use the Rounded Rectangle Tool to make a small shape for the lower lip, placing it beneath the moustache (Control-[). Align the lip horizontally to the face using the Align panel.

add the lower lip with Rounded Rectangle Tool

Use the Ellipse Tool (L) to make an 8 x 8 px white circle for the eyeball and place a smaller (6 x 6 px) brown circle on top for the iris. Add a tiny white circle for the highlight and move both eyes to the proper position.

make the eye from circles

Let’s render a helmet, which protects the worker’s head. Make a 65 x 19 px orange rectangle on top of the head. Select the upper anchor points with the Direct Selection Tool (A) and pull the Live Corners markers down, making the cap rounded.

make a rounded helmet

Now let’s add the hair. Take the Rectangle Tool (M) and make a narrow vertical stripe at the left side of the face for the sideburn. Select the bottom right anchor point with the Direct Selection Tool (A) and make the corner rounded.

Keeping the sideburn selected, double-click the Reflect Tool (O) and flip the shape over the Vertical Axis. Click the copy button and stick the second sideburn to the right side of the face.

make side whiskers from rectangle

Let’s modify the bottom side of the helmet, so that we’ll be able to add a peak. Find the spot where the sideburn crosses the bottom line of the helmet, and use the Pen Tool (P) to make a new anchor point. Do the same for the right sideburn. You can turn on the Smart Guides (View > Smart Guides), which will mark the intersection point.

Finally, select both newly created anchor points with the Direct Selection Tool (A) and press Enter to open the Move window. Set the Horizontal value to 0 px and Vertical value to -5 px, moving the anchor points up.

add new anchor points and move them up

Now let’s add a peak to the helmet. Make a lighter-orange narrow rectangle and attach its upper anchor points to the helmet. Smart Guides (View > Smart Guides) can be really helpful at this step.

Select the bottom left anchor point and use the Move function to move it to the right by setting the Horizontal value to 10 px and Vertical value to 0 px. Repeat the same for the opposite bottom anchor point, but this time move it to the left. And finally, drag the bottom anchor points down a bit if you want to make the peak wider. Use the Live Corners feature to make the bottom corners slightly rounded.

make a peak from rectangle

Take the Rounded Rectangle Tool and make a narrow vertical shape of 7 x 30 px on top of the helmet. Align it to the helmet, using the helmet as the Key Object.

Add two shorter stripes on both sides of the first stripe, and let’s use the Align panel to make the gaps between the stripes even. Select the stripes and click Align to Selection in the Align panel. Then click Horizontal Distribute Center, and there you have it!

add details to the helmet

Take the Rounded Rectangle Tool, and this time let’s shape the ears. Make an 11 x 23 px pink shape at the left side of the head and Send it to Back (Shift-Control-[). Press Alt-Shift and drag the ear to the opposite side of the head, making a copy.

make the ears from rounded rectangle

Make a 35 x 40 px rectangle for the neck, filling it with a slightly darker skin tone in order to separate it from the face. Make the bottom part of the neck a bit rounded.

And let’s start designing the clothes of the worker. Make a 90 x 70 px dark-blue rectangle for the shirt. Add two more anchor points at the spots where the neck crosses the shirt. Move the side anchor points of the rectangle down, holding Shift and pressing the down arrow key several times in order to form the shoulders.

make a neck and a shirt from the rectangles

Let’s move on to the worker’s uniform and place two narrow orange stripes above the shoulders. Group (Control-G) them and align the group to the dark-blue shirt, using the shirt as the Key Object. Add a rectangle above the chest and Unite all the orange parts in Pathfinder, merging them into a single shape.

Go to Object > Path > Add Anchor Points, and then select the new point in the middle of the neck area of the uniform and drag it down, making a V shape.

make a uniform from rectangles

Use the Live Corners feature to make the corners of the uniform slightly rounded. Now we need to get rid of those pieces outside the shirt in order to make both shapes fit each other. Select both the shirt and the uniform and take the Shape Builder Tool (Shift-M). Hold down Alt and click the pieces outside the shirt which you need to delete. Add two lighter narrow stripes on both shoulders, depicting a reflective tape.

edit the uniform with the Shape Builder Tool

Let’s give our icon a trendy flat-style look by darkening one of its sides. Select all the elements of the character (Control-A), Copy them and Paste in Front (Control-C > Control-F). Click the Unite function in the Pathfinder panel to merge the parts into a single silhouette.

make a merged silhouette in pathfinder

Take the Line Segment Tool (\), hold Shift and make a vertical line across the silhouette. Select both the line and the silhouette and align them horizontally in the Align panel, using the silhouette as the Key Object.

Keeping both shapes selected, use the Divide function of Pathfinder to split the silhouette into two equal halves.

divide the shapes in the pathfinder

Delete the left half and switch the remaining half to Multiply Blending Mode in the Transparency panel to make it semi-transparent. You can adjust the color of the shadow, making it lighter or darker in the Colorpanel, or by changing its Opacity in the Transparency panel.

make a shadow in multiply mode

Oops, looks as if we forgot the eyebrows. Let’s go back to the face. Make a circle around the eye and set the Stroke color to dark brown in the Color panel. Take the Scissors Tool (C) and click the side anchor points to split the circle apart. Delete the lower part.

Head to the Stroke panel and increase the thickness of the brow by setting the Weight value to 2 pt. Switch the Cap and Corner to middle positions, making the shape rounded.

make a brow from a circle 1

Keeping the brow selected, take the Eraser Tool (Shift-E), hold Alt and drag the selection rectangle over the bottom part of the brow to erase the ends, making the arch a bit shorter.

Copy the shape, forming a second eyebrow.

make a brow from a circle 2

Select the upper side anchor points of the dark-blue shirt and use Live Corners to make the shoulders a bit smoother.

make the shoulders rounded

The main element of our first avatar is ready, so now we need to give it a completed look by forming a background. Use the Ellipse Tool (L) to make a 180 x 180 px circle. Fill it with bright turquoise color, copy it and Bring the copy to Front (Shift-Control-]).

Finally, select everything, click the right mouse button and Make Clipping Mask. Awesome! Now we have a tidy circle avatar!

You can still edit the image if you double-click it and enter Isolation Mode.

make a circle icon base and clipping mask

And the last stroke here will be a long, flat-style shadow! Take the Rectangle Tool (M) and make a large rectangle. Switch it to Multiply mode or lower the Opacity to make the shapes beneath it visible. Hold Shiftand rotate the shape 45 degrees.

Now you need to make the rectangle fit the silhouette of our worker. Stick its anchor points to the edges of the character. Make additional anchor points with the Pen Tool (P) and move them with the Direct Selection Tool (A), hiding the unneeded parts of the rectangle inside the man’s figure.

When you’re happy with the result, place the shadow inside the Clipping Mask, hiding it beneath the worker (use the Layers panel to drag the shape inside the Mask).

make a flat long shadow

Finally, apply a linear gradient from turquoise to white to the shadow and place it diagonally, using the Gradient Tool (G). Switch the shadow to Multiply mode, making it blend with the background.

And done! Our first profession avatar is ready! Let’s move to the next one!

apply a gradient to the shadow

Our next avatar will be a portrait of a surgeon with dark skin tone. We’ll be using the avatar of the worker as a base for the second portrait, so let’s duplicate it, right click and Release Clipping Mask.

Delete the helmet, moustache and the orange worker’s uniform, and recolor the icon base and shadow to yellow colors. Proceed with recoloring the elements, changing the color of the clothes to turquoise and the skin tone to a darker chocolate color. Change the color of the hair and eyebrows to darker brown as well.

recolor the base of the new avatar

Let’s add a medical hat to our surgeon. Use the Rectangle Tool (M) to make a 40 x 24 px rectangle. Move the upper side anchor points a bit closer to each other, using the arrow keys of your keyboard and making the top of the hat a bit narrower. Use the Live Corners feature to make the upper corners rounded.

make a surgeon hat

Let’s create a simple surgeon’s mask. Make a 33 x 20 px rectangle. Add a group of darker horizontal stripes above the mask, making it more detailed. And, finally, place a narrow string at the top of the mask and Send it to Back (Shift-Control-[).

make a surgeon mask

Now place the mask above the surgeon’s face and let’s hide the unneeded pieces. Duplicate the base of the face and Bring it to Front (Shift-Control-]), placing it above the mask (you may need to drag the copy outside the face group if you’ve grouped the face previously). Select both the face copy and the mask, right click and Make Clipping Mask.

Great! Now it fits the face perfectly.

add mask to the surgeon

Let’s finish up with the surgeon’s avatar by adding a final detail to his uniform. Use the Polygon Tool to make a triangle and rotate it, turning the shape upside down. Fill the shape with light-grey color. Select both the turquoise shirt and the white triangle and use the Shape Builder Tool (Shift-M) while holding Altto delete the pieces outside the body, forming a nice V-shaped neck-band.

Darken the right part of the character with the help of a semi-transparent shape in Multiply mode, and hide all parts inside a round Clipping Mask.

We’re ready to move on!

add elements to the uniform of the surgeon

Now it’s time to draw a flight attendant portrait! We won’t be making it from scratch, so let’s transform the first figure instead. Duplicate the worker’s icon and make the base for our future avatar by releasing theClipping Mask and deleting all the unneeded elements. Recolor the circle icon base to a gentle red color.

The shape of the face seems to be too angled for our new character, so let’s make a new one. Make a 40 x 55 px rectangle and use the Live Corners feature to make the corners fully rounded.

transform the face making it more female

Let’s make the nose shape thinner. Select the two side anchor points at the upper part of the nose and delete them using the Remove selected anchor points function in the upper control panel. This will make the upper part of the nose look more delicate.

delete the anchor points on the nose

Now let’s move on to the lips. Go to Object > Path > Add Anchor Points. Select the new anchor point in the middle of the upper lip and drag it down using the Direct Selection Tool (A). Use the Live Corners feature to make the shape of the lips more flowing and smooth. And split the lips apart, using the Scissors Tool (C) by clicking the side anchor points.

edit the lips making them feminine

Make the lips brighter, increasing the saturation of the pink color, and let’s make the shape slightly arched. Group (Control-G) both halves of the lips and go to Effect > Warp > Arch. Set the Horizontal Bend value to -30%. Click OK and Object > Expand Appearance to apply the effect, making the mouth smiling. You can also make the upper lip a bit darker in order to separate it from the lower lip, making the mouth more true to life.

make the lips arched and bright

We’re going to make our woman blonde, so let’s recolor her eyes and brows accordingly. We can also add a thin arched stroke for the eyelashes, making it the same way as we made the brows.

recolor her eyes and brows

Now let’s form a neat hairdo. Take the Ellipse Tool (L) and place two ellipses above the forehead, making them overlap. Unite the ellipses in the Pathfinder. Use the Shape Builder Tool (Shift-M) to delete the unneeded piece above the head, making the hair slick and tidy.

make the hair

In order to make the character look more subtle, let’s make the neck thinner and more rounded. And we can also modify the face a bit by making it thinner and adding a gentle round blush on the cheeks.

add details to the face

Now let’s render the uniform of our flight attendant! We’ll be using the dark-blue shirt base that we already have and just adding more distinctive details. Let’s turn the shirt into a stylish jacket.

Take the Rectangle Tool (M) and make a 33 x 45 px stripe. Rotate it to about 45 degrees and let’s make a cutout notch closer to its top. Place a tiny triangle, overlapping the main shape. Use the Shape Builder Tool (Shift-M) while holding down Alt to cut out the triangle.

Use the Reflect Tool (O) to make a mirrored copy of the created shape, forming a lapel. You can erase the unneeded pieces in the bottom part using the Eraser Tool (Shift-E) or the Shape Builder Tool (Shift-M) after you place it above the jacket.

make a lapel of the jacket from rectangles 

Form a collar of the white shirt, combining three triangles and making one of the corners of each shape slightly rounded.

make a collar from triangles

Now we need to render a small red tie, making a distinctive mark of the airlines. Start by making a small 8 x 7.5 px rectangle. Move its bottom anchor points closer to each other, using the arrow keys and making the bottom of the shape narrower. Make those bottom corners rounded, forming the knot of our tie.

Now take the Ellipse Tool (L), make a squashed shape and rotate it about 45 degrees. Select the bottom anchor point, head to the upper control panel and click the Convert selected anchor points to cornerbutton, making the shape pointed. Flip the copy of the shape to the opposite side, making the tie look complete.

make a red tie

Let’s move to the next element of the flight attendant’s uniform: the cap. Make an 18 x 18 px square of the same dark-blue color as the jacket. Rotate it 45 degrees and squash it a bit, making a diamond shape. Make the corners rounded with the Live Corners feature.

Make a darker blue stripe with rounded corners and attach it to the left side of the first shape. Use the Reflect Tool (O) to flip the copy of the shape horizontally, forming the folding of the cap.

make a stewardess cap

Shape a golden airlines emblem, depicting a winged medal from a 4 x 4 px circle, and a group of rounded rectangles for the feathers. Attach the emblem to the cap, aligning it to the center.

add the emblem to the cap

Finally, dress up our flight attendant and finish the icon by adding a gentle shadow and hiding everything with a round clipping mask.

dress up our stewardess and finish up with the icon

We’ll be using the base of our stewardess avatar, changing her skin tone to a nice chocolate color and the hair to dark brown. Let’s also switch the color of the icon base to bright green.

use the base of previous icon

Let’s flip the hair horizontally to make it differ from the previous avatar. And let’s form a short haircut. Make a 45 x 53 px rectangle of a darker brown color and place it beneath the head. Select the upper side anchor points and make the top of the shape fully rounded.

Now let’s depict separate hair locks in the bottom. Form a few tiny triangles and place them at the bottom of the hairdo, making the shapes overlap. Use the Shape Builder Tool (Shift-M), holding down Alt to cut out the triangles.

Add a simple V-shaped collar for our shirt, forming it from two narrow rectangles.

make a short haircut

Now let’s create the hat of our police officer. Use the Polygon Tool to make a 7-sided shape about 45 x 45 px size. Squash the shape and modify its bottom part by moving the anchor points farther from each other and making the corners a bit rounded. Move the bottom points of the shape up a bit, making the bottom side flat.

make a police officer hat

Add a narrow horizontal peak to the hat, using the Rectangle Tool (M) and making its bottom corners rounded.

Let’s make the peak glossy by adding a stylized highlight. Make two narrow stripes, rotate them 45 degrees and place them above the peak. Use the Shape Builder Tool (Shift-M) to delete the unwanted pieces outside the peak.

add a peak to the police officer hat

Let’s make the most important element of every police officer: the badge! Make a 10 x 13 px rectangle of a bright-yellow color. Go to Object > Path > Add Anchor Points. Select the bottom side anchor points and move them up, making the shape pointed and looking like a shield.

Use the Live Corners feature to make the sides of the shape smooth. We can also make the top of the shape slightly bend, using the Curvature Tool (Shift-‘).

Finish up with the badge by placing a star above it, using the Star Tool.

make the police officer badge
Advertisement

Dress up our friendly police officer, adding a dark-grey tie and some additional details to the uniform. You can go even further and create some additional accessories, for example, bright trendy glasses, formed from two ellipses with a blue stroke.

finish up with the police officer

Great job! We’ve successfully created four portraits of people of different occupations that can be used either as avatars or as icons or for any other design project.

If you want to create more professions or to inspect the original file of this tutorial and see how the separate elements were made, then go ahead and get the full set of Flat Professions Avatars with 12 different occupations, each in two skin tones.

I really hope that this tutorial was helpful and you’ve discovered some new tips and tricks that will speed up your work, making it more comfortable.

Have fun and stay tuned for more!

flat professions avatars icons with portraits of people of different occupations

 

one_kings_lane_michael_smith_office_tour_011

MONDAY: December 4, 2017

CLASSROOM/COMPUTER LAB:

DESIGN THINKING IDEAS

Students will select a specific product (the brand) and write about it.  For example If it is a tennis shoe make it specific such as Nike, Air Jordan and model name.  First sketch the object and write about it in your sketchbook.

1. Sketch the image in your sketchbook

2. Describe the product

3. Talk about what you like about it

4. Talk about  the problems  you find with the product

5. Talk about what you  would do to improve it. After you have written this in your sketchbook write it in WORD and upload it to the website in the COMMENT section at the bottom of the page this week. 

CLASSWORK LAB: CONSTRUCTING A ROOM

Transferring the Floor Plan

1. Decide what scale you will build the model: 1/4 inch (1/4-inch scale means that on your model, 1/4 inch equals 1 foot), 1/8 inch or 1/16 inch.

2. Calculate the total dimensions of the model, based on scale. For instance, if you are building a model that is 40 by 30 feet at 1/4-inch scale, your model will be 10 by 7 1/2 inches. Your base should be about 12 by 9 1/2 inches or larger, leaving a 2-inch edge around the model.

3. Place the foam core on top of the cutting mat. Measure and mark the appropriate size shape for the base on the foam core using the T-square, adjustable triangle, architect scale and pencil with eraser. Place the straightedge along the area to be cut, and, using the utility knife, cut the base to size.

4. Draft a floor plan of the sketch dimensions onto the foam core base using the same materials. Include all door openings, hallways and windows. Remember to add a width for the walls. Six-inch-thick walls should be sufficient on the floor plan in most cases.

Step by Step Guide to Drawing House Elevations

Drawing Main Floor Wall Baseline

floor plan with front wall

To draw the initial baseline for the main floor,

1. Using your floor plan drawings and starting at the extreme left end of any walls on this side of the house on the ground floor, measure the horizontal distance of this wall. Make sure you are including the thickness of any siding material for the exterior side walls for this level. This siding can be very thin in the case of parging or thick in the case of stone or brick.

2.Draw a faint line the same length of this wall towards the bottom left third of your page. This faint horizontal line will later be erased since it will not be visible from the outside of the house (unless the exterior finish of the house changes at this exact point). It is drawn now only as a reference from which to measure to the top of the next floor or roof line.

3. Make a small upward tick mark at the end of this wall.

4. If there is another exterior wall at the same elevation to the right of this wall (for example a wall that bumps out or recedes in from this first wall), measure this wall in the same way as the first.

5. Draw this next line as a continuation of the first line. Do not erase the tick mark that indicates the division between these walls.

6. Continue on marking walls in this way until you reach the end of walls on this side of the house.

Determining and Drawing Wall Heights

elevation front wall

Next you will draw the vertical lines for the exterior walls on this side. For each of the wall bases:

1.Determine how high the wall will be above its unfinished floor height. To do this you will need to consider the height of the ceiling of the rooms within this section of the house and add to that the height of any floor or ceiling joists above it. Also add on the height of any sub-flooring, if there are floors above.

2. Draw faint vertical lines up from each of the wall base lines to the height you have determined in the previous step. (Later you will draw a darker line which includes the finished material on the outside of the home.)

3. Draw a faint horizontal line at the level of the upper ceiling joists or subfloor above this level.

4.  If there is another floor above this level, continue on to the step 5. Otherwise move on to the next section, Draw Window and Door Outlines.

5. Using the floor plans for the next level up, perform steps 1 through 3 again making tick marks where you will need to draw any vertical walls. Once again determine the heights of these walls then draw a faint horizontal line to show the level of the top of the sub-flooring or ceiling joists for the next level.

6. Continue repeating the above steps until you have no floors above the current level. Then move on to the next section, Draw Window and Door Outlines.

Draw Window and Door Outlines

elevation with windows and doors

For all of your windows and doors, measure from the horizontal lines of your floors to position the exterior doors and windows. Your construction drawings, usually the cross-sections, will detail the height at which each window should be placed. A separate window and door schedule gives the dimensions for all your windows and doors.

At this point, using your architect’s scale for accuracy, draw just the outline of the window and door outside dimensions to the same scale as your walls, floors and roof. Later you will draw the exterior window and door trim.

REFLECTION: WHAT DID YOU LEARN?

1. Where did you have problems?

2. Were you able to solve the problem and how did you go about it if you did.

3.  Talk about what could be a better solution to the problem.

TUESDAY: December 5, 2017

CLASSROOM/COMPUTER LAB:

DESIGN THINKING IDEAS

Students will select a specific product (the brand) and write about it.  For example If it is a tennis shoe make it specific such as Nike, Air Jordan and model name.  First sketch the object and write about it in your sketchbook.

1. Sketch the image in your sketchbook

2. Describe the product

3. Talk about what you like about it

4. Talk about  the problems  you find with the product

5. Talk about what you  would do to improve it. After you have written this in your sketchbook write it in WORD and upload it to the website in the COMMENT section at the bottom of the page this week. 

CLASSWORK LAB: CONSTRUCTING A ROOM

1. Sketch a layout of the entire home to be made into a model, including interior door openings, hallways and windows, with paper and pencil.

2. Measure the length and width of the interior of the first room with the tape measure by laying it on the floor from one end to the other. Record the exact measurements in feet and inches on the sketch.

3. Repeat Step 2 for each room in the home to be included in the model.

4. Measure each window, including distance from the floor and distance from the edge of the wall, with the tape measure. Record the exact measurements in feet and inches on the sketch.

5. Assuming a uniform ceiling height, measure the height of the interior walls by laying the tape measure against a wall from floor to ceiling. Record the exact measurement in feet and inches on the sketch.

Transferring the Floor Plan

1. Decide what scale you will build the model: 1/4 inch (1/4-inch scale means that on your model, 1/4 inch equals 1 foot), 1/8 inch or 1/16 inch.

2. Calculate the total dimensions of the model, based on scale. For instance, if you are building a model that is 40 by 30 feet at 1/4-inch scale, your model will be 10 by 7 1/2 inches. Your base should be about 12 by 9 1/2 inches or larger, leaving a 2-inch edge around the model.

3. Place the foam core on top of the cutting mat. Measure and mark the appropriate size shape for the base on the foam core using the T-square, adjustable triangle, architect scale and pencil with eraser. Place the straightedge along the area to be cut, and, using the utility knife, cut the base to size.

4. Draft a floor plan of the sketch dimensions onto the foam core base using the same materials. Include all door openings, hallways and windows. Remember to add a width for the walls. Six-inch-thick walls should be sufficient on the floor plan in most cases.

 WEDNESDAY: December 6, 2017

CLASSROOM DEMO: MODEL MAKING

Building the Model

1.Measure, mark and cut the foam core to the appropriate wall height for the first exterior wall using the straightedge, architect’s scale, utility knife and pencil with eraser.

2. Using the drafted floor plan on the base as a guide, mark off the appropriate length of the first exterior wall with the pencil. Remember to mark the location, width and height for any doors and windows.

3. Place the first foam core exterior wall on top of the cutting mat. Using the straightedge as a guide, cut the wall to length with the utility knife. Then, keeping the foam core wall on the cutting mat, follow the markings to cut out any windows and doors using the utility knife and straightedge.

4. Apply white glue to the edge of the first foam core exterior wall. Press firmly onto the base.

5. Using masking tape, secure the first wall by applying short strips at a 90-degree angle to the outside of the wall.

6. Continue Steps 1 through 4 for each wall, moving from one side of the model to the other, until the model is complete. Attach subsequent walls to each other with glue along the edges and apply masking tape to hold them in place.

7. Remove the masking tape after the glue dries and sets — about an hour.

Things You Will Need

• Paper

• Pencil with eraser

• Tape measure

• T-square

• Adjustable triangle

•  Architect scale

• 1/8-inch foam core (For ¼-inch scale model)

• Self-healing cutting mat

• Metal straightedge with cork backing

• Utility knife

• White glue

• Masking tape

Tip

Always cut at a 90-degree angle to make the edge of the foam core easier to glue to the base and adjacent pieces.

For a model with a nicer finish, consider using basswood.

Warning

Change blades often to maintain a sharp surface. It’s easier to cut the foam core and will help prevent accidental injuries.

RUBRIC FOR MODEL MAKING

 

 THURSDAY: December 7, 2017

CLASSROOM: MODEL MAKING

Building the Model

1.Measure, mark and cut the foam core to the appropriate wall height for the first exterior wall using the straightedge, architect’s scale, utility knife and pencil with eraser.

2. Using the drafted floor plan on the base as a guide, mark off the appropriate length of the first exterior wall with the pencil. Remember to mark the location, width and height for any doors and windows.

3. Place the first foam core exterior wall on top of the cutting mat. Using the straightedge as a guide, cut the wall to length with the utility knife. Then, keeping the foam core wall on the cutting mat, follow the markings to cut out any windows and doors using the utility knife and straightedge.

4. Apply white glue to the edge of the first foam core exterior wall. Press firmly onto the base.

5. Using masking tape, secure the first wall by applying short strips at a 90-degree angle to the outside of the wall.

6. Continue Steps 1 through 4 for each wall, moving from one side of the model to the other, until the model is complete. Attach subsequent walls to each other with glue along the edges and apply masking tape to hold them in place.

7. Remove the masking tape after the glue dries and sets — about an hour.

Things You Will Need

• Paper

• Pencil with eraser

• Tape measure

• T-square

• Adjustable triangle

•  Architect scale

• 1/8-inch foam core (For ¼-inch scale model)

• Self-healing cutting mat

• Metal straightedge with cork backing

• Utility knife

• White glue

• Masking tape

Tip

Always cut at a 90-degree angle to make the edge of the foam core easier to glue to the base and adjacent pieces.

For a model with a nicer finish, consider using basswood.

Warning

Change blades often to maintain a sharp surface. It’s easier to cut the foam core and will help prevent accidental injuries.

RUBRIC FOR MODEL MAKING

FRIDAY: December 8, 2017 

CLASSWORK LAB: 

Building the Model

1.Measure, mark and cut the foam core to the appropriate wall height for the first exterior wall using the straightedge, architect’s scale, utility knife and pencil with eraser.

2. Using the drafted floor plan on the base as a guide, mark off the appropriate length of the first exterior wall with the pencil. Remember to mark the location, width and height for any doors and windows.

3. Place the first foam core exterior wall on top of the cutting mat. Using the straightedge as a guide, cut the wall to length with the utility knife. Then, keeping the foam core wall on the cutting mat, follow the markings to cut out any windows and doors using the utility knife and straightedge.

4. Apply white glue to the edge of the first foam core exterior wall. Press firmly onto the base.

5. Using masking tape, secure the first wall by applying short strips at a 90-degree angle to the outside of the wall.

6. Continue Steps 1 through 4 for each wall, moving from one side of the model to the other, until the model is complete. Attach subsequent walls to each other with glue along the edges and apply masking tape to hold them in place.

7. Remove the masking tape after the glue dries and sets — about an hour.

Things You Will Need

• Paper

• Pencil with eraser

• Tape measure

• T-square

• Adjustable triangle

•  Architect scale

• 1/8-inch foam core (For ¼-inch scale model)

• Self-healing cutting mat

• Metal straightedge with cork backing

• Utility knife

• White glue

• Masking tape

Tip

Always cut at a 90-degree angle to make the edge of the foam core easier to glue to the base and adjacent pieces.

For a model with a nicer finish, consider using basswood.

Warning

Change blades often to maintain a sharp surface. It’s easier to cut the foam core and will help prevent accidental injuries.

 

MONDAY, December 4, 2017

 

CLASSROOM:  CREATE A PAGE

PORTFOLIO

Based on your plan for your portfolio start developing your pages each day.  You start with a reasonable goal that you can complete in one afternoon and then execute it by the end of the period.

WRITE YOUR GOAL/REFLECTION FOR TODAY:  

GOAL

Each day you need to write a goal that will be worth 30 points.  You need to have a minimal of 3 sentences using the following questions.

1. What  are you going to work on today?

2. What steps will you take to  get there?

3.  What will I see at the end of the day?

REFLECTION:

• 3 things you learned today?

• If you were not able to reach your goal,  what prevented you from completing your goal?

TUESDAY, December 5, 2017 

CLASSROOM:  CREATE A PAGE

PORTFOLIO

Based on your plan for your portfolio start developing your pages each day.  You start with a reasonable goal that you can complete in one afternoon and then execute it by the end of the period.

WRITE YOUR GOAL/REFLECTION FOR TODAY:  

GOAL

Each day you need to write a goal that will be worth 30 points.  You need to have a minimal of 3 sentences using the following questions.

1. What  are you going to work on today?

2. What steps will you take to  get there?

3.  What will I see at the end of the day?

REFLECTION:

• 3 things you learned today?

• If you were not able to reach your goal,  what prevented you from completing your goal?

WEDNESDAY, December 6, 2017 

CLASSROOM:  CREATE A PAGE

PORTFOLIO

Based on your plan for your portfolio start developing your pages each day.  You start with a reasonable goal that you can complete in one afternoon and then execute it by the end of the period.

WRITE YOUR GOAL/REFLECTION FOR TODAY:  

GOAL

Each day you need to write a goal that will be worth 30 points.  You need to have a minimal of 3 sentences using the following questions.

1. What  are you going to work on today?

2. What steps will you take to  get there?

3.  What will I see at the end of the day?

REFLECTION:

• 3 things you learned today?

• If you were not able to reach your goal,  what prevented you from completing your goal?

THURSDAY, December 7, 2017 

CLASSROOM:  CREATE A PAGE

PORTFOLIO

Based on your plan for your portfolio start developing your pages each day.  You start with a reasonable goal that you can complete in one afternoon and then execute it by the end of the period.

WRITE YOUR GOAL/REFLECTION FOR TODAY:  

GOAL

Each day you need to write a goal that will be worth 30 points.  You need to have a minimal of 3 sentences using the following questions.

1. What  are you going to work on today?

2. What steps will you take to  get there?

3.  What will I see at the end of the day?

REFLECTION:

• 3 things you learned today?

• If you were not able to reach your goal,  what prevented you from completing your goal?

FRIDAY, December 8, 2017 

CLASSROOM:  CREATE A PAGE

PORTFOLIO

Based on your plan for your portfolio start developing your pages each day.  You start with a reasonable goal that you can complete in one afternoon and then execute it by the end of the period.

WRITE YOUR GOAL/REFLECTION FOR TODAY:  

GOAL

Each day you need to write a goal that will be worth 30 points.  You need to have a minimal of 3 sentences using the following questions.

1. What  are you going to work on today?

2. What steps will you take to  get there?

3.  What will I see at the end of the day?

REFLECTION:

• 3 things you learned today?

• If you were not able to reach your goal,  what prevented you from completing your goal?