19 votes
Accepted

Illustrator Isometric scaling

You would have to do each side manually (especially if trying to make it follow the grid). What you do is, use the Direct Selection Tool (A) and select all the points that would have to move in that ...
Welz's user avatar
  • 9,979
14 votes
Accepted

Illustrator: how to add isometric shadows

Drawing shadows Doing accurate shadows is quite easy, albeit a bit tedious. All you need is to do is to systematically find intersections of lines. Not all that different from drawing (or constructing)...
joojaa's user avatar
  • 57.7k
11 votes
Accepted

Get an image to lie flat on an axonometric grid in inkscape

Draw a rounded rectangle on the grid. Select the rectangle. Set up the Skew Transform in the Transform panel, with the horizontal scew set to -60, and the vertical set to -30. Apply the transform. ...
Billy Kerr's user avatar
  • 85.1k
10 votes

Get an image to lie flat on an axonometric grid in inkscape

You can transform a object from normal view into isometric in the transform palette with the matrix operation in one go. The benefit of this approach is that you can undo it later, to make edits to ...
joojaa's user avatar
  • 57.7k
9 votes
Accepted

Isometric bulging grid

We can approach this problem in many ways. Using a plotting app First approach is to get hold of the original data and turn the rotation to isometric, i would use this approach. The original image is ...
joojaa's user avatar
  • 57.7k
9 votes
Accepted

Isometric color shading rule for pixel art

Shading isometric pixel art There is no rule for shading isometric pixel art. It's an aesthetic design decision which depends on the vibe you want your artwork to have. Even though pixel art is ...
Wolff's user avatar
  • 20.8k
7 votes
Accepted

Isometric with or without a grid in Illustrator?

In essence drawing in isometric is the same as drawing in 2D. With the exception that you need to move each time in 3 directions instead of 2. This means that you need to artificially move in one ...
joojaa's user avatar
  • 57.7k
7 votes
Accepted

The true/right isometric?

A "strict" isometric grid would be 360°/3 = 120° So we start with an axis at 0°, another at 120°, and another at 240°. But we do need a vertical axis, not a purely horizontal one, so let's ...
Rafael's user avatar
  • 36.7k
5 votes
Accepted

Illustrator: Bend 2D objects over the edges of 3D objects (extrude and bevel)

3D Extrude & Bevel → Map Art You can achieve this with the Map Art feature of 3D Extrude & Bevel. You can only map artwork that has been created as a symbol. This gives you the advantage of ...
Cai's user avatar
  • 40.5k
5 votes
Accepted

How do you make Trimetric Cubes

In Illustrator, use the Effect > 3D > Extrude & Bevel option Create a square Effect > 3D > Extrude & Bevel Object > Expand Appearance Now you have an easily editable cube. Add inner ...
Manly's user avatar
  • 6,674
5 votes

Isometric color shading rule for pixel art

Lots of pixel art doesn't 'calculate' any shading or other lighting colours, for they use a fixed palette. Just find the most appropriate colour (or the least unappropriate, in some cases) in the ...
Vincent's user avatar
  • 25.2k
4 votes

Isometric laying cylinder Illustrator

One option is to use Illustrator's 3D Extrude & Bevel. Start with a flat circle and go to Effect → 3D → Extrude & Bevel... There are isometric presets already available. Another option is to ...
Cai's user avatar
  • 40.5k
4 votes
Accepted

Using Free Distort on text in Illustrator CC

Select the text, then go to Effect->3D->Rotate. Then choose the Isometric Top option: For an alternative orientation you can change the parameters like so:
Andreyu's user avatar
  • 308
4 votes

Wrapping a label around isometric bottle in 2D

There's no real need to enter the 3D domain for this kind of illustration. In Illustrator, select your text that you want to put on the bottle and go to Object > Envelope Distort > Make with ...
Westside's user avatar
  • 9,498
4 votes

Isometric Deboss Effect in Adobe Illustrator

You have to follow each face directions. You mark them first and create the fill with shades of gray color. See the image below:
LeoNas's user avatar
  • 2,465
3 votes

Why Adobe illustrator expand appearances creates double path?

It's because your object has a stroke applied. If the "N" was merely a shape with a fill and no stroke, you would expand to a single path with a fill. When you expand strokes, it creates a compound ...
Scott's user avatar
  • 208k
3 votes

Generating isometric grids in Illustrator CC

Use the Rectangular Grid Tool to create a uniform grid. Object → Transform → Scale, check Non-Uniform and set Vertical scale to 86,602% Object → Transform → Shear at 30 degrees Object → Transform → ...
Cai's user avatar
  • 40.5k
3 votes

trying to make a bent pipe on isometric plane

You can also do things the digital version of the old-fashioned draughting way - correctly extrapolate the curves resulting by setting up proportioning guides based on arc sections inscribed into ...
GerardFalla's user avatar
  • 9,603
3 votes

Is there any way to project an isometric image to an orthographic view in Photoshop?

If we assume that it's a perfect isometric projection, here is one out of several ways to revert to a top view: Select the layer with the image. Press Ctrl / Cmd + T to enter Free Transform. Make ...
Wolff's user avatar
  • 20.8k
2 votes

Generating isometric grids in Illustrator CC

Preface I would like to offer an alternate solution. The SSR method used by @CAI is perfectly valid transformation technique that has uses beyond grids. SSR is actually setting a orthographic matrix ...
joojaa's user avatar
  • 57.7k
2 votes

Isometric laying cylinder Illustrator

I draw stuff like that all the time. Usually I use the Common Tangents script by Hiroyuki Sato. It works quite well and helps you in any other find the tangent situation too. I find the script ...
joojaa's user avatar
  • 57.7k
2 votes
Accepted

Smart guide snapping not accurate

You're looking to disalign objects with the pixel grid. In the transform window (Window > Transform) You will see a checkbox labeled 'align to pixel grid'. Uncheck it. To avoid it in the future when ...
Adam Frank's user avatar
2 votes

How to write 3D Isometric text using Sketch app?

There's a plugin for generating isometric views in sketch but as far as I understand it only does it in the horizontal plane. Sketch does not have very robust transformation functions and it'd be ...
spiral's user avatar
  • 7,353

Only top scored, non community-wiki answers of a minimum length are eligible