Читать


Главная » 2018 » Июнь » 20 » Урок 31. Рисуем объёмную плоскую иконку
21:33
Урок 31. Рисуем объёмную плоскую иконку

Сегодня в тренде минимализм, для графики свойственен плоский стиль. Но даже, используя простые формы и заливку, можно добиться объёма и глубины. В данном уроке рассмотрим простейшие принципы создания объёмной flat иконки. По сути мы будем создавать векторную графику, поэтому при желании можно использовать следующий принцип построения объёмной плоской графики не только в фотошопе, но и в Иллюстраторе, Кореле и подобных редакторах.


Начнём с формы щита. Используя инструмент Перо (P) нарисуем одну его половину.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Выберем мнструмент «Выделение контура» (A), скопируем полученную фигуру в буфер обмена (Ctrl+C) и вставим в область этого же слоя (Ctrl+V). Теперь отразим дубль по горизонтали (Редактирование - > Трансформирование контура - > Отразить по горизонтали).


Урок по фотошопу. Рисуем объёмную плоскую иконку


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


Урок по фотошопу. Рисуем объёмную плоскую иконку


Выходим из режима редактирования контура (Enter) и дублируем слой с фигурой (Ctrl+J). Теперь переходим в режим транформации (Ctrl+T) И пропорционально уменьшаем дубликат.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Таким же образом создаём ещё один дубликат.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Прежде, чем мы перейдём к подбору палитры, нужно добавить ещё одну важную деталь, без которой объём не будет достаточно очевидным. Речь о блике. Нарисуем фигурой «Прямоугольник» соответствующую фигуру над слоем с первой фигурой щита и создадим обтравочную маску (Ctrl+Alt+G).


Урок по фотошопу. Рисуем объёмную плоскую иконку


Таким же образом создадим блик на верхней (наименьшей) фигуре щита.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Можно уже выставить цвета и добавить какой-либо символ на переднюю часть щита.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Теперь можно обратить внимание на среднюю часть щита. А именно нам нужно затенить верхние «внутренние» грани обрамления.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Осталась самая малость. Под щитом фигурой «Окружность» нарисуем приплюснутый овал, который будет замещать собой тень на полу от щита. Также продублируем слой с символом, нижний слой (оригинал) сместим немного в сторону бликованной части и окрасим в цвет затемнённой части щита. Также при желании можно добавить ещё небольшоё блик на обрамление щита - форма его может быть какой угодно.


Урок по фотошопу. Рисуем объёмную плоскую иконку


Таким образом, мы создали довольно простой пример объёмной графики, нарисованной в плоском стиле. Насыщая элементы бОльшим количеством более контрастных теней и бликов, можно добиться ещё бОльшего объёма.


Исходник урока, запакован в zip-архив весом 45 КБ

Скачать архив




Самые первые уроки, рассчитанные для начинающих, смотрите здесь.



Категория: Уроки | Просмотров: 40 | Добавил: M-Wizard | Рейтинг: 0.0/0
Теги: иконка, флэт, объёмная, фотошоп, урок, рисуем

Всего комментариев: 0
avatar


НЕКОТОРЫЕ ПУБЛИКАЦИИ БЛОГА


ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЯ