На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 9305
Средней сложности Размещено: 07.03.2011 г.

Глянцевый сверкающий текст в Фотошоп


В этом уроке Фотошоп вы узнаете, как создать сверкающий глянцевый текст с переливающейся текстурой. Мы будем использовать различные техники смешивания и эффекты стилей слоя для качественного результата.

Превью финального результата:


Глянцевый сверкающий текст в Фотошоп


Создаем в Photoshop новый документ (Ctrl+N) размером 1024х768 рх с разрешением 72 рх/дюйм и белым фоном. Прежде чем начать, обращаю ваше внимание на то, что стили слоя хорошо работают для размера шрифта не более 220 pt (240 pt для заглавной буквы). Если вы используете другой шрифт, нежели у меня, то играйте с настройками. Вы можете изменить конечный размер изображения без потери эффектов после сведения всех слоев.
Разблокируем фон двойным кликом по его миниатюре, преобразуя в слой.


Теперь, открываем «Стили слоя» (Layer-Layer Style или клик по иконке «fx» внизу панели слоев) и выполняем настройки для параметра «Наложение градиента» (Gradient Overlay):


Глянцевый сверкающий текст в Фотошоп


Глянцевый сверкающий текст в Фотошоп


Сделаем фон полосатым при помощи диагонального узора. Загрузите мой узор в Фотошоп из ресурсов урока через меню «Управление наборами» (Edit-Preset Manager) или используйте свой. После загрузки узор должен появиться в общем наборе. Создаем Новый пустой слой (Ctrl+Shift+N или Layer-New Layer) и заливаем (Edit-Fill) его нашим паттерном. В диалоговом окне заливки укажите не цвет, а узор («регулярный» (pattern)). Нажмите Ок.


Теперь, чтобы полосочки получились изогнутыми, как шкурка зебры, перейдите в меню Фильтр-Искажение-Скручивание (Filter > Distort > Twirl) и установите угол на 200 °.


Глянцевый сверкающий текст в Фотошоп


Изменяем режим смешивания (Blending Mode) узорного слоя на Перекрытие (Overlay) и снижаем его непрозрачность (Opacity) до 10%.


Глянцевый сверкающий текст в Фотошоп


Создаем Новый слой (Ctrl+Shift+N) выше предыдущего и выбираем мягкую Кисть (Brush) размером 500 рх цветом #ff0096. Ставим цветное пятно в центре холста.


Изменяем режим смешивания пятна на Перекрытие (Overlay).


Глянцевый сверкающий текст в Фотошоп


Активируем инструмент «Горизонтальный текст» (Horizontal Type Tool) и загружаем в Фотошоп рукописный шрифт, предоставленный мной. В верхнем меню устанавливаем размер шрифта сначала на 240 pt и пишем заглавную букву «G», затем вводим размер 220 рt, нажимаем Enter (Ввод) и дописываем слово более мелкими буквами. Если хотите отрегулировать межзнаковый интервал (Trecking), введите его значнеие в палитре «Символ» (Window-Character) или установите курсор между нужными буквами и, удерживая Alt, сдвиньте их при помощи стрелок клавиатуры на любое расстояние.


Глянцевый сверкающий текст в Фотошоп


Далее, загружаем выделение текстового слоя (Ctrl+клик по иконке этого слоя или меню Select > Load selection) и отключаем его видимость (глазик в панели слоев).


Создаем Новый слой (Ctrl+Shift+N) под слоем с текстом и переходим в меню Редактирование-Выполнить обводку (Edit > Stroke). Указываем ширину обводки в 3 рх.


Глянцевый сверкающий текст в Фотошоп


Снижаем уровень заливки (Fill) слоя с обводкой до 0% и добавляем в «Стилях слоя» (Layer Style) параметр «Тиснение» (Bevel and Emboss). Выполняем настройки со скриншота ниже:


Глянцевый сверкающий текст в Фотошоп


Глянцевый сверкающий текст в Фотошоп


Настраиваем форму контура, выбирая из меню «Конус» (второй по счету):


Глянцевый сверкающий текст в Фотошоп


Возвращаемся на текстовой слой и дублируем его (Ctrl+J) трижды. Растрируем каждый из дубликатов, нажав пр.кн.мыши по миниатюре и выбрав пункт – Растрировать текст (Rasterize). Помещаем копии выше слоя с обводкой.


На слое с первой копией снижаем уровень заливки (поле Fill) до 85% и открываем «Стили слоя» (Layer Style), добавляя следующие эффекты:


Глянцевый сверкающий текст в Фотошоп


Тень (Drop Shadow):


Глянцевый сверкающий текст в Фотошоп


Внутренняя тень (Inner Shadow):


Глянцевый сверкающий текст в Фотошоп


Внутреннее свечение (Inner Glow):


Глянцевый сверкающий текст в Фотошоп


Тиснение (Bevel and Emboss):


Глянцевый сверкающий текст в Фотошоп


Контур (Contour):


Глянцевый сверкающий текст в Фотошоп


В диалоговом окне контура нажмите на сам контур и измените положение кривой так, как показано ниже:


Глянцевый сверкающий текст в Фотошоп


Наложение градиента (Gradient Overlay):


Глянцевый сверкающий текст в Фотошоп


Для опции «Наложение узора» (Pattern Overlay) выберите из набора программы «Узоры 1» паттерн «Атлас» (Satin), нажав на стрелку справа в диалоговом окне, и загрузив его:


Глянцевый сверкающий текст в Фотошоп


Переходим на вторую копию текста и снижаем уровень заливки (Fill) до 0%. Открываем «Стили слоя» (иконка «fx» внизу панели слоев) и выбираем параметр «Тиснение» (Bevel and Emboss), выполняем настройки со скриншота:


Глянцевый сверкающий текст в Фотошоп


Глянцевый сверкающий текст в Фотошоп


В диалоговом окне «Тиснения» открываем кривую контура, нажав по окошку, и формируем ее положение, как показано ниже:


Глянцевый сверкающий текст в Фотошоп


В отдельной опции «Контур» (Contour) также изменяем положение кривой, следуя скриншоту:


Глянцевый сверкающий текст в Фотошоп


Переходим на третью копию текста и добавляем к ней эффект «Глянец» (Satin), открыв окно «Стили слоя» (Layer Style).


Глянцевый сверкающий текст в Фотошоп


Глянцевый сверкающий текст в Фотошоп


Теперь, возвращаемся на слой с полосатой текстурой и дублируем его (Ctrl+J). Помещаем копию выше всех слоев в панели. Загружаем выделение текстового слоя (Ctrl+клик по иконке слоя) и на дубликате текстуры переходим в меню Фильтр-Искажение-Сферизация (Filter > Distort > Spherize) и устанавливаем сумму (Amount) на 50%. Нажимаем Ок, применив фильтр. Инвертируем выделение (Select-Inverse или Ctrl+Shift+I) и удаляем лишнее с дубликата текстуры клавишей Delete. Снимаем выделение (Ctrl+D).


Глянцевый сверкающий текст в Фотошоп


Устанавливаем режим смешивания этого слоя на Перекрытие (Overlay) с непрозрачностью (Opacity) 20%. Теперь наши буквы приобрели красивую выпуклую форму.


Глянцевый сверкающий текст в Фотошоп


Далее, дублируем (Ctrl+J) слой с полосатой текстурой текста, чтобы создать эффект блеска. Изменяем режим смешивания дубликата на «Растворение» (Dissolve) и снижаем его непрозрачность (Opacity) до 14%. Создаем Новый пустой слой (Ctrl+Shift+N) выше предыдущего и объединяем его с низлежащим слоем с эффектом растворения (Ctrl+E).


Глянцевый сверкающий текст в Фотошоп


Изменяем режим смешивания для объединенного слоя на Перекрытие (Overlay), установив непрозрачность (Opacity) на 80%. Чтобы удалить блестящий эффект на краях букв, загрузите выделение текстового слоя (Ctrl+клик по иконке слоя), затем перейдите в меню Выделение-Модификация-Сжать (Select> Modify> Contract) с радиусом 2 рх, далее меню Выделение-Модификация-Растушевка (Select > Modify > Feature) с радиусом 2 рх, и Выделение-Инверсия (Select > Inverse). Удаляем лишнюю блестящую текстуру клавишей Delete или переходим в меню Edit > Clear.


Глянцевый сверкающий текст в Фотошоп


В завершении, добавим сверкающую звездочку поверх текста, используя набор кистей программы «Assorted Brushes». Активируйте инструмент Кисть (Brush Tool) и в верхнем меню откройте палитру кистей, нажав на стрелку. Чтобы загрузить набор «Assorted Brushes» («Разные кисти»), в открывшейся палитре нажмите стрелку справа и выберите из списка нужный набор. Выберите кисть «Маленькая звездочка» № 50 и поместите звезду на отдельном слое (Ctrl+Shift+N) в область изгиба заглавной буквы, как на изображении внизу.


Глянцевый сверкающий текст в Фотошоп


Мы закончили! Получилось блестяще и очень впечатляюще!


Глянцевый сверкающий текст в Фотошоп


исходный размер финального изображения

Используемые материалы:


Шрифт «Wrexham Script font»

Диагональный узор
PSD файл урока

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Alexandra Fomicheva/Анастасия Суркова/" title="Alexandra Fomicheva/Анастасия Суркова">Alexandra Fomicheva/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 16




Рейтинг популярности: 2.8/5 (Всего оценок: 40)

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



В галерею
10.04.2014 10.04.2014  Владимир Носков

Спасибо за хороший урок!


В галерею
25.09.2013 25.09.2013  kolly

Спасибо большое за урок!


В галерею
10.07.2011 10.07.2011  мандаринка

Ну просто чудесный урок! Так бы и съела этот текст. Уж очень он вкусно выглядит ;)


В галерею
14.03.2011 14.03.2011  photoshop-info

Спасибо за добрые слова! Хотелось бы увидеть ваш результат выполненного урока. Будем ждать:)


В галерею
14.03.2011 14.03.2011  KatRussia

Спасибо за очень подробный и интересный урок! Я новичок, но у меня почти все получилось.)) У Вас на редкость интересный и удобный сайт.