Уроки » Веб-дизайн → Шаблон "Blue-Gray" - Нижний колонтитул  

:
Создайте новый набор слоев (Set) и назовите его Footer

Шаблон "Blue-Gray" - Нижний колонтитул


:
Создайте новый слой и выберите инструмент Rectangular Marquee Tool :rectangu: и создайте выделение в нижней части холста. Залейте выделение градиентом из двух любых цветов. Я использовал такие цвета

Шаблон "Blue-Gray" - Нижний колонтитул


:
Теперь нажмите на инструмент Rectangle Marquee Tool :rectangu: и подержите кнопку мыши, в появившемся списке выберите инструмент Single Row Marquee Tool :single_r:

Шаблон "Blue-Gray" - Нижний колонтитул


:
Создайте выделение в виде линии над вашим прямоугольником и залейте его более темным оттенком вашего цвета. Примените фильтр Filter > Blur > Gaussian Blur > Radius:1.3

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

:
Теперь добавьте текст и если хотите тень с помощью Drop Shadow

У меня получилось вот что.

Шаблон "Blue-Gray" - Нижний колонтитул

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

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

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

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

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

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

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

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

Автор - Blake

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

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

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

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

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


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

 

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

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