Рисуем сайт "Портфолио Дизайнера"

Создайте новый файл, размером 766*699 px и 72 dpi.
Инструментом Rectangle Tool (U), делаем выделение, как на рисунке:

Применяем следующие параметры: (Blending OptionsGradient Overlay)

Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - белый. Создаем изображение, как на рисунке, после чего EditDefine Pattern.

Вверху страницы, рисуем инструментом - Rectangle Tool (U), полосу:

Параметры слоя: Fill 0%, Blending Options-Pattern Overlay:

Выше нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу и закрашываем цветом - #BBDD03:

Создаем копию полосы (белые точки), используя - Free Transform переверните копию полосы в основание фона:

Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #729C06. Создаем изображение, как на рисунке, после чего EditDefine Pattern.

Ниже нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу:

Fill 0%, Blending Options-Pattern Overlay:

Инструментом Pen Tool (P), рисуем украшения фона, цвет - #AAD500:

Другой рисунок, цвет - #AAD700

Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #E3E3E3. Создаем изображение, как на рисунке, после чего EditDefine Pattern.

Инструментом Rounded Rectangle Tool (U), рисуем:

Blending OptionsDrop Shadow

Blending OptionsPattern Overlay

Сделайте две копии последнего сделанного слоя и копируйте их, как показано на рисунке:

Rounded Rectangle Tool (U), цвет - #EBEBEB, настройки:

Копируем последний слой, свободная трансформация, уменьшаем размер, цвет - #49BD14

Инструментом - Rectangle Tool (U) делаем выделение, как на рисунке:

Зажав Alt нажимаем мышкой между двумя последними слоями. Fill 50%.

Для заключительного результата, мы объединяем слои с иконками, и копируем их 2 раза. После чего перемещаем иконки на 2 оставшиеся картинке, после чего меняем их цвета. Первая копия - #ED9300; вторая копия - #5EA9D1. Blending OptionsStroke, как показано выше.

Пишем номера в иконки, после чего Free Transform, поворачиваем их:

Blending OptionsDrop Shadow

Напишите название сайта:

Blending OptionsDrop Shadow

Новый слой. Точки, цвет - #D7FF00:

Создайте таблицы, и подпишите карточки:

Инструмент карандаш, рисуем точки:

Копируем слой с разделительной полосой:

Полосы должны иметь следующие настройки. Blending OptionsOuter Glow

Rounded Rectangle Tool (U), настройки:

Blending OptionsDrop Shadow

Копия слоя. Инструментом свободная трансформация, уменьшаем, цвет - #6DD800

Rectangle Tool (U), рисуем как на рисунке, цвет - #A9DB7C

Удерживая ALT, жмем мышкой между последними слоями:

Тоже самое делаем, для двух остальных картинок. Меняем только цвет: вторая кнопка #F6C073; третья - #89B4C7 (Blending OptionsStroke как выше):

Пишем название кнопок:

Blending OptionsDrop Shadow

Rectangle Tool (U) рисуем белые квадраты:

Blending OptionsDrop Shadow

Вставляем картинки в квадраты:

Rectangle Tool (U), рисуем двойную линию, левая сторона должна быть зеленая, правая - белая:

Параметры для левой полосы: Fill 0%, Blending OptionsPattern Overlay

Параметры для правой полосы: Opacity 70%, Fill 0%, Blending OptionsPattern Overlay

Копируем слой с полосой и перемещаем ее на другой край:

Напишите необходимый текст (ниже настройки для различных текстов):

Ellipse Tool (U), рисуем круг, цвет - #FFD40F

Blending OptionsDrop Shadow

#2 Практика - Как создать портфолио для веб-дизайнера

Интересные записи

• Создание логотипа на изображениях для защиты авторских прав
• Сделать шапку сайта в фотошопе
• Как выделить объект в фотошопе
• Книга Photoshop б для профессионалов
• Фотограф из США создал сайт с татуированными в Photoshop знаменитостями
• Как обрезать изображение в фотошопе