Меню
Учебник
Партнёры

Вход
Макет портфолио дизайнера
Макет портфолио дизайнера.

13 марта 2009г. ART-D, опубликовано в Adobe Photoshop, Web Layout

В этом уроке мы покажем вам как создать привлекательный макет портфолио.

Создаем новый файл (File>New — Файл>Новый) размером 980 х 700 пикселей и с разрешением в 72 пиккселей/дюйм.
Используя инструмент «Прямоугольник» (Rectangle Tool (U)) попробуем сделать фон макета, тот который мы хотим видеть в итоге.
Макет портфолио дизайнера




Используем следующие параметры для созданрого слоя: Опции (Options)>Градиент Наложения (Gradient Overlay).
Макет портфолио дизайнера




Далее определяем параметры градиента:


Макет портфолио дизайнера


Макет портфолио дизайнера




Используя тот же инструмент попробуем изобразить следующий слой, относящийся к фону макета:

Макет портфолио дизайнера




Параметры слоя: Заливка (Fill) 0%, Опции смешивания (Blending Options)> Градиент Наложения (Gradient Overlay)
Макет портфолио дизайнера




Параметры градиента:

Макет портфолио дизайнера

Макет портфолио дизайнера




Затем, применив инструмент «Закругленный прямоугольник» (Rounded Rectangle Tool) с радиусом 15 пикселей изображаем запасное окно для панели портфолио и просмотра содержимого.

Макет портфолио дизайнера



Параметры слоя: Опции смешивания (Blending Options)> Обводка (Stroke)

Макет портфолио дизайнера




Параметры градиента:


Макет портфолио дизайнера

Макет портфолио дизайнера




На главной панели портфолио размещаем ту картинку, которая у нас есть (У меня была картинка из Platinum Image Conception Studio). Нажимаем кнопку Alt и кликаем мышкой между слоями картинки непосредственно по самой панеле (на палитре слоев)


Макет портфолио дизайнера

Макет портфолио дизайнера



Используя инструмент «Прямоугольник» (Rectangle Tool (U)) попробуем сделать запасной слой для меню макета в нижней части палитры слоев.
Макет портфолио дизайнера



Нажимаем кнопку Alt и кликаем мышкой между меню слоя и предыдущим слоем.


Макет портфолио дизайнера


Параметры слоя: Заливка (Fill) 60%


Макет портфолио дизайнера




На панеле меню мы разместим картинки, которые предварительно обрежем и подгоним по размеру. Устанавливаем те же самые параметры для слоя-картинок: Опции смешивания (Blending Options)> Обводка (Stroke)
Макет портфолио дизайнера

Макет портфолио дизайнера




Вставляем имя дизайнера, сохраняя следующие требования из данной таблицы:


Макет портфолио дизайнера


Фрилансер

Макет портфолио дизайнера



Портфолио дизайнера

Макет портфолио дизайнера








Выбираем инструмент «Закругленный прямоугольник» (Rounded Rectangle Tool (U)) с радиусом 15 пикселей и изображаем кнопку черного цвета:

Макет портфолио дизайнера



Делаем три копии слоя с изображением кнопки, а затем применив опцию “Свободная Трансформация” (Free Transform) меняем размеры копий и размещаем копии так, как показано ниже. Мы можем использовать опцию «Линия» (Line) для коррекции изображения.


Макет портфолио дизайнера



Выбираем те же параметры для слоя кнопок. Заливка (Fill) 40%


Макет портфолио дизайнера




Вставляем названия для кнопок, сохраняя следующие требования:

Макет портфолио дизайнера


Портфолио

Макет портфолио дизайнера


Биография, блог

Макет портфолио дизайнера


designer@mail.com (адрес электронной почты)

Макет портфолио дизайнера



На заключительном этапе вставляем телефонные номера:

Макет портфолио дизайнера


Макет портфолио дизайнера



А вот и готовый макет!

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.