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

Декоративный цветной текст в Фотошоп


Сегодня мы создадим красочный декоративный текст в Фотошоп. Чтобы эффект получился впечатляющим, мы будем использовать сочетание различных фигур, образующих яркие слова. Вы узнаете, как пользоваться инструментом Перо (Pen Tool) для создания фигур и как имитировать 3D эффект при помощи соотношения света и тени.

Приступаем!


Предварительный просмотр финального результата:


Декоративный цветной текст в Фотошоп


Шаг 1.


Как обычно, мы начинаем с создания Нового документа (Ctrl+N) в Фотошоп. Я использовал размер документа 3000*2000 с разрешением 300рх/дюйм и прозрачным (Transparent) фоном. Позже такой большой размер всегда можно будет уменьшить.
Далее, сделаем фон для работы. Выбираем Градиент (Gradient Tool) радиального стиля (Radial) цветом от белого к светло-серому (используйте палитру «Swathes» для выбора серого оттенка). Проводим градиент от центра холста к краям.


Декоративный цветной текст в Фотошоп


Приступаем к тексту. Выбираем инструмент «Горизонтальный текст» (Horizontal Type Tool), устанавливаем в верхнем меню шрифт «Maiandra GD» размером 230,66 pt.


Декоративный цветной текст в Фотошоп


Я предпочел написать фразу из песни Beck «I’m a loser baby, so why don’t you kill me» (Я неудачник, малыш, так почему бы тебе не убить меня». Вы можете выбрать свой вариант текста. Размещаем фразу на двух отдельных слоях: сначала пишем первую часть: «I am a», затем «loser» под ней. Как видите, буквы текста расположены на некотором расстоянии друг от друга. Вы можете установить свое межбуквенное пространство (трекинг) в палитре «Символ» (Window-Character), либо, установив курсор между буквами, сдвинуть их при помощи стрелок клавиатуры, нажав клавишу Alt.


Декоративный цветной текст в Фотошоп


Добавляем обводку нашему тексту, используя панель «Стили слоя» (Layer Style). Чтобы открыть диалоговое окно стилей, нажмите внизу панели слоев иконку «fx» и выберите параметр «Обводка» (Stroke). Выполните настройки: размер 1 рх, положение снаружи (Outside), тип заливки цвет (color), цвет красный.


Декоративный цветной текст в Фотошоп


Снижаем уровень заливки (Fill) слоя с верхней частью фразы до 0%, непрозрачность (Opacity) оставляем на 100%.


Получаем результат:


Декоративный цветной текст в Фотошоп


Копируем обводку с верхней фразы на нижнюю. Для этого, на миниатюре слоя с верхней фразой нажимаем пр.кн.мыши и выбираем из выпадающего меню – Скопировать стиль слоя (Copy Layer Style). Затем переходим на слой с нижней фразой и снова нажимаем пр.кн.мыши по его миниатюре и выбираем – Вклеить стиль слоя (Paste Layer Style).


Декоративный цветной текст в Фотошоп


Шаг 2.


Переходим к созданию фигур текста. Создаем Новый слой (Layer-New Layer или Ctrl+Shift+N) и заливаем его (Shift+F5) голубым цветом #06b5ee.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Выбираем инструмент Перо (Pen Tool) в режиме контуров и создаем фигуру изогнутой формы, как на скриншоте ниже:


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Как столько вы закроете контур, нажмите пр.кн.мыши по нему и из меню выберите пункт – Образовать выделенную область (Make Selection). Установите радиус растушевки (Feather) 0%.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Инвертируем образовавшееся выделение (Select-Inverse или Ctrl+Shift+I) и удаляем лишнее клавишей Delete. Снимаем выделение (Ctrl+D) и получаем вырезанную фигуру.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Далее, придадим объем 3d нашей фигуре, используя инструменты Затемнитель (Burn Tool) и Осветлитель (Dodge Tool).


Сначала применяем Осветлитель (Dodge Tool), установив в верхнем меню следующие настройки: размер кисти 476, в диапазоне средних тонов (Midtones) с экспозицией (Exposure) 21%. Имейте в виду, что этот размер кисти подходит для моего размера документа, если же ваш размер меньше, то и кисть должна быть маленького диаметра.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Проведите осветлителем по левой стороне фигуры.


Декоративный цветной текст в Фотошоп


Теперь, переключаемся на Затемнитель (Burn Tool) и проводим инструментом по правой стороне фигуры. Размер кисти 363 рх в режиме средних тонов (Midtones) с экспозицией (Exposure) 16%.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


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


Декоративный цветной текст в Фотошоп


Мы уже можем наложить фигуру на наш исходный текст, но сначала деформируем ее еще немного. Переходим в меню Фильтр-Искажение-Скручивание (Filter-Distort-Twirl) и устанавливаем угол на -85°, нажимаем Ок.


Декоративный цветной текст в Фотошоп


Должно получиться что-то похожее:


Декоративный цветной текст в Фотошоп


Далее, изменим еще форму полученной фигуры, используя фильтр «Пластика» (Filter > Liquify). Слева в диалоговом окне выбираем инструмент «Деформация» (Forward Warp Tool) с небольшим размером кисти (установите справа) и искажаем фигуру, вытягивая ее нижний правый край и немного верхнюю часть влево.


Декоративный цветной текст в Фотошоп


Результат деформации:


Декоративный цветной текст в Фотошоп


Помните о том, что всегда можно изменить положение фигуры при помощи Трансформирования (Edit-Transform или Ctrl+T). Если необходимо, выполните это.


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

Используем Перо (Pen Tool) в режиме контуров и заполняем фигуры тем же голубым цветом, что и ранее. Затем, придаем фигуркам объем при помощи Затемнителя (Burn Tool) и Осветлителя (Dodge), как мы делали с первой фигурой.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


Теперь, выбираем две фигуры:


Декоративный цветной текст в Фотошоп


Они выглядят красиво, но составлять весть текст из фигур одного цвета было бы скучно. Мы разнообразим цвет фигур, используя настройки коррекции «Цветовой тон/Насыщенность» (Image-Adjustment-Hue/Saturation). Выбираем слой с одной из фигур и добавляем ей фиолетового оттенка, передвинув ползунок цветового тона на +87.


Декоративный цветной текст в Фотошоп


Как видите, цвет изменен, но объем 3D сохранился!


Декоративный цветной текст в Фотошоп


Но, если мы передвинем ползунок снова в другое положение, то фигура в результате изменения оттенка потеряет эффект 3d и будет выглядеть плоско и неинтересно. В этом случае поверх нового цвета используйте Затемнитель (Burn Tool) и Осветлитель (Dodge Tool), как мы делали ранее.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


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


Шаг 3. Размещаем фигуры по тексту.


Итак, начинаем накладывать фигурки по нижнему слову текста. Разместите фигуру внутри нижней части буквы «L», как показано в примере:


Декоративный цветной текст в Фотошоп


Продолжаем выстраивать формы друг за другом. Каждое новое наложение в букве начинайте с ее края, а не с середины.


Декоративный цветной текст в Фотошоп


Декоративный цветной текст в Фотошоп


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


Декоративный цветной текст в Фотошоп


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


Декоративный цветной текст в Фотошоп


Вот что у меня получилось:


Декоративный цветной текст в Фотошоп


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


Декоративный цветной текст в Фотошоп


Этот шаг не обязателен, но в моем случае он подчеркивает соотношение света и тени букв, делая текст ярче. Объединяем все слои с фигурами в один, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем Ctrl+E), дублируем полученный слой (Ctrl+J) и обесцвечиваем его (Ctrl+Shift+U). Затем изменяем режим смешивания (Blending Mode) дубликата на Перекрытие (Overlay) и снижаем его непрозрачность (Opacity) до 50%.


Декоративный цветной текст в Фотошоп


Финальный результат изображения!


Декоративный цветной текст в Фотошоп


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


Удачи!


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




Категория: Уроки Фотошопа
Автор (переводчик): Joe Moore/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 15




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

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



В галерею
04.09.2013 04.09.2013  kolly

Очень пигодился Ваш урок Спасибо огромное!


В галерею
27.08.2013 27.08.2013  kolly

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


В галерею
09.08.2012 09.08.2012  AnikA

Спасибо за красивый урок!