3d Isometric Vector Box Icon Tutorial3d Isometric Vector Box Icon Tutorial3d Isometric Vector Box Icon Tutorial3d Isometric Vector Box Icon Tutorial
    • Indscoop
    • Blog
    • Entertainment
    • Malayalam Vlog
    • Automobiles
    • Smartphones
    • Tech News
      • Home
      • Blog
      • info
      • 3d Isometric Vector Box Icon Tutorial
      10 Mistakes in Icon Design
      April 8, 2014
      How to Create a Coins Icon in Adobe Illustrator
      April 8, 2014

      3d Isometric Vector Box Icon Tutorial

      Published by Manoj Kumar at April 8, 2014
      Categories
      • info
      Tags

      What is Isometric Anyways?

      Isometric projection is a 3d method, being a form of ortographic projection; representing a 3 dimensional object in 2 dimensions.

      In a bit simpler english; we can make 2d objects easily converted to 3d objects by adding equally measured perspectives. That’s what we will do to create our 3d vector icon =)


      Here is what we will try to achieve:

      final

      Phase 1: Making the Square into a 3d Box with Isometric Projection

      1– Okay. To do that, we will need a square first.

      Open a new Illustrator document, preferably in cmyk color and draw a 100pt x 100pt square:

      01_draw_a_square

      2– Next, we will need to duplicate that square 2 times to prepare the front left and front right sides of the box imitation:

      02_create_sides

      3– Now we will rotate our top side isometrically to build the top side of the box.

      To do that, let’s go to effect > 3d > rotate > select isometric top:

      03_rotate_top

      4– Ok now let’s do the same for the front left side with one difference; the rotation will be isometric left:

      04_rotate_fleft

      5– Same goes for the fron right side; rotating isometric right:

      05_rotate_fright

      6– Now let’s  object > expand appearance them to make the 3d rotated sides more editable:

      06_expand

      7– We can now put them all together, to form a box:

      07_put_together_the_sides

      Since we are almost done with the basic shape, we can move along with the effects to apply on it.


      Related posts:

      25 Illustrator Techniques Every Designer Must Know 60 Effective Text Effects – Adobe Illustrator Tutorials How to Create a Coins Icon in Adobe Illustrator 10 Best Alternatives to Adobe After Effects
      Share
      Manoj Kumar
      Manoj Kumar

      Leave a Reply Cancel 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.

      © 2021 indscoop. All Rights Reserved