Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Sketch
Webdesign

Как создать дизайн иконки, используя булевые операции в Sketch

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Alex Bogdanov (you can also view the original English article)

"Булевые операции" ("Boolean operations") в Sketch позволяют вам создавать сложные пути, совмещая существующие формы. Давайте узнаем, как сделать большую часть из них, попробовав создать дизайн иконки в видео ниже.

Смотрите видео

Что такое булевые операции?

"Булевой" в программировании означает тип данных, который может быть "верным"("true") или "неверным" ("false"). В рамках графических редакторов наподобие Sketch мы используем понятие "булевой", чтобы описать, как сочетаются формы, используя такие понятия как "и", "или" и т.д.

Иногда вы можете слышать, как понятие булевой относят к инструменуту "Обработка контуров" ("Pathfinder") со следующими доступными опциями:

  • Объединить: когда результатом будет являться сумма путей обеих зон.
  • Извлечь: когда зона верхнего пути исключается из пути, который расположен снизу.
  • Пересекать: который оставляет зону, в которой фигуры накладываются друг на друга.
  • Разница: прямая противоположность "пересекать", который оставляет зону, в которой фигуры не накладываются друг на друга.

Используем булевые операции

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

Например, при создании иконки якоря мы можем начать с создания двух кругов, из которых верхний мы извлечем из нижнего.

После последующих извлечений, добавим треугольников к основе нашего якоря, используя операцию "Объединить", чтобы совместить все три формы в одну.

Редактирование

Вы могли слышать термин "дизайн неразрушения" ("non-destructive design"), который означает способ работы в графических редакторах, при котором не теряется основная информация при работе. Здесь, например, вы можете подумать, что у нас будет проблема, если мы вдруг захотим увеличить треугольники, но благодаря техникам неразрушения внутри Sketch мы не сожгли мосты окончательно.

Каждый объект внутри Совмещенной Фигуры все еще доступен как отдельный слой, так что выделить и редактировать только треугольники – не проблема:

Наконец, когда вы создали все формы, совместили, извлекли, пересекли их, сделали все необходимое, можете нажать Сгладить (Flatten), чтобы убрать возможность редактировать слои раздельно. Очень похоже на опцию Разобрать (Expand) в Adobe Illustrator, эта оставит вам всего один сложный путь, который больше подойдет для распространения вашей иконки.

Заключение

Четыре булевые операции в Sketch позволяют нам создавать сложные пути, совмещая фигуры различными способами. Как мы показали, они очень полезны при создании дизайна иконок. Используйте их сегодня!

Полезные ссылки

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.