Learn all kinds of shape building tips and tricks in this Adobe Illustrator tutorial!
Learn about creating isometric shapes and patterns in this Adobe Illustrator tutorial!
We’ll create a cool isometric cube pattern that is highly customizable by using shape tools, transforming, pathfinders, grouping, masking, gradients, snapping, and much more!
Tags: illustrator, adobe illustrator, adobe illustrator tutorial, graphic design, tutorial, illustrator tutorials, how to, illustrator cc tutorial, graphic design tutorials, vector illustration, step by step, adobe, adobe creative cloud, tutvid, shape tools, isometric, drawing, isometric design, illustrator isometric, isometric drawing, isometric view, nathaniel dodson, AI
Tutorial Recording Notes:
Disclaimer: these are the actual notes I used to record this video and are written in a language you may or may not understand. Hopefully, you find them useful or cool.
- New AI doc: 2560×1440
- Create a background rectangle filled with 27% gray
- Lock that background layer and create a new layer
- Create a 95×100 rectangle and shear to a -30º vertical angle
- Transform the shape to flip and move horizontally the width of the shape
- Expand this and ungroup it
- Turn on Smart Guides and use the Pen Tool to draw a triangle
- Transform and flip this triangle upward to copy the shape and build the top of the cube
- Expand this shape and use Pathfinder to join the shapes together
- Fill the top with 10% gray
- Fill the front side with 55% gray
- Fill the left side with 42% gray
- Turn Snap to Point and duplicate the top of the cube down and use the Direct Selection Tool to snap the shape to the front edge and duplicate this over to the left side of the cube and snap it into place as well
- Fill both shapes with a black(transparent) to black gradient
- Front gradient: set midpoint to 75% and 120º angle at 25% opacity
- Side gradient: eyedropper this gradient over to the side and set angle to 60º at 7% opacity
- Duplicate the top of the cube down and align this to the front of the front shadow
- Use the Direct Selection tool and select and delete the left-most anchor point
- Select the open points and Join them
- Transform this shape and flip/duplicate it over and Expand/Ungroup it
- Fill left triangle with 40% gray and right triangle with 32% gray
- Duplicate these two triangles and paste in front
- Fill both with a black(transparent) to black gradient, left stop at 0% location, right stop at 90% location and midpoint at 75%
- Set gradient in left triangle to -110º and 50% opacity
- Set gradient in right triangle to -90º and 35% opacity
- Select all the shapes we’ve created for this cube and group them up
- Go Object>Pattern>Make
- Preview it and hit the little “Done” button up in the top bar
- Copy the background shape and paste it into the new layer in front
- Fill this shape with the new pattern we made
- Paste the shape in front again and fill with 70% gray and set to Overlay blend mode and reduce opacity to 0%
- Paste the shape in front AGAIN and fill this shape with any color you wish
- Set the shape to the Blend Mode “Color”
- Change the color to change the entire scene’s color
- Boost the opacity of the Overlay shape to darken the scene if needed.