Уроки Работа с текстом Геннадий Милованкин 29 апреля 2014

Медовый текст в Фотошоп

Сложность урока: Средний

Что может быть вкуснее, чем мёд на тосте? Конечно же тост с мёдом) Этот урок покажет вам как легко нанести текст на исходное изображение тоста и придать тексту эффект мёда.

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

Ресурсы урока:

Архив

Шаг 1

Откройте исходное изображение ломтика хлеба. Файл-Открыть (File-Open). С помощью инструмента “Магнитное Лассо” (Magnetic Lasso Tool). Наверху в панели параметров установите следующие значения: Ширина: 17 пикс. (Width) контрастность: 5% (Contrast) Частота: 100 (Frequency).

Кликните один раз по краю ломтика хлеба и плавно перемещайте курсор по краю до того момента пока вы не замкнете выделение по кругу.

Не беспокойтесь о некоторых областях которые не попали под зону выделения инструментом “Магнитное Лассо” (Magnetic Lasso Tool) В дальнейшем мы при помощи другого инструмента будем расширять зону выделения.

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

Перейдем к расширению зоны выделения, выберите инструмент «Быстрое выделение» (Quick Selection Tool) Наверху в панели параметров кликните по иконке “Добавить к выделенной Области” (Add to selection). Выберите размер кисти который вас устроит. Кликните один раз на необходимой для расширения выделения области, и возможно вам придется немного сместить курсор мыши.

После того как вы закончили с выделением и результат вам нравится, перейдите в Редактирование – Копировать (Edit-Copy) или просто нажмите сочетание клавиш (Ctrl+C).

Шаг 2

Создайте новый документ, Файл - Создать (File-New) Ширина: 648 Высота: 486. (Вы можете использовать любые друг ие размеры в зависимости от вашей длины текста). В палитре цветов установите цвет переднего плана: (#d9cfc5) цвет фона: (#ad9d8d). Выберите инструмент “Градиент” (Gradient Tool) Наверху в панели параметров кликните по иконке “Радиального Градиента” (Radial Gradient). Кликните левой клавишей мыши по центру холста, и проведите линию к одному из углов.

Вставьте скопированное выделение ломтика хлеба, Редактирование – Вставить (Edit – Paste.) Трансформируйте изображение ломтика хлеба по размеру вашего документа, для этого активируйте “Свободную Трансформацию” (Free Transform) или просто нажмите (Ctrl+T). Для сохранения пропорций удерживаете зажатой клавишу Shift.

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

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

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

“Тень” (Drop Shadow)
Цвет: (#413b36)
Смещение: 15 пикс. (Distance)
Размер: 25 пикс. (Size)

Параметр “Внутренняя Тень” (Inner Shadow) мы добавим после того как нанесём текст.

Шаг 3

Cтоя на слое с “Ломтиком хлеба”, перейдите в Изображение – Коррекция – Цветовой тон/Насыщенность. (Image > Adjustments > Hue/Saturation) установите значения “Насыщенности” (Saturation) – 15.

Перейдите в Изображение – Коррекция – Кривые (Image > Adjustments > Curves) Добавьте точку посредине со следующими значениями: Вход: 135 (Input) Выход: 116 (Output) и ещё одну точку выше по лини, Вход: 222 (Input) Выход: 213 (Output).

Перейдите в Изображение – Коррекция – Уровни (Image > Adjustments > Levels). Измените значение среднего ползунка (гаммы) на 0.90.

Шаг 4

Выберите инструмент “Горизонтальный текст” с помощью шрифта “Hand of Sean” напишите любой текст, цвет: (#d19e31) размер шрифта 170 пунктов. Вы можете поэкспериментировать со шрифтами и их размером.

Кликните левой клавишей мыши по текстовому слою и выберите пункт “Растрировать текст” (Rasterize Type). Это позволит нам деформировать текст. Выберите инструмент “Кисть” (Brush Tool) установите цвет переднего плана на: (#d19e31).

Если вы хотите придать тексту реалистичности, то перейдите в Редактирование – Трансформирование – Деформация (Edit > Transform > Warp) и деформируйте текст так как вам нужно.

Выберите инструмент “Кисть”  (Brush Tool) стоя на растрированном слое с текстом начните дорисовывать подтеки мёда. Вы должны использовать разные размеры кисти для разнообразных подтеков мёда. Подтеки снизу должны заканчиваться каплями большими по размеру подтека. Не торопитесь с выполнением чтобы в дальнейшем когда мы будем применять стили результат вам понравился.

Продублируйте слой с растрированным текстом два раза.

Шаг 5

Для оригинального растрированного слоя установите режим наложения “Линейный Затемнитель” (lineal Burn) уровень заливки: 45% (Fill)

Дважды кликните по оригинальному растрированному текстовому слою левой клавишей мыши и примените следующие параметры:

“Тиснение” (Bevel and Emboss)
Глубина: 358 (Depth)
Размер: 8 (Size)
Уберите галочку на пункте “Глобальное освещение” (Use Global Light)
Угол: 117 (Angle)
Высота: 69 (Altitude)
Установите галочку на пункте “Сглаживание”
Режим подсветки: (Highlight Mode) Непрозрачность: 100% (Opacity)
Режим Тени: (Shadow Mode) Цвет: (#b0a697) Непрозрачность: 28% (Opacity)

“Контур” (Contour)
Контур: Полукруг (Half Round)
Установите галочку на пункте “Сглаживание”

“Наложение Узора” (Pattern Overlay)
Режим наложения: Мягкий Свет (Soft Light)
Непрозрачность: 50% (Opacity)
Узор: Ячейки (Cell)

“Внешнее Свечение” (Outer Glow)
Режим наложения: Линейный Затемнитель (Linear Burn)
Цвет: (#f6e9cf)
Размер: 20 пикс. (Size)

“Тень” (Drop Shadow)
Режим наложения: Линейный Затемнитель (Linear Brun)
Цвет: (#806f4b)
Непрозрачность: 65% (Opacity)
Уберите галочку на пункте “Глобальное Очвещение”
Смещение: 3 пикс. (Distance)
Размер: 3 пикс. (Size)

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

Шаг 6

Сделайте первую копию слоя с растрированным текстом видимой. Затем измените режим наложения на “Мягкий Свет” (Soft Light) и установите уровень “Заливки” (Fill) до 35%. Дважды кликните левой клавишей мыши и примените следующие параметры:

“Тиснение” (Bevel and Emboss)
Глубина: 358 (Depth)
Размер: 8 (Size)
Уберите галочку на пункте “Глобальное освещение” (Use Global Light)
Угол: 117 (Angle)
Высота: 69 (Altitude)
Установите галочку на пункте “Сглаживание”
Режим подсветки: (Highlight Mode) Непрозрачность: 100% (Opacity)
Режим Тени: (Shadow Mode) Цвет: #b0a697) Непрозрачность: 28% (Opacity)

“Контур” (Contour)
Контур: Полукруг (Half Round)
Установите галочку на пункте “Сглаживание”

“Наложение Узора” (Pattern Overlay)
Режим наложения: Мягкий Свет (Soft Light)
Непрозрачность: 50% (Opacity)
Узор: Ячейки (Cell)

Вы можете отключить этот слой и посмотреть, как мы придали дополнительный эффект.

Шаг 7

Сделайте вторую копию слоя растрированного текста видимой. Установите режим наложения “Мягкий Свет” (Soft Light). Установите уровень” Заливки” (Fill) 10%. Дважды кликните левой клавишей мыши и примените следующие параметры:

“Тиснение” (Bevel and Emboss)
Глубина: 358 (Depth)
Размер: 8 (Size)
Уберите галочку на пункте “Глобальное освещение” (Use Global Light)
Угол: – 6 (Angle)
Высота: 42 (Altitude)
Контур глянца: Cone – Asymmetrical
Установите галочку на пункте “Сглаживание”
Режим подсветки: (Highlight Mode) Перекрытие “Overlay” Непрозрачность: 50% (Opacity)
Цвет: (#997b4d)
Режим Тени: (Shadow Mode) Цвет (#b0a697) Непрозрачность: 28% (Opacity)

“Контур” (Contour)
Контур: Конус (Cone)
Установите галочку на пункте “Сглаживание”

И вот мы придали стиль последнему слою мёда. Эти последние два слоя с эффектами явно улучшают реалистичность нашего текста, чем первый слой.

Шаг 8

Теперь выберите инструмент “Затемнение (Burn Tool) в панели сверху настройте “Экспонирование” (Exposure) на 50% Диапазон (Range): Средние тона (Midtones). Перейдите к слою с ломтиком хлеба и затемните яркие области за текстом.

Дважды кликните левой клавишей мыши по слою с ломтиком хлеба и примените параметр:

“Внутренняя Тень” (Inner Shadow)
Режим Наложения: Затемнение Основы (Color Burn) 
Непрозрачность: 35% (Opacity)
Смещение: 0 пикс. (Distance)
Размер: 13 пикс. (Size)

Этот стиль немного затемнит края.

Дублируйте фоновый слой нажатием клавиш (Ctrl+J).

Дважды кликните левой клавишей мыши по копии фонового слоя и примените параметр:

“Наложение Узора” (Pattern Overlay)
Режим наложения: “Затемнение Основы” (Color Burn)
Узор: 29 (Из набора узоров, которые представлены в ресурсах урока)
Масштаб: 50% (Scale)

Мы добавили тонкий узор для фона.

Вернёмся к оригинальному растрированному текстовому слою, кликните дважды левой клавишей мыши и измените в параметре “Тень” уровень непрозрачности: 25% (Opacity)

Это позволит смягчить интенсивность тени, но вы можете поэкспериментировать со значениями.

И в финале мы подкорректируем общий желтый оттенок, для этого мы добавим корректирующий слой “Цветовой баланс” (Color Balance).

Тон: Света (Highlights).  Установите параметр “Желтый/Синий” (Yellow/Blue) на 10.

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

Автор: textuts

 

Источник: textuts.com

Комментарии 99

Спасибо за урок

Так и сожрал бы))

Медок то липовый, душистый...

Спасибо, было интересно))

Сходства маловато, конечно, но старался.)

спасибо за урок)) первый раз что-то подобное делаю) все понятно, даже для чайников, как я)))

Спасибо за урок.

Спасибо за урок, сохранил стиль и теперь делаю этот эффект в два клика:D

спасибо)))

спасибо за урок)

Спасибо за урок.Научилась избавляться от лишних “Дырочек” на ломтике хлеба.Инструментом “Точечная лечащая кисть” (Spot Healing Brush Tool).Можно стирать водяные надписи на фото.

весьма признателен за урок

Благодарю команду переводчиков и самого автора!!!

Очень понравилось. :)

Спасибо! О_о

Урок супер! Очень помог.

Спасибо за урок))
Мой вариант.

Спасибо, помогает привыкнуть работать со слоями)

Спасибо! Здорово.

Спасибо за урок)

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

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее