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

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

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

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

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

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

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

Создание объемного текста

Создание объемного текста

При оформлении веб-страницы трудно обойтись без текста. Шрифты, которые используются для этого, не всегда удовлетворяют художественный вкус автора. Photoshop позволяет при использовании стандартных шрифтов, придать им дополнительное художественное оформление, сделать их яркими и выразительными. В этом уроке мы рассмотрим приемы, как сделать текст индивидуальным и привлекательным.

Откроем Photoshop и создадим новый документ Файл ⇒ Создать, с параметрами указанными на рисунке с заливкой черным цветом.

Создание документа Объемный текст Выбор фонового цвета

Теперь выберем инструмент Горизонтальный текст с параметрами указанными на рисунке.

Параметры инструмента Горизонтальный текст

И напишем слово, которое в дальнейшем можно будет использовать на веб-странице или презентации.

Изображение текста

На панели Опции выберем пиктограмму Создает деформированный текст.

Выбор пиктограммы Создает деформированный текст

Щелкним по ней мышью. Появится диалоговое окно Деформировать текст. Установим параметры деформированного текста как указано на рисунке и нажмем ОК..

Параметры деформированного текста

В результате получим вот такое изображение.

Изображение после применения деформации текста

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

Диалоговое окно Создать дубликат слоя Панель слои после создания копии текстового слоя

Отключим видимость верхнего слоя. Выделяем средний слой Sevidi и нажимает сочетание клавиш Ctrl + Е для объединения слоев Фон и Sevidi.

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

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

Теперь откроем в меню Фильтр ⇒ Искажение ⇒ Полярные координаты. Появится диалоговое окно Полярные координаты. Установим параметры фильтра как показано на рисунке и нажмем ОК.

Открытие фильтра Полярные координаты Установка параметров фильтра Полярные координаты

В результате получим вот такой замысловатый рисунок.

Рисунок после применения фильта Полярные координаты

Открываем меню Изображение ⇒ Вращение изображения ⇒ 90° по часовой.

Поворот рисунка на 90 градусов по часовой

Получим вот такое повернутое изображение.

Изображение повернуто на 90 градусов по часовой

Переходим в меню Фильтр ⇒ Стилизация ⇒ Ветер. Откроется диалоговое окно Ветер. Установим параметры фильтра Ветер как показано на рисунке и нажмем ОК.

Открытие фильтра Ветер Параметры фильтра Ветер

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

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

Теперь необходимо применить несколько раз фильтр Ветер с теми же параметрами, что и ранее. Нет необходимости опять идти в меню Фильтр. Для повторного применения последнего фильтра с теми же параметрами служит сочетание клавиш Ctrl+F. Нажимаем несколько раз это сочетание, чтобы получить вот такой объёмный результат.

Результат после многократного применения фильтра Ветер

Теперь повернем холст в исходное положение. Для этого зайдем в меню Изображение ⇒ Вращение изображения ⇒ 90° против часовой.

Изображение прмет следующий вид.

Изображение после поворота на 90 градусов против часовой

Открываем меню Фильтр ⇒ Искажение ⇒ Полярные координаты. Откроется диалоговое окно Полярные координаты. Установим параметры фильтра Полярные координаты как показано на рисунке. После применения фильтра рисунок примет вид как указано на изображении.

Параметры фильтра полярные координаты Рисунок после применения фильтра Полярные координаты

Теперь включим видимость верхнего слоя SEVIDI копия. Дважды щелкнем по нему кнопкой мыши. Появится диалоговое окно Стиль слоя. Его также можно вызвать нажав на пиктограмму на панели Слои Добавить стиль слоя ⇒ Параметры наложения.

Диалоговое окно Параметры наложения

Выбираем стиль Наложение градиета, уставив галочку и выделив его. Появится диалог Наложение градиента. Установим параметры слоя согласно рисунка.

Параметры слоя Наложение градиента

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

Выбираем стильТень, уставив галочку и выделив его. Появится диалог Тень. Установим параметры слоя согласно рисунка.

Параметры слоя Тень

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

Параметры слоя Внутренняя тень

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

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

В результате получился вот такой рисунок.

Финишный рисунок объемного текста