Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Медовый текст в Adobe Photoshop

24 марта 2014 | Опубликовано в Уроки | 4 Комментариев »

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

 

 

Финальный результат

TutorialTitle Text Effect

Исходники

Шаг 1

Откройте фотографию Хлеба. Возьмите инструмент Magnetic Lasso/Магнитное лассо. В верхней панели настроек укажите параметры как показано на картинке ниже.

Кликните в место, в котором хотите начать выделение. Медленно ведите вдоль края хлеба, чтобы лассо ровно легко вдоль края. Чем медленнее вы ведете курсор, тем больше точек будет создавать магнитное лассо и тем точнее будет ваше выделение. Если вам нужно насильно добавить точку, просто кликните в место, где хотите ее создать.

TutorialTitle Text Effect step 1

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

TutorialTitle Text Effect step 1

После того как вы замкнете линию лассо, появится выделение.

TutorialTitle Text Effect step 1

Выберите инструмент Quick Selection/Быстрое выделение в панели настроек выберите режим инструмента как показано на картинке ниже. Размер кисти должен соответствовать размеру области, которую вы хотите добавит к выделению. Теперь кистью «закрасьте» места, которые пропустили, используя лассо.

TutorialTitle Text Effect step 1

После того как вы  закончите, зайдите в меню и выберите Edit > Copy/Редактировать>Копировать.

TutorialTitle Text Effect step 1

Шаг 2

Создайте новый документ размером 648 x 486 px. Вы можете выбрать и другой размер, если вам нужна картинка большего размера. Укажите в качестве первого цвета #d9cfc5,в качестве фонового цвета #ad9d8d. Выберите инструмент Gradient/Градиент, укажите радиальный градиент от первого цвета к фоновому и залейте документ как показано ниже.

TutorialTitle Text Effect step 2

В меню выберите Edit > Paste/Редактировать>Вставить, чтобы вставить в документ хлеб. Теперь в меню выберите Edit > Transform > Scale/Редактировать>Трансформирование>Масштабирование и уменьшите хлеб до такого размера, чтобы он помещался в документе. Нажмите Enter/Return чтобы принять изменения.

TutorialTitle Text Effect step 2

Теперь нам нужно избавиться от больших дырок в хлебе. Возьмите инструмент Spot Healing Brush/точечная восстанавливающая кисть Tool, выберите подходящий размер кисти и рисуйте по дырке, которую хотите убрать.

TutorialTitle Text Effect step 2

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

TutorialTitle Text Effect step 2

Кликните дважды по слою с хлебом в палитре Layers/Слои, чтобы применить к нему следующие стили слоя:

Drop Shadow/Тень
Цвет#413b36

TutorialTitle Text Effect step 2

Позже мы также применим к этому слою Inner Shadow/Внутреннюю тень, однако только после добавления текста.

TutorialTitle Text Effect step 2

Шаг 3

В меню выберите Image > Adjustments > Hue/Saturation/Изображения>Коррекция>Цветовой тон/Насыщенность и снизьте параметр Saturation/Насыщенность до -15.

TutorialTitle Text Effect step 3

В меню выберите Image > Adjustments > Curves/Изображение>Коррекция>Кривые, и настройте кривые как показано на картинке ниже.

TutorialTitle Text Effect step 3

Выберите Image > Adjustments > Levels/Изображение>Коррекция>Уровни, и настройте как на картинке ниже.

TutorialTitle Text Effect step 3

Шаг 4

Создайте текст, используя цвет #d19e31, размер шрифта 170 pt, и шрифт Hand of Sean. Вы можете использовать любой похожий шрифт.

TutorialTitle Text Effect step 4

Кликните по слою правой кнопкой мыши и выберите Rasterize Type/Растрировать шрифт. Это позволит нам редактировать текст и дорисовывать нужные нам детали, однако также лишает нас возможности внести изменения в само содержимое текста. Возьмите инструмент Brush/Кисть, выставите первый цвет #d19e31.

TutorialTitle Text Effect step 4

Если хотите, можете немного выгнуть текст. Для этого в меню выберите Edit > Transform > Warp/Редактирование>Трансформирование>Деформация.

TutorialTitle Text Effect step 4

Инструментом Brush/Кисть пририсуйте тексту подтеки. Меняйте размер кисти, чтобы подтеки получались меньше или больше. Помните что нижняя часть подтека должна быть толще, чем линия, по которой стекает мёд. Ориентируйтесь по картинке ниже.

TutorialTitle Text Effect step 4

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

TutorialTitle Text Effect step 4

Шаг 5

Сделайте две верхние копии слоя с текстом невидимыми, нажав на иконку с глазом рядом с слоем. Теперь вернитесь к оригинальному слою с текстом и укажите ему Режим Наложения/Blend Mode Linear Burn/Линейный затемнитель, укажите параметр Fill/Заливка в 45%.

TutorialTitle Text Effect step 5

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

Bevel and Emboss/Тиснение
Цвет тени#b0a697

TutorialTitle Text Effect step 5

Контур
Используйте контур Half Round.

TutorialTitle Text Effect step 5

Pattern Overlay/Перекрытие узора
Узор Cells

TutorialTitle Text Effect step 5

Outer Glow/Внешнее свечение
Цвет: #f6e9cf

TutorialTitle Text Effect step 5

Drop Shadow/Тень
Цвет: #806f4b

TutorialTitle Text Effect step 5

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

TutorialTitle Text Effect step 5

Шаг 6

Сделайте видимым первую копию слоя с текстом. Смените ее Blend Mode/Режим наложения на Soft Light/Мягкий свет и укажите параметр Fill/Заливка в 35%.

TutorialTitle Text Effect step 6

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

Bevel and Emboss/Тиснение
Цвет тени#b0a697

TutorialTitle Text Effect step 6

Contour/Контур

TutorialTitle Text Effect step 6

Pattern Overlay/Перекрытие узора

TutorialTitle Text Effect step 6

Вот что должно получиться:

TutorialTitle Text Effect step 6

Шаг 7

Сделайте видимой вторую копию слоя с текстом и укажите ей Blend Mode/Режим наложения Soft Light/Мягкий свет, Fill/Заливка в 10%, и примените следующие стили слоя:

TutorialTitle Text Effect step 7

Bevel and Emboss/Тиснение
Цвета#997b4d и #b0a697

TutorialTitle Text Effect step 7

Contour/Контур

TutorialTitle Text Effect step 7

Результат:

TutorialTitle Text Effect step 7

Шаг 8

Теперь вы можете инструментом Burn/Затемнитель, настройте его как показано ниже и немного затемните области под текстом в слое с хлебом.

TutorialTitle Text Effect step 7

Укажите слою с хлебом стиль слоя Inner Shadow/Внутренняя тень:

TutorialTitle Text Effect step 8

Так мы немного затемним края.

TutorialTitle Text Effect step 8

Дублируйте слой Background/Фон.

TutorialTitle Text Effect step 8

Примените к нему стиль слоя Pattern Overlay/Перекрытие узора.
Используйте текстуру дерева из исходников.

TutorialTitle Text Effect step 8

Это сделает фон деревянным.

TutorialTitle Text Effect step 8

Кликните дважды по оригинальному слою с текстом, чтобы открыть стили слоя. В стиле Drop Shadow/Тень измените Opacity/Непрозрачность на 25%.

TutorialTitle Text Effect step 8

Это немного снизит интенсивность теней.

TutorialTitle Text Effect step 8

Теперь, чтобы немного убрать уклон в желтый цвет, создайте New adjustment layer/Новый корректирующий слой типа Color Balance/Цветовой баланс.

TutorialTitle Text Effect step 8

Настройте его как показано ниже.

TutorialTitle Text Effect step 8

Финальный результат

TutorialTitle Text Effect

Автор урока textuts

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Марат Исхаков
    Thumb up Thumb down +3

    :P

  2. s.o.
    Thumb up Thumb down 0

    хороший урок =)

  3. Анастасия
    Thumb up Thumb down +3

    Супер! Безумно интересный урок! Большущее спасибо!!! *DANCE*