Дизайн бизнес сайта

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

1. Создайте новый документ размером 900х900 пикселей. Выберите инструмент Градиент (Gradient Tool) и сделайте линейную заливку цветами #224371 и #4b86c4.

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

3. Сделайте выделение холста (Ctrl+A), потом перейдите в меню Редактирование»Кадрировать (Image > Crop). Это удалит верхнюю часть прямоугольника, которая находится за пределами холста. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

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

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

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

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

4. Напишите названия разделом меню и создайте разделители – две 1-пиксельные линии разного цвета.

5. Найдите изображение карты мира (желательно с белым фоном). Вставьте его в наш документ под навигационную панель, установите Режим наложения – Умножение (Blending Mode – Multiply) и Непрозрачность – 75%.

6. Добавьте заголовок сайта и слоган:

7. Создайте новый документ размером 25х25 пикселей. Инструментом Карандаш (Pencil Tool) размером 1 пиксель нарисуйте узор, показанный ниже.

8. Потом перейдите в меню Редактирование»Определить узор (Edit > Define Pattern) и сохраните ваш узор. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) в режиме контуров создайте прямоугольник. Инструментом Перо (Pen Tool) кликните правой кнопкой на контуре и выберите Образовать выделенную область (Make Selection). Выберите инструмент Заливка (Paint Bucket Tool) и в настройках сверху выберите сохранённый узор.

9. Залейте выделение узором, примените Наложение цвета (Layer Style - Color Overlay): цвет – белый, и установите Непрозрачность слоя – 10%.

10. Загрузите этот набор иконок. Вставьте иконку замка в эту область и создайте поля регистрации.

11. Продолжайте заполнять сайт контентом и вставлять иконки:

12. На левой стороне создайте большой прямоугольник с закруглёнными краями:

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

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

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

13. Найдите в интернете три изображения на тему бизнеса. Вставьте их в наш документ, сделайте одинакового размера и расположите горизонтально. Потом объедините все три слоя с изображениями. Сделайте выделение слоя с изображением (Ctrl+Click), скопируйте его в буфер обмена (Ctrl+C) и удалите слой. Сделайте выделение слоя с большим прямоугольником (Ctrl+Click) и перейдите в меню Редактирование»Вклеить в (Edit > Paste Into). Теперь ваше изображение появится в прямоугольнике и сможет менять положение в его пределах. Скопируйте изображение два раза и расположите их друг на друге. Потом объедините все слои изображения ещё раз. Добавьте маску слоя (Layer Mask) и сделайте заливку градиентом слева на право.

14. Заполните левую сторону контентом и синими кругами из набора иконок.

15. Под этим прямоугольником добавьте ещё одну статью:

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

17. Создайте новый слой (Create New Layer) под слоями футера. Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже.

18. Залейте его белым цветом и примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением около 48 пикселей. Установите Режим наложения – Перекрытие (Blending Mode – Overlay):

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