Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 3: Композиция, свет и тень в Sketch

Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 3: Композиция, свет и тень в Sketch

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

21. Над краем

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6 Комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Подробнее

Sketch Toolbox – Менеджер плагинов для Sketch

Супер простой менеджер плагинов для Sketch. Позволяет просматривать самые популярные плагины для Sketch. Загрузка и установка новых плагинов с помощью одного клика. Автоматическое обновление плагинов.
Бесплатный UI Kit от компании Laps для Sketch 3
Подробнее

Бесплатный UI Kit от компании Laps для Sketch 3

Современный, модный и бесплатный UI Kit в плоском стиле от автора Kristaps. UI Kit насчитывает 30 структурированных элементов интерфейса. Он подойдет для создания своего блога или современного сервиса любой направленности.
Git для дизайнеров
Подробнее

Git для новичков и дизайнеров интерфейсов

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

Лучшие статьи, раз в неделю, с доставкой на почту

Total
0
Share