How to Create an Isometric Roof with Shingles

In this weeks tutorial we’ll create an isometric house with roof and learn how to add some neat shingles. You’ll learn how to create two types of roofs, a tin roof and a terracotta style roof. We’ll be working with an isometric grid, the Blend Tool and the ? Appearance Panel (remember, the Appearance Panel is your best friends) and a neat red/blue color combo (download link below).

Learning Illustrator is easier than you think!

Adobe Illustrator Appearance Panel

  1. Add multiple Effects

    You can add multiple Effects to one Object. Simply keep your object selected and click the FX button in the Appearance Panel and select the desired effect.

  2. Reorder Layers with Effects

    You can easily reorder layers in the Appearance Panel. Simply highlight/select the layer and drag it above or below another layer.

  3. Add Transform

    When you add the Transform Effect in the Appearance Panel to one of your objects, it makes it really easy to created multiple shapes out of one. Give it a try.

Share your love

Simona Pfreundner has been teaching Adobe Creative Suite since 2008 through written tutorials, instructional video courses and classroom teaching. With 15 years experience in the graphic design field as an agency, in-house and freelance designer, her love for art and drawing has enabled her develop an approachable and intuitive style of teaching that helps people learn graphic design software in a fun and easy way.


Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.