Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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

Шапка сайта с 3D объектом


Шаг 1
Создайте новый документ размером 1000х750 пикселей. Кликните дважды на фоновом слое, чтобы разблокировать его и примените стиль Наложение цвета (Layer Style - Color Overlay): цвет – тёмно-коричневый.

Шапка сайта с 3D объектом


Шаг 2
Перейдите в меню Просмотр»Линейки (View > Rulers). Создайте две горизонтальные направляющие на отметках 30 и 250 пикселей. Потом две вертикальные на отметках 100 и 900 пикселей.

Шапка сайта с 3D объектом


Шаг 3
Инструментом Прямоугольник (Rectangle Tool) создайте прямоугольник, используя направляющие. Назовите этот слой “header”

Шапка сайта с 3D объектом


Шаг 4
Установите цвет заливки – чёрный. Выберите инструмент Эллипс (Ellipse Tool) и создайте овал, как показано ниже. Это будущая тень. Назовите этот слой “shadow” и расположите под слоем “header”. Слой с овалом преобразуйте в смарт-объект – кликните правой кнопкой на слое в палитре слоёв и выберите нужный пункт.

Шапка сайта с 3D объектом


Шаг 5
К слою “header” примените стиль Наложение градиента (Layer Style - Gradient Overlay): стиль – радиальный.

Шапка сайта с 3D объектом


Шаг 6
Выберите инструмент Линия (Line Tool) и создайте линию светлее фона шапки. Потом создайте чёрную линию на 1 пиксель выше первой. Выберите оба слоя с линиями и объедините их в группу (Ctrl+G). Назовите группу “vDivider”. Перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Выберите инструмент Градиент (Gradient Tool), стиль – радиальный, от чёрного к белому, и сделайте заливку, как показано ниже.

Шапка сайта с 3D объектом


Шаг 7
Инструментом Горизонтальный текст (Horizontal Type Tool) напишите меню белым цветом. Объедините все текстовые слои в группу (Ctrl+G) и назовите её “White Links”.
Сделайте копию группы и расположите её под оригиналом. Измените цвет текста этой группы на чёрный и поднимите на 1 пиксель вверх и влево. Это создаст 3D эффект.

Шапка сайта с 3D объектом


Шаг 8
Повторите шаг, но в этот раз создайте вертикальные разделители. Инструментом Линия (Line Tool) создайте две линии и объедините в группу. Сделайте 5 копий группы и расположите разделители между остальными разделами меню.

Шапка сайта с 3D объектом


Шаг 9
Выберите все группы с разделителями и объедините их в группу “Dividers”. Потом примените маску слоя (Layer Mask).

Шапка сайта с 3D объектом


Шаг 10
Найдите любой узор. Откройте его в Photoshop и перейдите в меню Редактирование»Определить узор (Edit > Define Pattern). Назовите его webPattern.
Сделайте копию слоя с шапкой сайта и назовите её “pattern”. Перейдите в меню Стилей слоя и отключите стиль Наложение градиента (Gradient Overlay) и примените стиль Наложение узора (Pattern Overlay): выберите узор webPattern, Режим – Перекрытие (Overlay).
Примените маску слоя и сделайте радиальную заливку, чтобы оставить узор только в нижней части шапки.

Шапка сайта с 3D объектом


Шаг 11
Теперь можно добавить логотип и 3D объект – ложку.
Текстовым инструментом напишите название сайта и примените следующие стили:

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

Шапка сайта с 3D объектом


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

Шапка сайта с 3D объектом




Обсудить данный урок на форуме




Ссылка на источник урока