Isometric Photoshop Action

Graphics > Styles & Effectsby Diego Sanchez

Isometric Photoshop Action

With the Isometric Photoshop Action you can easily transform any text or shape to a 3D Isometric perspective with a single click of the mouse. The action comes with 2 different styles (volumetric and flat) 2 different view angles (right and left) and it will automatically adjust to the Global Light Value you set.

Simply create a new file in Photoshop, type your text or place your object in a new layer and run the action. In less than a minute you will have it transformed to an isometric view. Then you can turn off the background layer to have your new isometric object in a transparent background and place it over any background you like.

Besides text, you can also use the action with any type of vector or raster shapes. Simply place your vector or raster shape in a new layer above the background, and run the action.

Once any of the action finish, you can turn on/off the depth layers to control the 3D effect of your isometric object. Choose from 0px to 50 px in a 10px incremental value. Also you can turn on/off the shadows and choose any Global Light Value you want (the isometric object will adjust accordingly to the Global Light Value you set).

How to install (action):

  1. Open Photoshop.
  2. In the Actions Panel click on the top right icon and from the dropdown menu select "Load Actions".
  3. Locate the "Medialoot - Isometric.atn" file and click on Load.

How to use:

  1. Open Photoshop and make a new file.
  2. In a new layer, type your text, draw your shape or place your raster image (be sure to have only 1 layer above the background)
  3. Select any of the Isometric Actions and click on the play button.
  4. Once the action finish, go to Layer > Layer Style > Global Light and set any value you want.

How to stack objects:

  1. Make a new document in Photoshop and place your object in a new layer.
  2. Run any of the included actions.
  3. Make another new document in Photoshop and place the other object in a new layer.
  4. Run any of the included actions.
  5. Select the layers from the second document (except the background) and drag them to the first document.
  6. Stack the isometric objects to your liking.

Get the newest resources

Sign up for our mailing list and get new resources sent to your inbox