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

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

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

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

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

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

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

Создание экструдированного глянцевого 3D эффекта для текста

Создание экструдированного глянцевого 3D эффекта для текста

То, что 3D эффекты безусловно вошли в оформление сайтов, рекламных блоков и прочих атрибутов оформления веб-страниц и видеороликов, спорить не приходтся. Это всегда нравится и производит хорошее впячетление на тех кому это предназначается.

Еще один из методов создания изображения текста с 3D эффектом, в котором будут использованы два популярных стиля, мы подробно рассмотрен на этом уроке.

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

Параметры нового документа

Зальем фоновый рисунок темно-синим цветом #2a374d и применим к нему фильтр Фильтр ⇒ Шум ⇒ Добавить шум с параметрами указанными на рисунке.

Параметры фильтра Добавить шум

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

Фоновое изображение

Создадим новый слой Слой 1. С помощью инструмента Овальная область создадим выделение со следующими параметрами.

Параметры инструмента Овальная область

Выделенную область зальем белым цветом и установим параметр Непрозрачность на панели Слои 70%.

Рисунок после заливки выделенной области

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

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

Рисунок с текстом

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

Контекстное меню панели Слои

На переключателе Выбора основного цвета выберем черный цвет, нажав клавишу D, выделим текст нажав клавишу Ctrl и щелкнув левой кнопкой мыши по Миниатюре слоя и зальем текст черным цветом, нажав Alt + Backspase.

Выделение и заливка копии текстового слоя

Теперь воспользуемся приемом уже знакомым нам по предыдущим урокам. Произведем несколько раз трансформацию текста, чтобы придать ему видимость 3D. Откроем Выделение ⇒ Трансформировать выделенную область.

Меню Выделение

Установим на панели Опции параметр Ш 99%.

Параметры трансформирования

Нажмем на пиктограмму Выполнить трансформирование на панели Опции и зальем выделенный текст черным цветом нажав Alt + Backspace.

Повторим эту операцию несколько раз.

Процес трансформирования текстового слоя

В итоге должен получится вот такой рисунок.

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

Выделим слой с основным текстом и дважды щелкнем по нему левой кнопкой мыши. Откроется диалоговое окно Стиль слоя. Установим параметры стиля слоя согласно рисунка.

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

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

Прараметры слоя Глянец

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

Рисунок после применения стилей слоя

Активируем копию текстового слоя и вызовем диалоговое окно Стиль слоя. Установим параметры стиля слоя согласно рисунка.

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

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

Параметры стиля слоя Глянец

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

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

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

Активируем основной текстовой слой и создадим дубликат слоя. Растрируем новый слой. С помощью инструмента Прямоугольная область выделим на слое прямоугольную область как показано на рисунке.

Рисунок после выделения прямоугольной области

Перейдем к инструменту Ластик и установим параметры как показано на рисунке.

Параметры инструмента Ластик

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

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

Теперь перейдем к следующим эффектам. Для получения эффекта искрения создадим новый слой Слой 2. Возьмем кисть с параметрами указанными на рисунке и создадим кистью мазок белого цвета.

Параметры инструмента Кисть

Применим к мазку трансформацию, нажав сочетание клавиш Ctrl+T и сделаем вытянутый рисунок.

трансформация рисунка

Нажмем на пиктограмму Выполнить трансформирование.

Создадим дубликат слоя. Далее меню Редактирование ⇒ Трансформирование ⇒ Поворот на 90 по часовой.

Меню Редактирование

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

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

Объединим два созданный нами слоя Слой 2 и Слой 2 Копия, выделив слои и нажав сочетание клавиш Ctrl + E. Далее нажмем Ctrl +T и уменьшим лучи.

Луч создан

Дважды продублируем новый слой и разместим лучи как показано на рисунке.

Созданы три луча

Теперь остался последний штрих. Создадим новый слой и возьмем инструмент мягкая кисть с параметрами указанными на рисунке.

Параметры мягкой кисти

Нанесем кистью мазки в местах, где разместиль лучи. В итоге у нас получился вот такой рисунок.

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