Customize your cookie preferences

We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.

We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic.

[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y / ] [Home]
4chanarchives logo

I'm having trouble getting any kind of isometric shapes set up in Illustrator.


Thread replies: 12
Thread images: 7

File: isometric_long2.jpg (78KB, 725x645px) Image search: [Google] [Yandex] [Bing]
isometric_long2.jpg
78KB, 725x645px
I'm having trouble getting any kind of isometric shapes set up in Illustrator. I've tried several guides and turning snapping on and off yet I still can't get shapes I create to line up at the points, and the lines to meet and not overlap. Does anyone have experience with this?
>>
File: Untitled.png (3KB, 575x392px) Image search: [Google] [Yandex] [Bing]
Untitled.png
3KB, 575x392px
When I manage to line up the other anchor points, this happens at the last one.
>>
>>249713
enable smart guides and follow this
>http://design.tutsplus.com/tutorials/how-to-create-pixel-perfect-artwork-using-adobe-illustrator--cms-23907
other way would be doing things flat and then use extrude bevel to rotate the shapes around (not sure if people use this but it's way easier since you can save the filter config and apply to multiple shapes or groups)
>>
File: Screenshot-1451698362.png (183KB, 1920x1040px) Image search: [Google] [Yandex] [Bing]
Screenshot-1451698362.png
183KB, 1920x1040px
nigga, just make like an isometric grid.

heres how

PT1:

make a rectangular artboard

add vertical strokes to both ends

object -> blend -> make

object -> blend -> blend options:
- spacing: specified steps [50 or something]
ok

select that shit -> right click -> transform -> shear -> 30deg -> ok

ctrl + c -> ctrl + f -> transform -> reflect
>>
File: Screenshot-1451698501.png (71KB, 1920x1080px) Image search: [Google] [Yandex] [Bing]
Screenshot-1451698501.png
71KB, 1920x1080px
>>249749

i forgot, after 4th step: object -> expand -> ok

PT2:

select all that shit and rotate 90 deg

view -> guides -> make guides

carefully draw vertical line on the left side from one vertical intersection to another

holding alt move it exactly one intersection horizontally so it snaps (pic related)

hold ctrl+d until artboard is filled with vertical lines from one end to another

select all the vertical lines, scale them vertically holding alt until they snap at the top and bottom edges of the artboard

view -> guides -> make guides
>>
File: Screenshot-1451699113.png (124KB, 1920x1080px) Image search: [Google] [Yandex] [Bing]
Screenshot-1451699113.png
124KB, 1920x1080px
>>249750

PT3:

YOU GOT YOURSELF AN ISOMETRIC GRID NIGGA

keep those guides in a separate, locked layer

now you can draw whatever you want in isometric projection and everything should snap alright

whenever you need use ctrl + y and zoom to check if everything has snapped to the grid nicely
>>
File: 071d.gif (137KB, 500x440px) Image search: [Google] [Yandex] [Bing]
071d.gif
137KB, 500x440px
>>249751
PT4:

to include flat drawing faces follow that image you have >>249712 and scale and align them with the grid

!! BUT height percentage must be 86.602% no 86.062% which is probably why you had those alignment issues in the first place
>>
>>249712
Im really new to graphic design and would like to ask you where you found this image and if you had anymore like it.
>>
>>249749
>>249750
>>249751
>>249759
Thanks man, that's more than I would have even known to ask for.

>>249794
I Googled "illustrator isometric" and this was the first result: http://www.enjoythisbeautifulday.com/2009/how-we-isometric/
>>
>>249827
>>249794
Cheers
>>
>>249759
Well, shit, that was quite helpful. Not the OP, but thank you.
>>
File: Screenshot-1451850642.png (113KB, 1920x1040px) Image search: [Google] [Yandex] [Bing]
Screenshot-1451850642.png
113KB, 1920x1040px
>>249827
>>249897

here's an example where i fairly recently did a logomark construction in an isometric grid. this shit is useful.
Thread replies: 12
Thread images: 7
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y / ] [Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
If a post contains personal/copyrighted/illegal content you can contact me at imagescucc@gmail.com with that post and thread number and it will be removed as soon as possible.
If a post contains illegal content, please click on its [Report] button and follow the instructions.
This is a 4chan archive - all of the content originated from them. If you need information for a Poster - you need to contact them.
This website shows only archived content and is not affiliated with 4chan in any way.
If you like this website please support us by donating with Bitcoin at 1XVgDnu36zCj97gLdeSwHMdiJaBkqhtMK