Sketch: Заливка иконки, используя наложение символов

Я всегда хотел сделать так, чтобы иконка имела отдельную версию, отличающуюся по цвету или оттенку для обозначения ее состояния. Например, обозначение включено- выключено.

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

Sketch: Заливка иконки, используя наложение символов | Фото 1
В этом примере “иконка” использована, как маска и символ с базовой (синей) заливкой внутри нее.
Sketch: Заливка иконки, используя наложение символов | Фото 2
Иконка и заливка цветом или заполнение изображением.
Sketch: Заливка иконки, используя наложение символов | Фото 3
Наложение сложенных символов для иконки, используемой как маска, с еще одним знаком, используемым для заполнения.
  1. Скачайте этот файл.
  2. Редактируйте знаки и посмотрите, как они меняются.
  3. Измените цвет закрашивания и посмотрите, как это отразиться на иконках.

Примените это на следующем уровне, используя подобную систему для контура иконки. 🙂

Если у вас есть любые советы, как по-другому использовать смарт-символы, чтобы добиться подобного эффекта, напишите мне на email: Francesco@FreeAndWilling.com или оставьте комментарий ниже. Для меня важны ваши комментарии и предложения.

Если вы научились чему-то из этой статьи, пожалуйста, поставьте лайк и поделитесь этой публикацией. Если вы из города Нью-Йорк и вы увлекаетесь программами: Sketch, Principle или InVision, обязательно присоединяйтесь к группе в Meetup.

Спасибо 🙂

Оригинал: Francesco Bertocci

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

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

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

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

Лучшие практики наименования Artboard’ов в Sketch

Привет, сообщество дизайнеров! Я думаю, что все сталкивались с проблемой правильного именования…

Обновление Sketch. Улучшенное выравнивание, редактирование текста в символе и совместная работа

Последние шесть месяцев были одними из самых загруженных и захватывающих в истории Sketch

Sketch for Teams и анонс других функций с конференции Layers

Соучредитель Sketch Питер Омвли выступил на конференции Layers, чтобы объявить о новых интересных функциях, которые вскоре появятся в Sketch.