Добро пожаловать в 3-ю часть нашей серии советов, которые помогут вам более продуктивно использовать Sketch. На сей раз мы сосредоточимся на том, как вы можете применить свои навыки в Sketch, управляя светом и тенью в композиции. (Пропустили 1-ю часть? Вы найдете ее здесь!)

21. Над краем

Композиция, свет и тень в Sketch | Над краем

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

22. Объединение света и тени, для создания глубины

Композиция, свет и тень в Sketch | создания глубины

Светлые тени кажутся ближе (больше на переднем плане), чем темные тени.

23. Монохроматические цветовые вариации имитируют поверхности со складками

Композиция, свет и тень в Sketch | Монохроматические цветовые вариации имитируют поверхности со складками

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

24. Направленный свет образует жесткие тени

Композиция, свет и тень в Sketch | Жесткие тени

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

25. Рассеянный свет образует мягкие тени

Композиция, свет и тень в Sketch | Мягкие тени

Используйте рассеянный свет, чтобы добиться мягкой тени, которую можно воссоздать с помощью эффекта размытия. Чтобы добиться этого, выделите объект, и отрегулируйте Размытие по Гауссу на контрольной панели.

26. Использование расстояния между объектами и их тенями

Композиция, свет и тень в Sketch | Расстояния между объектами и их тенями

Изменяя расстояние от тени до отбрасывающего ее объекта, вы можете создать иллюзию расстояния между объектом и поверхностью. В этом примере объект напоминает прыгающий мячик.

27. Множественные источники света

Композиция, свет и тень в Sketch | Множественные источники света

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

28. Линия горизонта

Композиция, свет и тень в Sketch | Линия горизонта

Введя в композицию линию горизонта, вы можете создать ощущение перспективы и угла обзора.

29. Перекрытие объектов

Композиция, свет и тень в Sketch | Перекрытие объектов

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

Спасибо, что заглянули в наш блог! Если вы начинающий пользователь Sketch, почему бы вам не написать в комментариях о своих успехах?

Больше советов по Sketch

Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 1: Начало работы в Sketch