[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
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /gd/ - Graphic Design

Thread replies: 12
Thread images: 7
File: isometric_long2.jpg (78 KB, 725x645) Image search: [Google]
isometric_long2.jpg
78 KB, 725x645
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 (3 KB, 575x392) Image search: [Google]
Untitled.png
3 KB, 575x392
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 (183 KB, 1920x1040) Image search: [Google]
Screenshot-1451698362.png
183 KB, 1920x1040
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 (71 KB, 1920x1080) Image search: [Google]
Screenshot-1451698501.png
71 KB, 1920x1080
>>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 (124 KB, 1920x1080) Image search: [Google]
Screenshot-1451699113.png
124 KB, 1920x1080
>>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 (137 KB, 500x440) Image search: [Google]
071d.gif
137 KB, 500x440
>>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 (113 KB, 1920x1040) Image search: [Google]
Screenshot-1451850642.png
113 KB, 1920x1040
>>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

banner
banner
[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 [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.