Тема: Проектування верхньої частини сторінки в редакторі Adobe PhotoShop. Швидке створення логотипа

Що робити?

Як робити?

Создать новый слой и назвать его Banner

Выделить область баннера при помощи инструмента Прямоугольное выделение.

Залить выделенную область другим цветом (например, темно-голубым: #003366)

Открываем набор Button в палитре слоев и создаем новый слой highlight ниже слоев всех кнопок

Активный слой highlight. Окрашиваем область кнопок градиентом.

Выделяем область кнопок.

Выбираем белый цвет:

Берем инструмент Gradient:

Выбираем режим линейного градиента с параметром От фонового к прозрачному:

Задаем путь градиента:

Снять выделение

CTRL+D

В наборе Button создать еще один слой. Назвать его strip и разместить над слоем highlight

Выделяем узкую прямоугольную область в нижней части кнопок

Инструментом Eyedropper (Пипетка) взять образец цвета навигационной панели (небесно-голубой) и раскрасить полоску этим цветом. Переместите слой strip над набором button.

Сделайте полоску уже с помощью Свободной трансформации

CTRL+T, изменить размер, Enter

Для слоя strip можно также настроить эффекты слоя

Layer, Layer Style, Drop Shadow, подобрать настройки

Перезаписати файл Maket.psd

Що робити?

Як робити?

Активизируйте самый первый слой или набор в палитре слоев. Создайте новый набор.

Нажать на стрелку в правом верхнем углу палитры слоев, выбрать пункт New Layer Set, ввести имя logo.

Выбрать инструмент Custom Shape Tool. Подгрузить все векторные картинки.

Выбрать картинку и нарисовать логотип

Выполним растеризацию слоя с логотипом

ПКМ на Shape1, Rasterize layer

Уменьшить непрозрачность слоя с логотипом

Добавим какую-нибудь надпись оранжевого цвета

И еще немного желтых букв

Перезаписати файл Maket.psd

Що робити?

Як робити?

К фону области основного содержания можно применить градиент. Для этого предварительно создайте новый слой. Он должен быть самым нижним, перед слоем Background. Выделите прямоугольную область. Подберите градиент из серого и голубого цветов.