Как Сделать Фон для Сайта в Фотошопе
Исходники:
- Фон
- Шрифт
- Иконки
Шаг 1. Создание документа и фона.
Создайте новый документ (Ctrl+N) размером 1200х1340px и чёрным (#000000) фоном. Скачайте фон для сайта и скопируйте в документ. Расположите его так, чтобы солнечная вспышка находилась в правом верхнем углу. Добавьте маску слоя к фону, и залейте слой линейным градиентом снизу вверх, у Вас должно получится, примерно, то же, что и на картинке ниже.
Шаг 2. Создание логотипа
Возьмите инструмент (Rounded Rectangle Tool) с радиусом в 10px (Это будет радиус по умолчанию) и создайте прямоугольник 360х105px.
Добавьте прямоугольнику следующие стили: Blending Options (режим наложения), Drop Shadow (Тень), Stroke (Обводка).
У Вас должно будет получиться что-то вроде этого:
Внутри прямоугольника добавьте название сайта и слоган, используя инструмент Текст (Type Tool).(Название сайта напишите шрифтом Virgo 01)
Стили для первого слова в названии сайта: Drop Shadow (Тень), Gradient Overlay (Наложение градиента).
Стили для второго слова: Drop Shadow (Тень), Gradient Overlay (Наложение градиента).
У Вас получится что-то вроде этого:
Шаг 3. Создание навигации.
Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) и нарисуйте под логотипом прямоугольник.
Добавьте к слою следующие стили: Blending Options (режим наложения), Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Gradient Overlay (Наложение градиента), Stroke (Обводка).
Получится должно что-то вроде этого:
Теперь, Вам нужно будет создать узор. Создайте новый документ (Ctrl+N) 9x9px, выберите инструмент (Zoom Tool) и максимально приблизьте документ. Возьмите инструмент Карандаш (Pencil Tool) и нарисуйте то же, что и на картинке ниже.
После этого перейдите в Редактирование > Определить узор (Edit > Define Pattern), сохраните свой узор и вернитесь к шаблону. Загрузите выделение для слоя с навигацией.
Совет:
Для загрузки выделения зажмите кнопку Ctrl и кликните ЛКМ по иконке слоя в панели слоёв. Теперь возьмите инструмент Заливка (Fill Tool) и выберите свой узор в списке узоров.
