Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


Isometric Construction

7/29/2019

4 Comments

 
Isometric drawing is way of presenting designs/drawings in three dimensions. In order for a design to appear three dimensional, a 30 degree angle is applied to its sides. Here is how easy it is to set this up and create!
Picture

Picture
To make creating isometric drawing easier, set up your Construction Guides to be at 30°. Do this under the Preferences>Smart Guides. Turn on the Construction Guides check box and add 30 and -30 into the fields. 
Picture
Using the Line Tool, draw a line and rotate it -30° in the Transform or Properties panel. 
Picture
Select the line then OPTION (ALT) click and drag the line down a bit. Use COMMAND + D to duplicate the line several times.

Picture
Select all the lines and use the Flip icon in the Properties Panel to flip the set. Move the lines over each other to create a 30° grid.
Picture
Select all the lines and choose View>Guides>Make Guides. This takes all the lines and turns them into a grid structure to allow points and lines to snap to them.
​Make sure your Smart Guides are on, your Guides are visible and the Snap to Point is turned on. All of these are under View>Guides.
Picture
The easiest way to draw isometric panels or shapes is with the Pen Tool. The points will snap right to the grid and the Smart Guide hints will show you when the points snap.

Picture
To draw anything flat, follow the grid and complete the shape. 
Picture
To draw a vertical panel, you will need to follow the lines top and bottom, then create vertical lines. 
Picture
These basic horizontal and vertical shapes will be used to create many different constructions.

Picture
When creating the panels, if there is a Stroke applied, the corners will be sharp and create odd points.
Picture
Set the shapes to have rounded corner strokes in the Stroke panel. This only applies to a stroke, not the shape. 
Picture
This only applies to a stroke, not the shape and solves the problem with a stroked object having odd overlapping corner points.

Picture
Duplicate the panels and send them backwards to create the outer back panels.
Picture
Duplicate the side panels to create the roof panels. Draw a vertical line from the center of the front panel up past the rood point.
Picture
Use the Direct Selection Tool to select the top path of the roof panel and move it until the corner touches the vertical line. 

Picture
Use the Direct Selection Tool to select the top path of the back roof panel and move it until the corner touches the vertical line. Delete the line when done. 
Picture
Select the shapes and select the Shape Builder Tool (Shift+M). With the Shape Builder Tool, drag across the three shapes to create one shape.
Picture
Fill the shape with a color and you have the end panel of the house.

Picture
Another way to create shapes is to draw them shape then use the Skew Tool to skew it 30° horizontally or vertically.
Picture
With the shape selected, select the Skew Tool and double-click on the skew Tool to call up the dialog box. Click the Preview button to see what is Changing. Set the shear angle to 30° or -30° and click on horizontal or vertical shear to get the anlge desired. 
Picture
This is how you can add windows and doors without drawing and snapping to the grid. 

Picture
Add some gradient fills, create more details and you have created an Isometric construction!
4 Comments
Alyssa K. Whitcraft link
9/17/2019 07:44:26 am

Thanks for sharing info!

Reply
garage door hinges replacement link
1/14/2020 04:44:30 am

Home safety is the most important need for everyone. We should try to maintain every part of our home so that we can save our home & money such as home electric items, plugins, switches etc. Thanks for sharing your lovely stuff. :)

Reply
Cintia Couto
4/25/2021 02:35:57 pm

Tell me there's a better way to do this.... the smart guides only work when they want. And I just have to hope it will show the intersection point I want to snap something onto.

Reply
Metal Roofing link
5/10/2022 03:23:11 pm

One of the defining characteristics of an isometric drawing, compared to other types of 3D representation, is that the final image is not distorted.

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022