Изометрическая сетка и элементы Sketch ресурсов

Sketch не позволит вам перекос. И все, что вам нужно сделать, это масштаб и повернуть. Принцип, который я применил, заключается в создании базовой изометрической сетки с использованием -30 градусов, -150 градусов и ее вертикальной оси, имеющих равные интервалы. Просто игнорировать точные измерения на данный момент.

Как создать изометрическую графику? В основном, 1. вы можете нарисовать форму коробки/прямоугольника над сеткой 2. вращать 45/-45 3. поместите форму, чтобы соответствовать сетке после вращения 3. теперь используйте команду преобразования (cmd и shift t), теперь выберите один из 8 узлов (в моем случае, я выбираю нижний центр) и используйте клавиатуру вверх/вниз ключ для преобразования формы, пока она не совпадает с одним из ваших изометрических блоков сетки. Да, это ручной процесс, хотя. Но поверьте мне, как только вы сделали со всеми основными элементами, это просто вопрос композиции. 4. Теперь используйте инструмент вращения, чтобы повернуть -60, 60, 120, -120 соответственно, чтобы получить желаемые углы / изометрические грани. В этом-то и дело.

Изометрический шаблон сетки для Sketch больше, чем 1600x1200, который лучше всего подходит для посадочных страниц веб-сайта. Просто убедитесь, что вы не изменить масштаб сетки с помощью инструмента масштаба эскиза. Это увеличит линии сетки, просто используйте метод размера, используя высоту/ширину в правой панели инспектора.Эта изометрическая сетка и элементы были разработаныNbsp;Абинаш Моханти ;- ;Nbsp;Дриббл ;- ;Nbsp;щебетать ;- ;Nbsp;сайт ;- ;Nbsp;Страница источника