Рубрика: Photoshop Уроки | Урок прочитали: 890
 (голосов: 0)

Текст из кетчупа в Фотошоп

В этом уроке я покажу вам как используя программу Adobe Photoshop создать текст написанный кетчупом. Так же, в конце урока мы немного размажем текст.
Начнем!

Помидор
Исходник от переводчика:
Томат

Этап 1. Подготовка текста

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

Примечание переводчика: Вы можете воспользоваться для написания текста шрифтами, которые я нашла для Вас :
Шрифт Adventure
Шрифт Arensdorff Ink

  1. откройте Photoshop и создайте в нем новый документ с параметрами, которые указаны в шаге № 5 ниже;
  2. создайте новый слой поверх нового, активируйте инструмент Горизонтальный текст.
  3. в настройках текста установите черный цвет, в библиотеке шрифтов выберите необходимый и подберите размер согласно размеру вашего документа;
  4. напишите желаемое слово;
  5. над слоем с текстом создайте новый слой. Активируйте инструмент Кисть. В настройках установите круглую жесткую кисть черного цвета. Дорисуйте капли, неровности и переходы между буквами;
  6. выделите слой с текстом и слой с брызгами, а затем нажмите комбинацию клавиш Ctrl+Е, что позволит вам соединить два слоя в один и одновременно растрировать текстовый слой;
  7. создайте новый слой над слоем "Фон" и нарисуйте на нем полоску как показано в шаге № 3. Так же, объедините слой с полоской и слой с текстом в один общий слой.
  8. установите цвет переднего плана на # db4b17. Зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя с текстом, для того что бы получить выделение по контуру. Встаньте на слой с текстом, активируйте инструмент Заливка и сделайте щелчок по выделенной области, для того что бы заполнить черные буквы выбранным цветом.
  9. теперь сразу можете переходить к выполнению "Этап 2. Шаг №2" :) 

Второй вариант для того что бы создать нужные буквы - это использование программы Illustrator. Откройте данную программу активируйте инструмент Текст (Type Tool (T)), затем выберите в настройках тип шрифта Script font.  Напишите необходимое слово.

Активируйте инструмент Перо (Pen Tool (P)) в Illustrator. И на основе выбранного шрифта нарисуйте силуэты букв вручную. Старайтесь нарисовать буквы более небрежно чем в оригинальном шрифте, это сделает финальный результат более реалистичным.

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

Создайте контур нарисованного текста. Затем нажмите Control+C для того что бы скопировать контур.

Теперь откройте программу Photoshop и создайте в ней новый документ, нажав комбинацию клавиш Ctrl + N. Размер документа задайте в таких величинах: ширина - 2254 пикс. ; высота - 964 пикс.; разрешение - 300 пикс\дюйм; цвет фона - белый.

Этап 2. Первоначальная обработка текста в Photoshop

При активном контуре текста сделайте щелчок по иконке "Создать новый корректирующий слой"  ("Add Adjustment Layer ") и в списке выберите  "Цвет" (Solid Color). В настройках установите цвет # db4b17.

Сделайте двойной щелчок по слою с текстом, для перехода в меню Стиль слоя (Layer Style). Установите настройки как показано на изображениях ниже:
- Тиснение (Bevel and Emboss):

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

- Глянец (Satin):

 - Наложение цвета (Color Overlay):

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

 - Внешнее свечение (Outer Glow):

- Тень (Drop Shadow):

Результат который вы получите после применения стилей слоя, должен быть похож на этот:

Зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя с текстом. Создайте новый слой. Перейдите к Редактирование - Выполнить обводку (Edit > Stroke). Введите настройки как показано ниже:

Для того что бы сделать край обводки мягче, перейдите к Фильтр - Размытие - Размытие по Гауссу (Gaussian Blur filter).

Активируйте инструмент Перемещение (Move tool). Затем, воспользовавшись стрелками на клавиатуре, переместите размытый контур на два пункта влево и на два пункта вниз.

Зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя с текстом. Переместите выделение по контуру текста на два пункта влево и на два пункта вниз. При активном выделении текста, встаньте на слой с обводкой и нажмите на иконку Добавить слой маску (Add layer mask) в нижней части панели слоев. Теперь осталась видима лишь часть обводки по левому краю текста.

Повторите шаги №3-6, чтобы добавить еще один размытый контур. Но на этот раз двигайте обводку вверх и вправо. В итоге вы получите похожий результат:

Добавим еще один ободок другого цвета  - # ffe2c0. Новый ободок должен быть нарисован на отдельном слое. Так же к нему примените фильтр  Размытие по Гауссу (Gaussian Blur filter), но значение размытия должно быть немного больше чем в предыдущий раз.

Примечание переводчика: значение размытия установите в 1,5 - 2 раза больше чем в шаге № 4

Зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя с текстом. Переместите выделение по контуру текста на несколько позиций вправо. Встаньте на слой со второй обводкой и добавьте к нему слой-маску (layer mask).

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

Создайте новый слой. Установите цвет переднего плана на # bb0c07.
Создайте выделение по контуру текста (зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя с текстом). Активируйте инструмент Заливка (Paint Bucket Tool) и закрасьте новым цветом выделенную область.
Затем активируйте инструмент Ластик (Eraser Tool), в настройках выберите мягкую круглую кисть с небольшой непрозрачностью (оpacity). Сотрите часть нового красного  текста, как показано на скриншоте ниже:

Понизьте непрозрачность (оpacity) слоя с красным текстом до 10%.

На данном этапе текст выглядит так:

Создайте новый слой поверх всех предыдущих, а затем активируйте инструмент Кисть (Brush Tool). Перейдите в меню для настройки кисти (brush panels) нажав клавишу быстрого доступа F5. Настройте кисть как показано на картинках ниже:

Прорисуйте на новом слое центр текста используя цвет # be0c08.

На данном этапе вы получите похожий вид текста:

Снова активируйте инструмент Кисть (Brush Tool) и перейдите к панели настроек данного инструмента. Введите значения, которые вы видите ниже:

Создайте еще один новый слой поверх остальных. Установите цвет переднего план на белый. Прокрасьте кистью края текста.

Продолжайте добавлять белые брызги. В итоге буквы должны выглядеть приблизительно как на картинке ниже:

Понизьте непрозрачность (оpacity) слоя с белыми брызгами до 50%.

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

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

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

Этап 3. Добавляем томат

Откройте изображение с помидором в новом документе. Активируйте инструмент Перо (Pen Tool (P)) и отделите томат от фона. Удалите фон.

Перетащите овощ в основной рабочий документ.

Масштабируйте помидор. Разместите его как показано в примере.

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

Создайте новый слой. Активируйте выделение по контуру помидора. Воспользуйтесь черной мягкой круглой Кистью (Brush Tool) и прокрасьте левую нижнюю часть овоща.

Понизьте непрозрачность (оpacity) последнего слоя до 30%.

Создайте новый слой под слоем с помидором. Назовите его "Тень". Установите цвет переднего плана на черный. Активируйте инструмент Кисть (Brush Tool). В настройках установите круглую мягкую кисть большого размера, и маленькой непрозрачностью. Нарисуйте мягкую тень, как на рисунке ниже:

Создайте новый слой над слоем "Тень". Установите цвет переднего плана на # ce786d. Прорисуйте блик на поверхности от томата.

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

Вот что должно получится в итоге:

Этап 4. Добавляем размазанные линии

Наш текст выглядит слишком аккуратно. Для того, что бы он выглядел более реалистично мы добавим несколько небрежных мазков. Начнем с создания произвольной формы. Активируйте инструмент Перо (Pen Tool) и создайте контур кляксы возле буквы "Р". Затем просто примените к нарисованному элементу стиль слоя который мы применили к слою с текстом.

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

Стоя на слое с кляксой перейдите к меню Стиль слоя (Layer style). Установите флажок возле функции Слой-маска скрывает эффект (Layer Mask Hides Effects).

Добавляем к слою с произвольной фигурой слой-маску. Активируйте инструмент Кисть (Brush Tool). Мягкой, черной, круглой кистью с средней непрозрачностью сделайте край кляксы мягче и прорисуйте некоторые области произвольной фигуры.

Создайте новый слой под слоем с кляксой. Активируйте инструмент Прямолинейное лассо (Polygonal Lasso Tool) и нарисуйте произвольный многоугольник. Залейте полученную форму цветом # b5621e.

Активируйте инструмент Ластик (Eraser Tool). В настройках инструмента установите круглую мягкую кисть среднего размера. Пройдитесь ластиком по фигуре многоугольника и сотрите некоторые его области.

Добавьте еще один слой поверх слоя с многоугольником. Используйте инструмент Кисть (Brush Tool) и добавьте к многоугольнику немного цвета # 973b1d. Это придаст пятнышку больше реалистичности.

Установите цвет переднего плана на оранжевый -  # ecb877. Активируйте инструмент Кисть (Brush Tool), в настройках понизьте непрозрачность (оpacity) инструмента. На новом слое нарисуйте произвольные, тонкие мазки поверх слоя с многоугольником, кляксой и буквы "Р".

Продолжайте рисовать произвольные линии, но на этот раз используйте цвет - # f46d15.

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

Осталось лишь оценить конечный результат!

На этом урок окончен. В данном примере я показал вам как добиться реалистичного эффекта "Кетчуп" используя несложные приемы и инструменты программы Photoshop. Надеюсь у вас получаться очень интересные текстовые эффекты!

Автор: Mohammad Jeprie

           

Похожие файлы и публикации:

Текст из кетчупа в Фотошоп
В этом уроке вы узнаете как используя программу Photoshop создать текст из кожи. Этот текст идеально подходит к предстоящему празднику Хэллоуин. Так же вы можете использовать его в дизайне плакатов или листовок. Мы будем использовать для работы текстуру кожи и добавим швы и шрамы к нашим страшным буквам.
Текст из кетчупа в Фотошоп
В этом уроке мы будем создавать интересный абстрактный эффект для текста используя  инструмент Перо (Pen Tool) и гранжевые кисти. Я покажу вам как нарисовать тонкие волокна при помощи инструмента Перо (Pen Tool) и применить их к надписи.
Текст из кетчупа в Фотошоп
В этом уроке я покажу вам как шаг за шагом создать интересный текстовый эффект используя программу Photoshop.
Текст из кетчупа в Фотошоп
В этом уроке вы узнаете, как создать футуристический гранжевый текст с царапинами и неоновым светом. Давайте приступим!
Текст из кетчупа в Фотошоп
Скоро Пасха и в сегодняшнем уроке, я покажу вам простой способ нарисовать яйцо в Photoshop. Яйцо сделано с нуля, и оно будет создано в качестве векторной формы, что позволяет изменять размер без потери качества.
Текст из кетчупа в Фотошоп
В этом уроке я покажу вам, как создать в Photoshop текст укрытый листвой.
Текст из кетчупа в Фотошоп
В этом уроке, мы узнаем, как создать красивый абстрактный коллаж используя программу  Adobe Photoshop. В уроке мы будем использовать корректирующие слои, приемы маскирования частей изображения, а так же работать с освещением.
Текст из кетчупа в Фотошоп
В этом уроке я покажу вам как создать красивый цветочный текст из роз. Для работы мы будем использовать стили слоя, текстуры и PNG изображение розы. Как результат у нас получится красивый праздничный текст. Вы сможете дополнить его , украсить или изменить по настроению и необходимости. Единственное ограничение - ваша фантазия! Я надеюсь, этот текст станет хорошим дополнением ко многим из ваших творческих работ или добавит изюминку в поздравительную открытку!
Текст из кетчупа в Фотошоп
Создайте новый документ размером 1350 x 1000 пикселей.  Установите основной цвет #4ea6d0, а цвет фона #195081. Создайте радиальный градиент от центра документа к одному из его углов.
Текст из кетчупа в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Текст из кетчупа в Фотошоп
Финальное изображение.
Текст из кетчупа в Фотошоп
В этом уроке вы узнаете как, используя программу Photoshop, можно создать простые и оригинальные абстрактные обои для рабочего стола. В работе мы будем использовать фигуры, текстуры и кисти.
Текст из кетчупа в Фотошоп
В данном уроке мы создадим красивый текст из искорок света используя несколько реальных изображений. Данный урок не сложен в исполнении и не займет много времени, зато у вас получится оригинальная работа.
Текст из кетчупа в Фотошоп
Огненный текст - одна из классических техник, которые любят применять в уроках по Photoshop. Я покажу другую версию использования изображения реального огня, с применением фильтров и режима наложения. Поехали!
Текст из кетчупа в Фотошоп
Трудно поспорить с тем что эффект светящейся вывески, придает тексту очень интересный вид. И кроме того, данный прием может очень пригодиться в многих коммерческих и просто индивидуальных проектах.