Create An Isometric Maze with Adobe IllustratorCreate An Isometric Maze with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/06/maze-adobe-illustrator-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
In today’s tutorial I’ll be demonstrating how to create a vector, isometric-style maze with Adobe Illustrator CC.
Logo Design Guide
The following is just a brief overview of the steps taken to achieve this effect. For complete step-by-step instructions, please refer to the video tutorial at the top of the page. And if you’d like more Illustrator tutorials, be sure to check Illustrator For Beginners on YouTube — my second YouTube channel dedicated solely to Illustrator tutorials.
Creating A Maze
The first thing we’re going to do is create a new canvas sized at 1,280 x 1,280 pixels.
We’re going to create a series of rectangles that are sized at 50 x 50 pixels and create an array of them. We’ll be using the Duplicate feature to generate 20 on the horizontal axis and 20 on the vertical.
Now we’ll go through and manually delete squares to form the pathways of our maze.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
Don’t worry about whether or not the maze makes logical sense. It’s just meant to be an aesthetic design; not an actual puzzle for users to solve.
Once we’re finished creating our pathways, we’ll use the Shape Builder tool to unify the squares together, then we’ll make a Compound Path out of them by going to Object > Compound Path > Make.
This is where the magic begins. Select the entire design, then go to Effect > 3D > Extrude and Bevel. The following menu should appear…
Set Position to Isometric Top and leave the default values for everything else. I would double check that your values match the screenshot above just to make sure. Then go ahead and click OK to generate a 3D isometric maze…
By default, the colors this feature generates are kind of washed out and don’t contrast very well with each other, so we’re going to manually set the colors.
Select the object and go to Object > Expand Appearance, then ungroup it twice by going to Object > Ungroup (twice). Once you’ve done that, you should be able to select all of the individual pieces of the maze icon so you can manually color them in.
And with that, we are finished! We’ve successfully created an isometric maze with Adobe Illustrator. If you have any questions or run into any problems, simply leave a comment below. As always, thanks for watching!
Get 20% Off All Products
Join the Logos By Nick mailing list to be notified of new posts and receive 20% off all courses, templates, and learning materials. Your information won't be shared with any third parties and you will never receive any kind of SPAM or promotional email from me.
You might also like
Create Isometric Block Letters with Adobe IllustratorCreate Isometric Block Letters with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/07/illustrator-isometric-letters-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Create Seamless Background Patterns with Adobe Illustrator CCCreate Seamless Background Patterns with Adobe Illustrator CC https://logosbynick.com/wp-content/uploads/2019/07/illustrator-repeated-background-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
How To Warp Text Into Shapes with Adobe Illustrator CCHow To Warp Text Into Shapes with Adobe Illustrator CC https://logosbynick.com/wp-content/uploads/2019/07/illustrator-text-to-shapes-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g