💻 Adobe Illustrator TUTORIAL - 3D presentation

in #design7 years ago (edited)

Hello,
this is my very first graphic design tutorial. In this one, you can learn how to create isometric presentation of images in a few simple steps.
 

What will we create?

 
GAs-Case study-01.png

 

STEP 1

Arrange your images into the grid. Use any spacing you want. In example, I have used around 8% of image width for spaces between them.
 
Isometric images-01.jpg

 

STEP 2

 
Group all images (Ctrl G) and change height of the group to 86.026%. To do that, multiply height by 0.86026.

*0.86026

 
Isometric images-02.jpg

 

STEP 3

Go to Object > Transform > Shear ...
 
Isometric images-03.jpg

 

STEP 4

Set Shear Angle to 30° and click OK.
 
Isometric images-04.jpg

 

STEP 5

Go to Object > Transform > Rotate ...
 
Isometric images-05.jpg

 

STEP 6

Set Rotate Angle to -30° and click OK.
 
Isometric images-06.jpg

 

STEP 7

Optionaly. You can add Drop shadow if you want.
 
Isometric images-07.jpg

 

Good job you!

 
GAs-Case study-01.png

 
 

If you like this tutorial Upvote and Follow me and I will make some more.



profile03.png

Andrej Cibík @andrejcibik

 
Web design | Web development | Logo design

Sort:  

Thank helped me to increase my Illustrator knowledge, good job mate :)

This post has received a 1.81 % upvote from @booster thanks to: @andrejcibik.

Thanks for this. I always appreciate a tutorial or two and maybe find a way to do this in Affinity Designer based on it.

Coin Marketplace

STEEM 0.17
TRX 0.13
JST 0.029
BTC 56583.42
ETH 2984.52
USDT 1.00
SBD 2.15