Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание глянцевого текста с эффектом жевательной резинки

Создание глянцевого текста с эффектом жевательной резинки

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 4-03-2014, 17:57

Создание глянцевого текста с эффектом жевательной резинки


Знаете ли вы насколько мощным и разносторонним может быть инструмент Перо (Pen tool) при правильном использовании. Данный урок по фотошопу посвящен описанию процесса создания глянцевого текста, выглядящего так, как будто он сделан из жевательной резинки. При этом будет использован именно инструмент Перо (Pen tool) и стили слоя. Итак, приступим!

1. Создание эскиза

Шаг 1
Создайте новый документ размером 3000x2400 пикселей. В целях обеспечения надлежащего качества, мы зададим Разрешение, равное 300 точкам на дюйм, так, чтобы нашу работу можно было спокойно распечатывать.

Создание глянцевого текста с эффектом жевательной резинки


Шаг 2
Займемся нашим созданием эскиза, который станет основой нашего дизайна. Для этой цели неплохо было бы использовать графический планшет. Выберите инструмент Перо (Pen tool) и активируйте опцию “Имитировать нажим” (Pen pressure).

Создание глянцевого текста с эффектом жевательной резинки


Я постараюсь имитировать хорошо известный шрифт Bello. Изгибая и деформируя формы каждой буквы, придам своему дизайну более необычный вид. Создайте новый слой и приступайте к формированию эскиза. Для начала используйте тонкую кисть, диаметром примерно 4 пикселя. С помощью нее нужно обозначить общую идею.

Создание глянцевого текста с эффектом жевательной резинки


Затем выберите кисть потолще, диаметром примерно 8 пикселей.

Создание глянцевого текста с эффектом жевательной резинки


Шаг 3
Теперь, когда контуры дизайна определены, можно начинать работу пером.

Создание глянцевого текста с эффектом жевательной резинки


На этом этапе, мы будем работать пером в режиме Контуры (Path), убедитесь что именно этот режим задан на панели опций в верхней части окна программы. Приступайте к созданию плавного контура на основе созданного ранее наброска.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


После того, как контур будет создан, можно приступать к его заливке. Кликните по нему ПКМ и выберите пункт “Выполнить заливку контура” (Fill path). Создайте для заливки новый слой.
В окне выбора цвета задайте флуоресцентный розовый цвет (#ff0060).

Создание глянцевого текста с эффектом жевательной резинки


Залейте таким образом все буквы, составляющие надпись:

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


После того, как будет окрашен вся надпись, отключите видимость слоя с эскизом.

Создание глянцевого текста с эффектом жевательной резинки


2. Создание эффекта объемности

Шаг 1
Далее мы займемся тем, что продадим надписи объемный вид. Для этого нам нужно сначала создать выделенную область, включающую всю надпись. Кликните, удерживая Ctrl, по иконке слоя с надписью.

Создание глянцевого текста с эффектом жевательной резинки


В результате будет создана нужная нам выделенная область:

Создание глянцевого текста с эффектом жевательной резинки


Теперь создайте новый слой над слоем с надписью (Command/Ctrl-Shift-N). Пройдите в меню Выделение > Модификация > Расширить (Select > Modify > Expand). Задайте величину расширения: 20 пикселей.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Выберите инструмент Заливка (Paint Bucket Tool (G)) и залейте выделенную область любым цветом на ваше усмотрение. Я советую вам использовать черный цвет, так как в этом случае тень будет видна более отчетливо.

Создание глянцевого текста с эффектом жевательной резинки


Теперь переместите этот слой с тенью под основной слой с надписью:

Создание глянцевого текста с эффектом жевательной резинки


Шаг 2
Но работа над тенью еще не закончена. При детальном рассмотрении можно заметить некоторые неравномерности в кривизне линий.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Чтобы исправить этот недостаток, и придать линиям идеальную форму, снова выберите инструмент Перо (Pen tool). Закруглите с его помощью все углы. Перемещая опорные точки, добейтесь нужной кривизны.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


Шаг 3
После того как будет подкорректирована форма всех линий и вы будете полностью удовлетворены их видом, можно создавая выемки в основной надписи, придать тени ей более интересный вид
Для этого выделите на палитре слоев слой с основной надписью и, кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску. Она даст возможность скрыть некоторые надписи, и потом проявить их снова, в случае необходимости.

Создание глянцевого текста с эффектом жевательной резинки


Далее нам предстоит пройтись по всей поверхности надписи, и сделать нечто вроде прорезей, там, где это нужно. Здесь вам придется проявить творческий подход, определяя наилучшее расположение для создаваемых прорезей. Очень важно еще и не переусердствовать. Чрезмерное количество выемок испортит дизайн.
На изображениях ниже показаны примеры мест, где обычно располагаются подобные прорези.
В дизайнерских работах подобных этой, правильный выбор мест прорезей очень важен для получения убедительного мультяшного вида
Итак, выберите инструмент Перо (Pen tool) и создайте контур будущей выемки. Убедитесь, что на палитре слоев активна именно слой-маска. Создав контур нужной формы, кликните по нему ПКМ и выберите пункт “Образовать выделенную область” (Make Selection). Задайте Растушевку (Feather) небольшой величины, так, чтобы выемка осталась достаточно резкой. Затем просто закрасьте эту область обычной кистью.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки
Создание глянцевого текста с эффектом жевательной резинки
Создание глянцевого текста с эффектом жевательной резинки


Вот как примерно должно выглядеть первое слово надписи, после добавления выемок:

Создание глянцевого текста с эффектом жевательной резинки


Если вы всем довольны, то переходите ко второму слою. Ниже показано как должна выглядеть надпись после завершения этого процесса:

Создание глянцевого текста с эффектом жевательной резинки


Шаг 4
Теперь займемся непосредственно созданием 3D-эффека. Для этого мы экструзируем контур надписи и применим заливку.
Выделите содержимое слоя с созданной ранее внешней обводкой.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


Выбрав цвет можно приступать к приданию надписи объемности, за счет имитации эффекта экструзии. Выделите на палитре слоев слой с эскизом, кликните по инструменту Прямоугольная область (Rectangular Marque Tool) и нажмите Alt+Backspace.
Это будет наш базовый слой. При детальном рассмотрении вы сможете заметить его под слоем с черной обводкой.
Продолжаем работать над 3D-эффектом.
Сместите при помощи клавиш со стрелками вниз и вправо существующую выделенную область, и нажатием Alt+Backspace снова залейте ее.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


Вот как должна выглядеть наша надпись, в сочетании с созданной экструзией.

Создание глянцевого текста с эффектом жевательной резинки


Теперь, при желании можно изменить цвет экструзии при помощи стиля слоя Наложение цвета (Colour Overlay)

Создание глянцевого текста с эффектом жевательной резинки


4. Создание подтеков

Шаг 1
Так как мы хотим создать текст, который выглядел бы как будто вылепленным из жвачки, нам нужно создать характерные подтеки, соединяющие элементы букв.
Выберите инструмент Перо (Pen tool). Создайте новый слой. Создаваемые подтеки будут узкими в середине и утолщаться в начале и конце.

Создание глянцевого текста с эффектом жевательной резинки


Итак, создайте контур первого подтека и залейте его.

Создание глянцевого текста с эффектом жевательной резинки


Шаг 2
В качестве дополнительного шага можно создать слой-маску и скрыть небольшие участки на поверхности подтека. Так он станет более интересным, получив что-то вроде разрыва.

Создание глянцевого текста с эффектом жевательной резинки


Вот как примерно должен выглядеть ваш первый разрыв:

Создание глянцевого текста с эффектом жевательной резинки


Таким же образом мы, добавив разрывы тут и там, оживим всю надпись.
Вот что должно получиться в результате:

Создание глянцевого текста с эффектом жевательной резинки


5. Первый этап наложения света

Шаг 1
Далее мы займемся тем, что в несколько этапов наложим на надпись свет, придав ей некоторый глянец, свойственный жевательной резинке. Воспользуемся для этого заливкой и кистями.
Итак, начнем с отсветов. Создайте новый слой над всеми существующими слоями. Условимся, что в нашем случае свет падает на текст справа. Ниже я обозначил что-то вроде карты распределения света по поверхности букв.

Создание глянцевого текста с эффектом жевательной резинки


А здесь условно показаны участки, куда нужно будет наложить тени

Создание глянцевого текста с эффектом жевательной резинки


Для начала достаточно наложить предварительные блики. Воспользуемся для этого инструментом Перо (Pen tool), с помощью которого создадим контуры бликов. Их можно выполнить в виде слоев-фигур.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Использованный здесь цвет - #ff92bb. Ниже же вы можете увидеть одно из слов, с наложенными на него бликами.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


Примеры формы бликов

Создание глянцевого текста с эффектом жевательной резинки


Вот как должна выглядеть ваша надпись по завершении этого первого этапа наложения отсветов:

Создание глянцевого текста с эффектом жевательной резинки


5. Наложение теней

Шаг 1
Теперь, когда мы успешно наложили базовые отсветы, можно попробовать наложить простые предварительные тени. Для этого тоже будут использованы инструменты Перо (Pen tool) и Кисть.
На рисунке ниже штриховкой обозначены области, куда мы будем накладывать тени.

Создание глянцевого текста с эффектом жевательной резинки


Итак, создайте новую группу и назовите ее “Тени”. Все слои и тенями мы будем размещать внутри этой группы.
Выберите инструмент Перо (Pen tool) и создайте контуры, которые впоследствии будут преобразованы в выделенные области. Именно их мы потом и прокрасим. При вычерчивании контуров следите за тем, чтобы между краем контура и краем буквы всегда оставалось немного свободного пространства.

Создание глянцевого текста с эффектом жевательной резинки


Теперь выберите мягкую кисть диаметром примерно 100 пикселей, Непрозрачностью (Opacity) 100%, у уменьшите Нажим (Flow) до 15%. Цвет кисти – черный. Если хотите можете активировать режим аэрографной кисти. Данная опция доступна как при работе с графическим планшетом, так и при работе с мышью.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


Ниже показан результат с тенями, наложенными на верхнее слово в надписи:

Создание глянцевого текста с эффектом жевательной резинки


Работаем над вторым словом:

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


По завершении вся надпись должна выглядеть примерно так:

Создание глянцевого текста с эффектом жевательной резинки


7. Второй этап наложения света

Шаг 1
Благодаря наложенным теням наш дизайн стал выглядеть заметно лучше. Далее нам предстоит создать еще один слой и продолжить наложение отсветов и бликов. Это сделает нашу надпись еще более яркой. Используем здесь тот же самый принцип, что и при работе с тенями, только на этот раз кисть должна быть белой.
Этими отсветами нам нужно заполнить оставшуюся незанятой ранее поверхность букв, поэтому при создании контуров для бликов, вам придется поэкспериментировать с их формой и кривизной. Так же при работе кистью не плохо было бы варьировать величину Нажима (Flow) кисти. Чем больше импровизации и спонтанности, тем лучше. По завершению этого этапа ваша надпись должна выглядеть примерно так:

Создание глянцевого текста с эффектом жевательной резинки


Шаг 2
Для усиления глянцевого эффекта отсветы и блики можно частично накладывать один на другой. Получится что-то вроде блестящей, сочной текстуры. Ниже представлен результат:

Создание глянцевого текста с эффектом жевательной резинки


Верхнее слово надписи с наложенными на него бликами:

Создание глянцевого текста с эффектом жевательной резинки


Переходите ко второму слою.

Создание глянцевого текста с эффектом жевательной резинки


По завершению этой стадии наложения света, надпись должна выглядеть примерно как показано на изображении ниже:

Создание глянцевого текста с эффектом жевательной резинки


8. Свет на области экструзии

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

Шаг 1
Скройте стиль слоя Наложение цвета (Color Overlay), примененный к слою с экструзией, так чтобы мы снова отчетливо могли видеть экструдированную область.

Создание глянцевого текста с эффектом жевательной резинки


Создайте новую группу и назовите ее “Штрихи”. Создайте внутри этой группы слой-фигуру в виде прямоугольника. Его высота должна быть достаточной, чтобы перекрывать высоту всей надписи даже при его повороте в соответствии с перспективой экструзии.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


В результате у вас должно получиться что-то вроде штрих-кода. Количество черточек в нем должно быть достаточным, чтобы перекрывать высоту и ширину надписи даже при их повороте. Выделите на палитре слоев группу с созданными линиями, активируйте Свободную трансформацию (Ctrl+T) и поверните штрихи на -45 градусов.

Создание глянцевого текста с эффектом жевательной резинки


Шаг 2
Здесь, при необходимости, вы можете подкорректировать интервалы между соседними полосками.
Итак, начнем работу с нижней части дизайна, перемещаясь против часовой стрелки, расположим полоски как показано на изображении ниже. Достаточно наложить эти полоски на внешнюю поверхность области экструзии.

Создание глянцевого текста с эффектом жевательной резинки


Теперь продублируйте эту группу, преобразуйте дубликат в смарт-объект и пройдите в меню Слои > Создать обтравочную маску (Layer > Create Clipping Mask). В результате длинна созданных ранее полосок будет ограничена только глубиной области экструзии.

Создание глянцевого текста с эффектом жевательной резинки


Шаг 3
Теперь нам нужно изменит цвет наших полосок. Воспользуйтесь для этого стилем слоя Наложение цвета (Color Overlay), задав белый цвет. Затем снова отключите видимость слоя с экструзией. В результате ваша надпись должна выглядеть примерно как показано на изображении ниже:

Создание глянцевого текста с эффектом жевательной резинки


Нам нужно слегка обрезать полоски, так, чтобы они не достигали края области экструзии. Для этого кликните по иконке слоя с экструзией при нажатой клавише Ctrl, и сузьте выделенную область на 10 пикселей.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Шаг 4
Далее мы окрасим созданные таким образом блики, так как на данный момент они выглядят очень уж скучно. Применим к ним стили слоя Наложение узора (Pattern Overlay) и Наложение градиента (Gradient Overlay). При наложении градиента можно использовать цвета #631ca5 и #4a0882, установив Режим наложения (Blend mode) – Перекрытие (Overlay). В конце можно применить еще и Наложение цвета (Color Overlay).

Создание глянцевого текста с эффектом жевательной резинки
Создание глянцевого текста с эффектом жевательной резинки
Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


Вот что должно получиться в результате:

Создание глянцевого текста с эффектом жевательной резинки


8. Создание фона

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

Шаг 1
Создайте под всеми существующим слоями новый слой. На нем мы и создадим наш фон. Назовите его соответственно. Расположите этот слой внутри новой группы. Окрасим этот слой в тот же цвет, что и базовый слой нашей надписи. Напомню – это цвет #ff0060.

Создание глянцевого текста с эффектом жевательной резинки


Шаг 2
Далее создайте новый документ для нашего геометрического узора. Примените при создании документа показанные ниже настройки. Это будет 35-пиксельный квадрат с прозрачны фоном.

Создание глянцевого текста с эффектом жевательной резинки


Теперь создайте новый слой и с помощью Пера (Pen tool) начертите прямоугольный треугольник, соединив левый верхний и правый нижний углы холста. Залейте этот треугольник цветом #c70083, чтобы он лучше сочетался с нашей надписью.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Теперь сделаем внутри треугольника небольшую выемку, чтобы узор получился более интересным. Воспользуйтесь для этого инструментом Перо (Pen tool) и начертите показанный ниже контур. После завершения преобразуйте контур в выделенную область и сотрите ее содержимое.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Шаг 3
Теперь нам нужно поместить этот слой на наш рабочий документ, после чего, дублируя его, образовать целый узор. Для быстрого создания копий, смещайте слой в сторону, удерживая при этом Alt. Периодически объединяйте создаваемые копии в один слой, чтобы ускорить процесс.

Создание глянцевого текста с эффектом жевательной резинки


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

Создание глянцевого текста с эффектом жевательной резинки


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

Такого же эффекта можно было добиться определив узор: Редактирование > Определить узор (Edit > Define Pattern)

Создание глянцевого текста с эффектом жевательной резинки


Теперь нам предстоит сделать наш узор чуть более цветным, применив к нему Наложение градиента (Gradient Overlay). Зададим в настройках градиента цвета #c70083 и #e30357. Остальные настройки показаны на скриншоте ниже.

Создание глянцевого текста с эффектом жевательной резинки


Создание глянцевого текста с эффектом жевательной резинки


Шаг 4
Теперь займемся эффектом винье


 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 14264 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама
"Мастодонт". картридж hp 650 купить . смотреть далее. | деревянные флешки с логотипом оптом

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.