Советы по 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

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

Каллиграфия и леттеринг для начинающих

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

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Zeplin.io – способ подружить дизайнера и верстальщика

Zeplin – это новый и очень перспективный сервис, цель которого подружить и ускорить взаимодействие дизайнеров и других разработчиков. На данный момент сервис вышел с бета тестирования и уже его испытать в действии. Поддержка Sketch уже есть из коробки, а Photoshop появится немного позже.