6 Quick Steps to Creating a Fantasy Building Vector Icon

building-icon8 Pop on your imagination cap and get ready to play with basic shapes and building designs in this quick tutorial on creating a fantasy building vector icon!

Tutorial Details: 6 Quick Steps to Creating a Fantasy Building Icon

  • Program: Adobe Illustrator CS6-CC
  • Difficulty: Intermediate
  • Topics Covered: Design Theory, Shape Building, Compositional Skills
  • Estimated Completion Time: 20 Minutes

Final Image: Fantasy Building Vector Icon

building vector icon tutorial

Step 1

Building start simple: with rectangles. Draw two rectangles, one overlapping the other, with the Rectangle Tool (M). Select each of the top anchor points of the top rectangle in turn and angle it inward. Adjust the size relationship between these two objects as you see fit.

building vector icon tutorial

Step 2

Draw a rectangle and pull the lower anchor points inward to round out the bottom. Add several of these shapes to the bottom and top of the little building. Start drawing doors or windows on your building.

Adobe Illustrator building tutorial

Step 3

I opted for two rounded arches in the lower center of my building to serve as doors. Three horizontal lines completed the building’s little roof. For the building’s platform, draw three rectangles, each one smaller than the last. Round out the bottom edge of each of these rectangles. Draw trees and plants with line segments, circles, and arcs on either side of the building.

how to design building floating on clouds in Adobe Illustrator

Step 4

Add clouds, additional flowers or trees, and small circles and rounded rectangles at the bottom of the icon design. Notice how it looks as though the little building is floating amongst the clouds.

building vector tutorial

Step 5

Expand the icon’s strokes and Unite the objects in the Pathfinder panel. Apply a bright colored Linear Gradient to the newly united object.

how to illustrate a building

Step 6

Duplicate the icon and offset it slightly behind the original icon so it’s peeking out from behind the original design. Set the Blending Mode to Multiply and its Opacity to 34%.

building vector icon

Conclusion: You now have a Fantasy Building Vector Icon!

Great job! Consider creating a whole world of little fantasy buildings or even running through landmarks and famous buildings to create a huge set of icons. Share your results in the comment section below!

building vector icon

Author: Mary Winkler

Mary works under the brand Acrylicana® and has illustrated and designed for companies like Disney, Jakks Pacific, Jada Toys, Envato, and more. Check out Acrylicana.com for artwork, tutorials, and more. Follow Acrylicana on Instagram, Facebook, and Twitter!

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

One thought on “6 Quick Steps to Creating a Fantasy Building Vector Icon

Leave a Reply

Your email address will not be published. Required fields are marked *