Дизайн портфолио

Конечный результат:

1. Создайте новый документ размером 850х850 пикселей и залейте фон цветом #1b1b1b. В новом слое инструментом Прямоугольная область (Rectangular Marquee Tool) создайте прямоугольник в верхней части холста на всю его ширину:

2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени (Режим – Умножение):

Наложение градиента (Режим – Нормальный, Стиль – Линейный):

Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный):

3. Добавьте заголовок сайта цветами #adc203 и #424242.

4. Справа напишите разделы навигации.

5. Над текстом добавьте иконки:

6. К каждой иконке примените такие стили слоя:

Отбрасывание тени (Режим – Умножение):

Внешнее свечение (Режим – Осветление, Метод – Мягкий):

7. Сделайте выделение каждой области, как показано ниже:

8. Залейте выделения белым цветом и объедините все слои с белой заливкой в один. Установите Непрозрачность слоя – 5%. Потом добавьте маску слоя (Layer Mask) и сделайте заливку зеркальным градиентом так, чтобы верняя и нижняя части переходили в фон.

9. Сделайте копию заголовка сайта, отразите её по вертикали (Transform – Flip Vertical) и опустите под оригинал. Потом добавьте маску слоя к копии и сделайте заливку градиентом так, чтобы нижняя часть скрылась. В результате мы получим отражение. Этот шаг необязателен. Ещё можете создать диагональный узор и залить им шапку сайта.

10. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей создайте фигуру:

11. Примените к ней такие стили слоя:

Наложение градиента (Режим – Нормальный, Стиль – Линейный):

Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):

12. Тем же инструментом создайте квадрат (удерживайте Shift при создании).

13. Примените эти стили слоя к квадрату:

Наложение цвета (Режим – Нормальный):

Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):

14. Скопируйте иконку дома и поместите её в квадрат, рядом напишите название области. Инструментом Овальная область (Elliptical Marquee Tool) создайте белую фигуру поверх квадрата, сделайте выделение слоя с квадратом (Ctrl+Click), Инвертируйте выделение (Select – Inverse) и в слое с белый кругом нажмите Delete. Установите Непрозрачность оставшейся части белого круга – 25%. Сделайте то же самое с чёрным прямоугольником, но на этот раз используйте инструмент Лассо (Lasso Tool) для создания формы свечения.

15. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте прямоугольник под заголовком:

16. Примените к нему такие стили слоя:

Наложение цвета (Режим – Нормальный):

Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):

17. Установите Непрозрачность прямоугольника – 24%.
Потом создайте ещё две области таким же образом.

18. В каждую область добавьте контент.

Финальный результат: