ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

Создание объемного текста с тенью и отражением

Создание объемного текста с тенью и отражением

Продолжим рассмотрение вопросов создания интересного и красочного текста. Приемы создания текста в Photoshop настолько разнообразны, что по ним можно смело создавать циклы уроков, в которых отразить многочисленные примеры разработки текстовых рисунков. На этом уроке мы рассмотрим создание объемного текста с тенью и отражением.

Откроем Photoshop и создадим новый документ Файл ⇒ Создать или нажать сочетание клавиш Ctrl + N.

В открывшемся диалоговом окне выберем параметры как указаны на рисунке.

Создание нового документа Объемный текст с тенью и отражением

В меню Слои выбираем пункт Новый слой-заливка ⇒ Градиент.

Выбор Нового слоя-заливки

В появившемся диалоговом окне Новый слой нажмем ОК.

Новый слой

Появится следующее диалоговое окно Градиентная заливка. Настроим параметры заливки согласно рисунка.

Градиентная заливка

Заливку градиента настроим в Редакторе градиентов, щелкнув мышью по пункту градиент Градиентной заливки.

Редактор градиентов

После градиентной заливки рисунок будет выглядеть так.

Рисунок с градиентной заливкой

Напишем текст, используя инструмент Горизонтальный текст, с параметрами указанными на рисунке.

Параметры текста

На панели Слои нажмем на кнопку Добавить стиль слоя или дважды щелкнем кнопкой мыши по слою Текст. Откроется диалоговое окно Стили слоя. В этом окне нас будут интересовать три стиля: Внутреннее свечение, Тиснение (Контур) и Наложение градиента.

Выберем пункт Внутреннее свечение и настроим параметры слоя согласно рисунка.

Параметры слоя Внутреннее свечение

Далее выберем пункт Тиснение (Контур) и настроим параметры слоя согласно рисунка.

Параметры слоя Тиснение (Контур)

Настроим параметры последненго пункта Наложение градиента.

Настройка параметров слоя Наложение градиента

Панель Слои примет следующий вид.

Панель Слои после после наложения слоев

Теперь создадим три копии текстового слоя. Для этого щелкнем правой кнопкой мыши по текстовому слою. Появится контекстное меню, в котором выберем пункт Создать дубликат слоя. Появится соответсвующее диалоговое окно. Нажмем ОК и копия слоя будет создана.

Окно Создать дубликат слоя

Теперь перейдем в меню Редактирование ⇒ Трансформирование ⇒ Маштабирование.

Маштабирование рисунка

Увеличим размер рисунка на 1% используя параметры меню Опции.

Параметры маштабирования

Создадим с этой копии слоя следующуу копию и проделаем тоже, что и в первом случае.

И так проделаем эту операцию трижды. Панель Слои будет выглядеть следующим образом.

Панель Слои после создания дублирующих слоев

Выделим SEVIDI копия 3, SEVIDI копия 2, SEVIDI копия и нажмем сочетание клавиш Ctrl+Е, для объединения слоев.

Панель Слои после объединения текстовых слоев

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

Панель Слои после создания трех копий текстового слоя

Выделим SEVIDI копия 4, SEVIDI копия 2, SEVIDI копия и нажмем сочетание клавиш Ctrl+Е, для объединения слоев.

Панель Слои будет выглядеть так.

Панель Слои после объединения текстовых слоев

Выделим слой SEVIDI и перейдем в меню Редактирование ⇒ Трансформирование ⇒ Отразить по вертикали.

Рисунок примет следующий вид.

Рисунок после трансформирования

Эта операция проделана для создания эффекта отражения рисунка.

Перейдем к панели Слои и щелкнем по пиктограмме Добавить слой маску.

Добавить Слой-маску

Слой SEVIDI изменит вид.

Панель Слои после создания слоя-маски на текстовом слое

Теперь применим к перевернутому тексту градиентную заливку с параметрами как на рисунке.

Параметры градиентной заливки

Рисунок примет следующий вид.

После градиентной заливки

Теперь создадим тень за текстом. Для этого выделим слой SEVIDI копия 4, нажмем клавишу Ctrl и дважды щелкнем по Миниатюре слоя. Текст на рисунке будет выделен.

Выделение текста

Теперь зальем выделенную область черным цветом. Для этого добавим Стиль слоя Наложение цвета.

Параметры  стиля слоя Наложение цвета

Снимем выделение. Перейдем в меню Редактирование ⇒ Трансформирование ⇒ Искажение и исказим текст как показано на рисунке.

Искажение текста

Теперь на панеле Слои установим Непрозрачность слоя 28%.

Рисунок после установки непрозрачности слоя

А теперь сделаем несколько полос кистью в нижней части рисунка и применим к ним Фильтр ⇒ Размытие ⇒ Размытие в движении.

Окончательно рисунок примет следующий вид.

Финишный рисунок