Questions tagged [isometric]

Isometric is a category of 3D projections where the three coordinate axes appear equally foreshortened.

Filter by
Sorted by
Tagged with
36 votes
4 answers
39k views

How to achieve this 3D "Card" effect

How do I create this type of effect with an image? I'm wondering how to get the thick edges and the tilted look. Is there an online tool that will convert a flat image to look like this? Source
Prabhu's user avatar
  • 483
18 votes
2 answers
2k views

How to make a “sticker” fold over an edge

So I want to fold my sticker image in a way to make it appear that it is stuck to the box. I’ve tried playing with perspective, but everything I try looks really off. Is there a way to do this that I’...
Libby's user avatar
  • 183
16 votes
4 answers
35k views

How to draw isometric vectors?

I am looking for "built in" software solutions for Illustrator CS2-5 preferably. I am trying to create these isometric illustrations for a web app. Right now I've manually set up a grid in Adobe ...
Flavius Frantz's user avatar
9 votes
4 answers
3k views

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

I am new to graphic design and I am working on some figures for a paper. I want to use the isometric perspective and I have been drawing on the default axonometric grid with snapping. I want to put a ...
TheCodeNovice's user avatar
9 votes
2 answers
1k views

What's the name for this 3D scene style from a fixed angle?

Is there a name to refer to this kind of (computer) drawing style: which resembles a little bit the style of the Portal 2 trailer?
Shoe's user avatar
  • 192
8 votes
2 answers
16k views

How to create a 3D layer explosion/expansion in Photoshop?

I need to depict a bunch of layers of an image similar to this: What is this style called? Is there any photoshop plugins that can automatically create this kind of view?
Hamed Saadat's user avatar
8 votes
3 answers
14k views

"Fake" 3d effect in Photoshop/Illustrator with raster images [duplicate]

I need to create a "fake" 3D effect for some raster image, like this one below: do you know how I can achieve this in Photoshop (CS5) or Illustrator? Thanks.
Ton's user avatar
  • 89
7 votes
1 answer
2k views

Illustrator Isometric scaling

I created a grid and started my design/illustration on it. Deep in the project I realize that some object are supposed to be bigger in size. So first thought was to scale it up. The problem is that I ...
Interactive's user avatar
6 votes
3 answers
2k views

Isometric color shading rule for pixel art

Lets say I have a cube in an isometric pixel art with the 'normal' color #ff0000 (red) and I want to shade remaining sides, is there a rule for selecting the top (brighter red) color and the darker ...
Vega_Ska's user avatar
  • 103
6 votes
2 answers
14k views

Illustrator: how to add isometric shadows

I´ve been wondering how to do this kind of shadows (image below) as real as possible. Is there any technique to apply? I did search for tutorials but unfortunately I couldn´t find anything on this ...
german olivera's user avatar
5 votes
2 answers
4k views

Aligning neighbouring paths and “connecting” anchors in Illustrator

I am working on isometric design that will be printed on the 1000mm x 2000mm Roll Up. Design includes lots of similar paths that should be perfectly aligned and create isometric 3d scene (image 1.) ...
Goran's user avatar
  • 421
5 votes
2 answers
2k views

Isometric with or without a grid in Illustrator?

So I'm doing this isometric thing. I started using a grid and thought I was well on my way. Loving it and understanding it. Until disaster struck. I needed to enlarge a couple of things. Found out ...
Interactive's user avatar
5 votes
2 answers
19k views

Generating isometric grids in Illustrator CC

How does one generate accurate isometric grids in Illustrator CC?
MJC's user avatar
  • 73
4 votes
3 answers
7k views

Changing isometric drawing's constraint angles in Illustrator

I'm doing some isometric drawing in Illustrator, and moving my objects around on 0°, 30° and 60° constrained angles. I keep having to go to preferences (Control + K) to change the constrain angle ...
itsmikem's user avatar
  • 483
4 votes
1 answer
949 views

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

I really like to create 3D objects with "extrude and bevel" in Illustrator CC. So is there also the possibility to achieve this? (found it here) The objects bend over the edges and change their ...
Act1v's user avatar
  • 75
4 votes
0 answers
98 views

What color should be use on the edge of isometric pixel art

Is there a general rule to put outline/contour in isometric pixel art and what color should be used? I know the inside can be outlined not by black but by the color used, but what about the outer ...
Vega_Ska's user avatar
  • 103
3 votes
1 answer
432 views

How do you make Trimetric Cubes

I saw this really cool cube graphic: I know you can create isometric cubes in illustrator & photoshop, but how do you create this cube (not isometric angles), with directly editable side colors?
Alex Safayan's user avatar
3 votes
3 answers
6k views

How to write 3D Isometric text using Sketch app?

I need to write Isometric text in Sketch app. I tried using "Convert to Outlines" option to do transformation. But that doesn't help to transform the text to isometric projection.
Suresh Murali's user avatar
3 votes
1 answer
178 views

Segmented isometric grid

I am a beginner when using Adobe Illustrator so I have been searching the web for answers and tips. I came across this thread about Isometric design using a grid and someone mentioned something about ...
Ision Industries's user avatar
3 votes
3 answers
8k views

What software is used to create 3D architectural diagrams?

One day i visit this Denmark based architectural firm website, i see those clean presentations, which got me wonder what kind of software did they use to creating such illustration? it seems like a 3D ...
user226247's user avatar
3 votes
1 answer
503 views

Exporting without anti-aliasing on outside?

I have some Isometric vector blocks in Illustrator that need to line up perfectly. Anti alias looks great but then I get visible edges when overlapping the blocks. Without anti alias they line up ...
Madmenyo's user avatar
  • 146
3 votes
0 answers
317 views

Annotations in Isometric View AutoCAD 2014

I want to set Annotations for my drawing but in isometric view it gives me the distance following the orange line when I need the length of the yellow one. Does anyone know what settings I should ...
Kira - The God's user avatar
2 votes
1 answer
736 views

Isometric bulging grid

I'm trying to make an isometric version of this The bulges and the dips aren't too hard themselves, however I'm struggling to find a way of warping the isometric grid lines in the right way Does ...
Ralt's user avatar
  • 261
2 votes
1 answer
502 views

The true/right isometric?

i started learning how to create isometric illustrations. The first step is the isometric grid to work better. Is there a standard/right/true way? I found different tutorials and was a bit confused ...
Change's user avatar
  • 23
2 votes
3 answers
2k views

trying to make a bent pipe on isometric plane

I am trying to make a bent pipe on an isometric grid drawing. How should I do it so that it creates that appearance? thank you!!!
wardrobefanatic's user avatar
2 votes
2 answers
3k views

Isometric laying cylinder Illustrator

Okay this may be a bit OCD. How do you make a perfect isometric cylinder like this? Connecting the two circles has always been eyeballing for me. How do you make it perfect?
Tristan .L's user avatar
2 votes
1 answer
5k views

Using Free Distort on text in Illustrator CC

Why does this not seem to work, and does anybody else know a way to get type distorted? Specifically I have an isometric building and I would like to put the names of the surrounding streets "on the ...
Nick's user avatar
  • 145
2 votes
2 answers
675 views

Is there an option to apply "shear" as an effect on a layer?

I would like to implement the rules to make an isometric drawing on a layer instead of an object. The rules are the following: Scale the width times 0.866 Shear by +/- 30° around the vertical axis ...
alias_paj's user avatar
2 votes
1 answer
754 views

Perspective without a vanishing point?

I am trying to recreate this figure (mainly the stacking of images) in Abobe Illustrator: but using perspectives I get the following: How do I go about either removing the vanishing points, or using ...
Paul Wright's user avatar
2 votes
1 answer
151 views

Photoshop CC 2014 - Selecting a pixel art isometric line

Is there a quick way to select an entire pixel art isometric line (i.e. 2 pixels across for every 1 down, see here for example). Thanks
Daniel Granger's user avatar
2 votes
1 answer
262 views

Exporting isometric cube to png results in incorrect sides and rough edges of the cube

UPDATE: I did what @Danielillo suggested and it worked but the width of the exported .png is still one pixel wider then the original: The blue outline is from Illustrator. You can see the one pixel ...
Tremah's user avatar
  • 23
1 vote
2 answers
396 views

Isometric Deboss Effect in Adobe Illustrator

How can i create isometric Deboss Effect in my object (right) like Sample image (left) ? I know 3 shadows used to create isometric deboss effect.
ShizoKA's user avatar
  • 35
1 vote
1 answer
108 views

How to create a stack based icon using Affinity Designer?

I am new to logo design and I was wondering how I could create a stack based logo like Apple does for their frameworks. The logos look like this: Is this even possible using Affinity Designer or is ...
inexcitus's user avatar
  • 113
1 vote
1 answer
579 views

Isometric Object reflection in Adobe Illustrator

How can I create a reflection for an isometric object? in example image "N" letter is flat object with reflection i need similar reflection for my isometric cube.
ShizoKA's user avatar
  • 35
1 vote
3 answers
3k views

Smart guide snapping not accurate

I have setup a isometric grid by creating smart guider rotated 120 degrees and working with the intersect points. When I'm working on vertex level this works great but when I want to group my object ...
Madmenyo's user avatar
  • 146
1 vote
2 answers
925 views

Illustrator: problem with the 3D effect - Extrude and bevel, Isometric lines aren't straight

I've this problem with the 3D effect: the vertical lines projected by the effect aren't vertical. I start with a plane shape like a rectangle and I select the isometric top preset in the effect and ...
Heagle_stmpc's user avatar
1 vote
1 answer
99 views

Illustrator CC - Can't set angle of a line segment to include a decimal?

So I'm trying to set the angle of a line to 26,56 degrees in order to create an isometric grid, however when I do this within the line tool, it defaults to a horizonal 360 degrees instead. I thought ...
Phoebe's user avatar
  • 13
1 vote
1 answer
1k views

Some points in my isometric grid are not aligning

I created this isometric grid, via the SSR method described in this tutorial. However, when drawing a rectangle, and copy-dragging it the 'rectangles' do not align. When drawing a straight line i see ...
Stef Hamerlinck's user avatar
1 vote
2 answers
261 views

How can I set up this isometric grid to be able to use it?

I was wondering how can I actually set up this isometric grid in illustrator? How can I use it on a layer so it doesn't interfere with my design?
tonhwk's user avatar
  • 11
1 vote
3 answers
4k views

Force "line extension"-like behaviour in Illustrator

When having a single line in Illustrator and you manipulate one of the anchor points, Illustrator helps you a little by giving you a smartguide that aligns the anchor point along the current ...
CrazyQwert's user avatar
1 vote
1 answer
2k views

Custom Isometric/Parallel Projection Grids

I found these attached designs online while looking for isometric illustrations. These designs are not on the standard isometric grid (30 degrees), rather they have different angles. Has someone ...
Chokho's user avatar
  • 11
1 vote
1 answer
1k views

Isometric line drawings with colour fill - Illustrator

Hey everyone. I am need of some serious help. I am VERY new to illustrator so I don't know if I am doing this the most effective way. So any guidance would be really appreciated. I took on a pretty ...
Daniel's user avatar
  • 17
0 votes
3 answers
1k views

Why Adobe illustrator expand appearances creates double path?

I need convert 3D rotate effect to shape in Ai. after effect, i try to convert it by Object > Expand appearances but final shape has double path! I just need one shape, How can i Achive it ?
ShizoKA's user avatar
  • 35
0 votes
1 answer
1k views

Wrapping a label around isometric bottle in 2D

I am making a poster of a bottle of pills and I wanted to wrap a label around said bottle. I created the bottle as a 2D object and not a 3D one. How can I curve a rectangular piece of art around the ...
Abhinav's user avatar
0 votes
2 answers
930 views

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

Suppose I want the top view of this isometric graphic, how can I project an isometric image to an orthographic view in Photoshop?
tiyer79088's user avatar
0 votes
2 answers
1k views

Rotation in Isometric View

I am using isometric view to make a diagram, and I find it challenging to rotate the figure in a single axis using transform and rotation tools on Inkscape. If I want to tilt the camera only along the ...
dynamicdivergent's user avatar
0 votes
2 answers
289 views

How does the Isometric system in Affinity Designer work?

I hope I can articulate this properly. How does the isometric system work under the hood in Affinity Designer? Coming from Illustrator I noticed the power of the isometric system in Affinity with the ...
Ision Industries's user avatar
0 votes
1 answer
61 views

Manipulate group/union of objects with corner path nodes in Inkscape

I'm attempting to create an isometric view of a laptop with a code block on its screen (left picture). Each section is its own separate object that I can either group or form together as a union (I ...
CommonLouis's user avatar
0 votes
1 answer
320 views

How vanishing point and centre of projection both are same?

We know that in perspective projection object positions are transformed to the view plane along lines that converge to the projection reference (center) point like this: But many websites say that COP(...
S. M.'s user avatar
  • 107
0 votes
2 answers
305 views

Adobe Illustrator - Pen tool problem (isometric design)

I am following a tutorial for isometric design. (https://www.youtube.com/watch?v=eFHxknDs4Mk&t=208s) My problem is when I finished the first path as in the tutorial I can not start a new one ...
Small Groot's user avatar