Уроки » Веб-дизайн → Шаблон "Blue-Gray" - Заголовок  

:
Создайте новый набор слоев (Set) который будет содержать все слои вашего заголовка

Шаблон "Blue-Gray" - Заголовок


:
Создайте выделение с помощью Rectangle Marquee Tool :rectangu: в верхней части холста и залейте его градиентом из двух цветов.

Шаблон "Blue-Gray" - Заголовок


Или любые другие цвета (один темнее, другой светлее)
Тип градиента Reflected

Шаблон "Blue-Gray" - Заголовок


:
Создайте новый слой и с помощью Single Row Marquee Tool :single_r: создайте выделение в виде линии, залейте его цветом более светлым чем два предыдущих.

:
Создайте еще одну линии как в 3 шаге но цвет должен быть более темным чем два предыдущих. Разместите линии рядом, снизу заголовка.

Шаблон "Blue-Gray" - Заголовок


:
К основному слою с градиентом примените стиль слоя Outer Glow с такими параметрами.

Шаблон "Blue-Gray" - Заголовок


:
Добавьте текст на ваш заголовок, Цвет текста белый, примените к нему стиль слоя Drop Shadow

Шаблон "Blue-Gray" - Заголовок


:
Добавьте под основным текстом, слоган или девиз сайта. Шрифт поменьше. Примените к нему Drop Shadow и смените тип смешивания слоя на Overlay

:
Вот что в итоге получилось у меня

Шаблон "Blue-Gray" - Заголовок

Информация к уроку:

Категория - Уроки » Веб-дизайн

Дата публикации: 3-02-2011, 07:12

Опубликовал: killot

Просмотров: 788

Комментариев: 0

Ссылки к этой статье:

Источник - The Design World

Автор - Blake

Переводчик - Killot

Найти - Все уроки с The Design World

Еще по этой теме:

Шаблон «Гранж» часть 1 Шаблон «Гранж» часть 1
В этом уроке я покажу вам как создать стильный ...
Шаблон «Гранж» часть 2 Шаблон «Гранж» часть 2
Продолжение к уроку Шаблон «Гранж». В этом уроке ...
Простой шаблон Простой шаблон
В этом уроке мы создадим простой, но полноценный ...
Шаблон Шаблон "Blue-Gray" - Панель навигации
Продолжаем создавать наш шаблон, теперь создадим ...
Шаблон Шаблон "Blue-Gray" - Нижний колонтитул
Продолжаем создавать наш шаблон "Blue-Gray" В ...
Шаблон Шаблон "Blue-Gray" - Интерфейс
С этого урока мы начнем создавать полноценный ...
Создаем шаблон простого сайта Создаем шаблон простого сайта
Если вы впервые начали рисовать шаблон для ...
Темно-красный заголовок Темно-красный заголовок
Создаем профессиональный темно-красный заголовок ...
Черный профессиональный заголовок Черный профессиональный заголовок
Создаем профессиональный заголовок для сайта ...
Индустриальный заголовок для игры Индустриальный заголовок для игры
В этом туториале вы узнаете как создать стильный ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Какому программному продукту посвящен данный ресурс
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: