Advertisement
  1. Web Design
  2. Sketch

Руководство по режимам смешивания в Sketch

by
Read Time:2 minsLanguages:

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

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

Читайте дальше

Sketch – векторный инструмент для создания дизайна, который лучше всего использовать при работе с UI и при создании иконок. Меньше ассоциируется с работой с растровыми изображениями. Но в нем есть функции, которые вы можете использовать для создания интересных изображений. Одна из них – режимы смешивания. В Sketch их 15, все они могут быть вам знакомы по другим приложениям по работе с графикой.

  • Затемнение
  • Эффект умножения
  • Затемнение основы
  • Осветление
  • Экранирование
  • Осветление основы
  • Наложение
  • Мягкий свет
  • Жесткий свет
  • Разница
  • Исключение
  • Цветовой тон
  • Насыщенность
  • Цветность
  • Яркость

Режимы смешивания можно применять прямо на объекты, либо когда вы выбираете их заливку.

Режимы смешивания затрагивают два и более объекта (изображения, текст, фигуры) и применяет свои алгоритмы к их цветовым каналам. Каждый пиксель пересчитывается и отображается.

Режим затемнения, например, заменит светлые пиксели темными на основе основного цвета объекта под ним. Это работает и с градиентами, так что самые светлые пиксели будут также полностью заменены, а те, что "менее светлые" будут затронуты в меньшей степени. За деталями насчет того, как работает каждый из режимов, переходите к статье Джона Катрелла по режимам смешивания в CSS:

Заключение

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

Вдохновение

Ознакомьтесь с этими экшнами и фильтрами на GraphicRiver, которые используют режимы смешивания для очень крутого эффекта!

Double Exposure Kit

Light Burst Photoshop Action

Intense Paint Photoshop Action

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.