Всё для Photoshop, графика, уроки, рамки, шаблоны, PSD, PNG

Банановый текст в Фотошоп

0

Уроки Photoshop

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

Вот о таком тексте и пойдёт сегодня речь.

Банановый текст в Фотошоп

Нам понадобятся для урока такие материалы:

Пальмовый лист

Шрифт

Создайте новый документ 1024 x 683 пикселей.  К фоновому слою примените Наложение градиента (Gradient Overlay) в настройках стилей слоя.

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

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

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

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Чёрно-белому слою с листом установите режим наложения Перекрытие (Overlay).

Банановый текст в Фотошоп

Сделайте активным второй цветной слой с листиком  и создайте контур, как на скриншоте ниже.  Используйте инструменты Перо (Pen Tool), Угол (Convert Point Tool) и Стрелка (Direct Selection Tool), чтобы исправлять и перемещать точки.

Банановый текст в Фотошоп

Нажмите Ctrl + Enter, чтобы создать выделение контура, а затем инвертируйте его с помощью комбинации клавиш  Shift + Ctrl + I. Добавьте маску слоя (нажмите на соответствующий значок в нижней части палитры слоев).

Банановый текст в Фотошоп

Теперь напишите текст. Автор выбрала шрифт Anja Eliane, с размером 220 pt.

Банановый текст в Фотошоп

Щелкните правой кнопкой мыши на слое с надписью и выберите опцию Преобразовать в Кривые (Convert to Shape).

Банановый текст в Фотошоп

Теперь мы можем исправить форму букв, как нам нужно.

Банановый текст в Фотошоп

Переместите опорные точки, чтобы создать на буквах «банановые хвостики».

Банановый текст в Фотошоп

Для того, чтобы создать желаемый контур, вы можете добавить новые опорные точки с помощью инструмента Перо (добавить опорную точку) — (Pen Tool (Add Anchor Point Tool)).

Банановый текст в Фотошоп

Щелкните правой кнопкой мыши на текстовом слое и выберите опцию Растрировать слой (Rasterize Layer).

Банановый текст в Фотошоп

Примените следующие стили слоя на растрированном тексте.

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Создайте новый слой над банановым текстом.  Залейте его белым цветом. Перейдите  в меню Фильтр – Шум – Добавить шум (Filter- Noise — Add Noise).  Примените следующие настройки.

Банановый текст в Фотошоп

Теперь идём в меню Фильтр – Размытие – Размытие по Гауссу (Filter-Blur- Gaussian Blur).

Банановый текст в Фотошоп

Снова идём в меню Фильтр – Рендеринг – Волокна (Filter- Render-Fiber). Нажимайте кнопку Рандомизировать  (Randomize) пока вы не получите подобный результат как на скриншоте.

Банановый текст в Фотошоп

У вас должен получиться такой результат.

Банановый текст в Фотошоп

Сделайте  слой  с волокнами временно полупрозрачным, чтобы увидеть нижний слой с текстом. Создайте овальное выделение с помощью инструмента Овальная область (Elliptical Marquee Tool).  Выделенная область должна охватывать весь текст полностью. Теперь перейдите в меню Фильтр – Искажение – Сферизация (Filter- Distort- Spherize) и используйте для настроек скриншот ниже.

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Установите для этого слоя режим наложения Затемнение основы (Color Burn) и уменьшите Непрозрачность (Opacity) до 55%. Загрузите выделение бананового текста CTRL + клик по миниатюре слоя с текстом, и добавьте маску слоя. Лишние области текстуры должны стать невидимыми.

Банановый текст в Фотошоп

У вас должен получиться примерно такой результат.

Банановый текст в Фотошоп

Дублируйте слой с банановым текстом и дубликат разместите выше слоя с текстурой. Уменьшите Заливку (Fill) слоя на 0%. Примените в настройках стилей слоя Внутреннюю тень (Inner Shadow) и Наложение узора (Pattern Overlay).

Банановый текст в Фотошоп

Этот узор вы можете найти в наборе узоров  Серая бумага (Grayscale paper).

Банановый текст в Фотошоп

Загрузите выделение текстового слоя и создайте новый слой. Выберите мягкую Кисть (Brush),

установите зеленый цвет и Непрозрачность (Opacity) кисти поставьте около 40%.  Нарисуйте пятна, как показано на скриншоте ниже.

Банановый текст в Фотошоп

Установите режим наложения для этого слоя на Цветность (Color) и уменьшите Непрозрачность (Opacity) до 65%.

Банановый текст в Фотошоп

Создайте снова новый слой и выберите более темный цвет (# 766d08), прикоснитесь кисточкой к верхней части букв. Этому слою поставьте режим наложения Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 60%.

Банановый текст в Фотошоп

Снова создайте новый слой, выберите цвет # 453b06 и зарисуйте маленькой кисточкой указанные области на скриншоте.

Банановый текст в Фотошоп

Банановый текст в Фотошоп

И снова создаём новый слой. Выделение текста не снимаем, а  заливаем  его белым цветом на созданном новом слое.

Банановый текст в Фотошоп

Установите режим наложения этому слою на Мягкий свет (Soft Light) и сдвиньте его как показано на скриншоте ниже.

Банановый текст в Фотошоп

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

Банановый текст в Фотошоп

Инвертируйте выделение Ctrl+Shift+I и удалите часть белого слоя, выходящего за границы букв. Область, которую нужно удалить, указана на скриншоте.

Банановый текст в Фотошоп

У вас должен получиться такой результат.

Банановый текст в Фотошоп

Теперь к этому слою применим стиль слоя Внутренняя тень (Inner Shadow). Заливку (Fill) слоя уменьшите до 50 %.

Банановый текст в Фотошоп

Банановый текст в Фотошоп

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

Банановый текст в Фотошоп

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

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Создайте снова белый слой с текстом и переместите его немного вниз и влево, как на примере ниже.

Банановый текст в Фотошоп

Теперь загрузите выделение оригинального текстового слоя (Ctrl + клик по миниатюре слоя ), затем,  чтобы убрать лишнее выделение, зажмите Сtrl+Аlt и щёлкните по миниатюре слоя с белым текстом. У вас должно получиться аналогичное выделение как на скриншоте ниже. Залейте его любым цветом на новом слое.  После этого, вы можете удалить слой, с созданным белым текстом на предыдущем этапе.

Банановый текст в Фотошоп

Установите этому слою Заливку (Fill) 0% и режим наложения Умножение (Multiply).

Банановый текст в Фотошоп

Применим стиль слоя Наложение цвета (Color Overlay) с такими настройками:

Банановый текст в Фотошоп

Сгруппируйте все слои, относящиеся к тексту (кроме фона и временного слоя), нажав комбинацию

клавиш CTRL+G. Затем дублируйте эту группу.

Банановый текст в Фотошоп

Откройте папку скопированной группы, и найдите первый «банановый текст»,  у которого стили слоя как на скриншоте ниже. Сделайте опцию Тень (Drop Shadow) неактивной.

Банановый текст в Фотошоп

Теперь слейте все слои в дублированной группе в один.

Банановый текст в Фотошоп

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

Банановый текст в Фотошоп

Теперь идём в меню Фильтр – Размытие – Размытие по Гауссу (Filter- Blur- Gaussian Blur) и применим такие настройки:

Банановый текст в Фотошоп

Теперь добавим к слою с отражением шум. Для этого, идём в меню Фильтр – Шум – Добавить шум (Filter- Noise — Add Noise).

Банановый текст в Фотошоп

Уменьшите Непрозрачность (Opacity) этого слоя до 30%.

Банановый текст в Фотошоп

Загрузите выделение оригинального текстового слоя еще раз, и сделайте группу с «банановым текстом» невидимой.  Не снимая выделения,  создайте новый слой над слоем с отражением. Заполните выделение любым цветом (на скриншоте выделение залито коричневым цветом).

Банановый текст в Фотошоп

Стоя на этом слое, идём в меню Фильтр – Размытие – Размытие в движении (Filter- Blur- Motion Blur).  Примените следующие настройки.

Банановый текст в Фотошоп

Установите этому слою Заливку (Fill) 0% и примените в стилях слоя опцию Наложение градиента (Gradient Overlay).

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Банановый текст в Фотошоп

Сделайте группу с «банановым текстом» снова видимой.

Банановый текст в Фотошоп

Сотрите мягким Ластиком (Eraser) тень с правой части последней буквы. Эта область указана на скриншоте.

Банановый текст в Фотошоп

И вот финальный результат!

Банановый текст в Фотошоп

 (нажмите на изображение, чтобы увеличить)

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

Автор: Alexandra Fomicheva
Переводчик: Рыбка.
Ссылка на источник


Оставьте ответ

Ваш электронный адрес не будет опубликован.

тринадцать − четыре =