
Из этого урока дизайна вы узнаете, как создать интересный красочный макет для сайта.
Навыки для "прокачки":
- создание кисти- создание форм- работа со стилями слоя- работа с кистямиСоздадим новый документ размером: 270X270 пикселей и создадим простую форму с помощью инструмента
Элипс (Ellipse Tool)

Теперь добавим следующие
Cтили слоя (Add a layer style)


Вот что получилось.

Теперь перейдем
Редактирование-> Определить кисть (Edit-> Define Brush Preset)

Теперь введите имя для вашей кисти, и нажмите кнопку
ОК.
Далее активируем
Кисть (Brush) , и создадим несколько пятен, на макете.

Изменим
Режим смешивания слоя (Blend Mode) на
Жесткий свет (Hard Light), и снизим
Непрозрачность (Opacity) этого слоя до
65%
Теперь перейдем
Окно-> Кисть (Windows-> Brushes) и настроим кисть как показано ниже.



Затем создадим новый слой поверх всех слоев, и кистью, которую мы только что создали, будем рисовать на шапке сайта. Обратите внимание, что вам нужно, установить размер кисти 40-50.

Теперь рисуем.

Далее перейдем
Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur) и поставим следующее значение.

Теперь изменим
Режим смешивания слоя (Blend Mode) на
Мягкий свет (Soft Light), и установим
Непрозрачность (Opacity) на
50%
Создадим новый слой (нажмите
CTRL + SHIFT + ALT + N), и измените,
Режим смешивания слоя (Blend Mode) на
Перекрытие (Overlay), и значение
Непрозрачность (Opacity) до 50%, а затем
Кистью (Brush Tool) нарисуем такие же круги.

Наша шапка готова. Теперь создадим несколько форм инструментом
Прямоугольник со скругленными углами (Rounded Rectangle Tool)

Для верхней панели навигации добавим следующие
Cтили слоя (Add a layer style)





Вот как она должна выглядеть.

Для нижней формы снизим
Непрозрачность (Opacity) до
20%.
Теперь добавим текст на наш макет, инструментом
Горизонтальный текст (Horizontal Type Tool)

Создадим новый слой, и инструментом
Карандаш (Pencil Tool) добавим некоторые элементы на панели навигации.

Теперь добавим несколько изображений на наш макет. Это наш окончательный результат.

Вот так выглядел бы макет, если бы мы сделали кисть треугольники.

Или так.

На этом наш урок дизайна окончен. Всего вам доброго и творческих успехов!