Алхимия Дизайна
Программа курса:
1. Рисование и работа с объектами
В этом уроке мы на примере кнопок, разобрали как создаются разные эффекты и стили. Работа с объектами, инструменты рисования, создание объема, и работа со свойствами слоя.
Работа со стилями слоев
- Opacity (Непрозрачность) влияет на всё, включая стили слоя.
- Fill (Заливка) влияет только на содержимое слоя.
Прозрачная кнопка поверх картинки → Заливка (Fill)
Фон сепия → Слой прямоугольник + (Слой + заливка выделенной области + Filter → Noise → Add Noise)
Тень объекта
- заливку выделения и размытие
- копия елемента и размытие
3. Продвинутое использование слоёв
Мы поговорили о слоях, разобрали их основные свойства и функции. Сделали несколько вариантов тонировки фотографий, и главное — сделали пример главной страницы современного и стильного промо-сайта!
4. Работа с масками и смарт-объектами
Мы разобрали такую важную тему, как "Смарт-объекты". Где они применяются, какие у них свойства, функции. Обсудили, в каких случаях их обязательно нужно применять, и рассмотрели, как смарт-объекты используются в Мокапах.
Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя.
Преимущества смарт-объектов
- Выполнять обратимые трансформации. Можно масштабировать, поворачивать, наклонять, деформировать слой или применять к нему перспективное преобразование или заказную деформацию без потери исходных данных изображения или качества.
- Работать с векторными данными.
- Выполнять обратимое изменение параметров фильтров, примененных к смарт-объектам.
- Редактирование смарт-объекта автоматически отражается на всех связанных с ним экземплярах.
Нельзя выполнить операции, которые изменяют данные пикселов (такие как рисование, осветление, затемнение или клонирование) непосредственно в слое смарт-объекта до тех пор, пока он не будет преобразован в обычный слой и растрирован.
5. Стили и создания элементов дизайна
В этом уроке я описал основные элементы, которые создают стиль в дизайне. На примерах разобрали тонкости и детали, на что нужно обращать внимание, при создании дизайна (Графика, фотографии, иконки, шрифты, композиция, отступы и т.д.). И в качестве практики, сделали стильную и современную карточку товара.
6. Обработка графики и фото
В этом уроке мы разобрали на примере, как применять инструменты и техники, которые мы изучили на прошлых уроках — к фотографиям и объектам. В результате получился эффектный и стильный коллаж, для Nike!
7. Дизайн промо-сайта
На основе графики, которую мы сделали в прошлый раз, в этом уроке мы доработали дизайн навигационных элементов, и собрали завершенную страницу. В итоге получился дизайн-концепт, стильного и вкусного промо-сайта!