Рисуем идеальную пунктирную линию в Sketch
Наш канал в

Моя оригинальная статья по созданию пунктирных линий в Sketch была довольно популярна. К сожалению, после апдейта на 3.4 версию, описанный мной метод перестал работать (значения пунктиров нельзя вводить десятичными дробями).

Однако, я провел некоторое время и нашел способ, как заставить это работать снова. Вот, что нужно сделать:

Нарисуйте линию и измените ее концы на окружности.

пунктирная линия в Sketch

Затем, определите стиль вашей линии. Например, я хочу 5 точек на расстоянии друг от друга. В моем оригинальном методе, это будет значить стиль границы:

Толщина: 5, длина черты: 0,01, расстояние: 10

Мы больше не можем вводить десятичные дроби в Sketch, но мы можем заставить его сделать это автоматически. Для этого, просто умножьте ваши значения на 100:

Толщина: 500, длина черты: 1, расстояние: 1000

dotted-2

Это приведет к созданию огромного круга. Далее, выберите линию и используйте инструмент Scale (Edit → Scale). Измените масштаб до 1%.

dotted-3Вам покажется, что линия исчезла, но она просто стала очень короткой. Выберите линию и измените ее масштаб до 400, например.

dotted-4

Теперь, вы увидите идеальную пунктирную линию. Если вы посмотрите на свойства границы, вы увидите значение длины черты 0,01.

Вы можете изменять направление, размер, цвет при сохранении ее идеальной формы. Вы также можете применить этот стиль к другим линиям и объектам (Edit → Copy Style, Edit → Paste Style).

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Каллиграфия и леттеринг для начинающих

Изучение каллиграфии – непростой процесс, но с правильными методическими материалами это может занять меньше времени, чем вы думаете.

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Zeplin.io – способ подружить дизайнера и верстальщика

Zeplin – это новый и очень перспективный сервис, цель которого подружить и ускорить взаимодействие дизайнеров и других разработчиков. На данный момент сервис вышел с бета тестирования и уже его испытать в действии. Поддержка Sketch уже есть из коробки, а Photoshop появится немного позже.