На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 11929
Легкий урок Размещено: 30.06.2011 г.

Шоколадный текст в Фотошоп


Сегодня мы создадим сладкий шоколадный текст-эффект в Фотошоп. Для реалистичного эффекта шоколадной плитки мы будем использовать инструменты Затемнитель (Burn) и Осветлитель (Dodge), а также стили слоя.

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


Шоколадный текст в Фотошоп


Шаг 1.


Создаем в Фотошоп новый документ (File > New или Ctrl+N) размером 1600х916 рх с белым фоном.


Шоколадный текст в Фотошоп


Шаг 2.


Выбираем инструмент Заливка (Paint Bucket Tool) и заполняем фоновый слой коричневым цветом # 7f3e08.


Шоколадный текст в Фотошоп


Шаг 3.


Создаем новый слой (Ctrl+Shift+N) и называем его «Полосы». Выбираем инструмент «Прямоугольное выделение» (Rectangular Marquee Tool) и рисуем прямоугольник в виде полосы. Заполняем (Edit> Fill> Color) выделение цветом # 602e06.


Снимаем выделение (Ctrl+D).


Шоколадный текст в Фотошоп


Шаг 4.


Дублируем слой с полосой несколько раз (Ctrl+J или клик пр.кн.мыши по миниатюре данного слоя и выбираем из меню - Duplicate Layer) и распределяем полосы равномерно через равные промежутки по холсту инструментом Перемещение (Move tool). Затем, объединяем все слои с полосами (Ctrl+клик пр.кн.мыши по миниатюрам слоев, затем Ctrl+E).


Шоколадный текст в Фотошоп


Шаг 5.


Теперь, поворачиваем слой с полосами на 39° (Edit> Free Transform или Ctrl T, затем в верхнем меню в поле угла вводим значение поворота). Дублируем слой «Полосы» (Ctrl+J) и сдвигаем его (Move tool) в сторону рядом с оригиналом, чтобы получить единый рисунок диагональных полос. Выбираем инструмент «Прямоугольное выделение» (Rectangular Marquee Tool) и выделяем вверху чуть меньше половины холста на слое с полосками. Удаляем часть полос внутри выделенной области, нажав Delete.


Шоколадный текст в Фотошоп


Шаг 6.


Открываем Adobe Illustrator и создаем в нем документ (Ctrl+N) такого же размера, как в Фотошоп (1600 х 916px).


Шоколадный текст в Фотошоп


Шаг 7.


Мы будем создавать шоколадные потеки или капли. Здесь они сделаны в программе Иллюстратор, но если вам удобно, вы можете сделать их в Фотошоп. Автор делал их в иллюстраторе, а я расскажу, как делать подобное в Фотошоп. Выбираем инструмент Перо (Pen Tool) в режиме слой-фигуры (иконка рамки в верхнем меню) и устанавливаем любой цвет переднего плана, это не важно. Сначала делаем грубый контур фигуры потеков, затем выбираем инструмент Угол и вытягиваем кривые из опорных точек созданного контура. Регулируем кривые так, чтобы получить нужную обтекаемую форму капель. Для перемещения опорных точек по холсту используем инструмент Стрелка. Если вы делали потеки в Иллюстраторе, переносим их в фотошоп (Сtrl+C, Ctrl+V), предварительно выделив (клик по колечку справа в панели «Слои» (Layers)). В параметрах вклеивания выбираем пункт «как пиксели».


Шоколадный текст в Фотошоп


Шаг 8.


Размещаем слой с каплями выше всех слоев в панели и округляем оставшиеся заостренные места на них, если они у вас есть. Делаем это при помощи мягкой Кисти (Brush) такого же цвета, как и потеки.


Шоколадный текст в Фотошоп


Шаг 9.


Дублируем слой «Капли» трижды (Ctrl+J). Затем, на слое-оригинале снижаем уровень заливки (Fill) до 0% (поле заливки находится под полем непрозрачности (opacity)). Двойным кликом по миниатюре этого слоя открываем окно «Стилей слоя» (Layer Style).

Выбираем параметр Внутренняя тень (Inner Shadow) и выполняем настройки со скриншота ниже. Цвет для тени выбираем #22190a.


Шоколадный текст в Фотошоп


Затем, выполняем настройки для Внутреннего свечения (Inner Glow). Устанавливаем цвет свечения на #855100.


Шоколадный текст в Фотошоп


Для параметра Тиснение (Bevel and Emboss) используем цвет #ffe8b8 в разделе «Режим светов» (Highlight Mode), а для режима тени (Shadow Mode) цвет ##cfb788.


Шоколадный текст в Фотошоп


Активируем параметр «Контур» (Contour) и выполняем настройки:


Шоколадный текст в Фотошоп


Далее, выполняем настройки для опции «Глянец» (Satin) с цветом #633701.


Шоколадный текст в Фотошоп


Шаг 10.


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


Шоколадный текст в Фотошоп


Переходим на следующий слой с потеками и снижаем его заливку (Fill) до 0%. Снова открываем окно «Стилей слоя» (Layer Style), дважды нажав на миниатюру этого слоя.
Выбираем параметр «Тень» (Drop Shadow) с цветом #602e06.


Шоколадный текст в Фотошоп


Далее, вводим настройки для Тиснения (Bevel and Emboss):


Шоколадный текст в Фотошоп


Активируем опцию «Контур» (Contour) и дважды нажимаем по окошку самого контура, открыв график его кривой. Устанавливаем форму контура, как на скриншоте ниже.


Шоколадный текст в Фотошоп


Шаг 11.


Переходим на третий слой с каплями и добавляем стили слоя на него (Layer Style). Выбираем параметр «внутренняя тень» (Inner Shadow) и выполняем настройки:


Шоколадный текст в Фотошоп


Далее, Тиснение (Bevel and Emboss):


Шоколадный текст в Фотошоп


Контур (Contour):


Шоколадный текст в Фотошоп


Наложение цвета (Color Overlay) с цветом #602e06.


Шоколадный текст в Фотошоп


Шаг 12.


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


Шоколадный текст в Фотошоп


Переходим на последний слой с каплями и добавляем к нему следующие стили слоя (Layer Style):


Тиснение (Bevel and Emboss):


Шоколадный текст в Фотошоп


Контур (Contour):


Шоколадный текст в Фотошоп


В опции Наложение узора (Pattern Overlay) мы будем использовать текстуру воды из материалов урока. Открываем ее и меняем цвет на черно-белый (Shift+Сtrl+U). Затем, переходим в меню Редактирование-Определить узор (Edit-Define Pattern) и присваиваем имя нашей текстуре, нажимаем Ок. Теперь текстура воды находится в библиотеке узоров программы. Открываем в стилях слоя параметр Наложение узора (Pattern Overlay) и выбираем установленную текстуру.


Шоколадный текст в Фотошоп


Шаг 13.


Создаем новый слой (Ctrl+Shift+N) выше слоев с каплями и называем его «Блики». Выбираем мягкую Кисть (Brush Tool) размером 12 рх и цветом #ec9f04. проводим кистью по указанным на скриншоте ниже местам, усиливая на них блеск.


Шоколадный текст в Фотошоп


Шаг 14.


На слое с бликами переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 7,2 рх. Затем, снижаем непрозрачность (opacity) этого слоя до 70% и изменяем режим смешивания (Blend Mode) на Мягкий свет (Soft Light).


Шоколадный текст в Фотошоп


Шаг 15.


Далее, немного растушуем блики инструментом Палец (Smudge Tool). Устанавливаем размер кисти на 50 рх и интенсивность (Strengh) также на 50%. Проводим пальцем по областям бликов.


Шоколадный текст в Фотошоп


Шаг 16.


Мы закончили с шоколадными каплями и теперь переходим к созданию текста. Скачиваем из материалов урока шрифт «Old Sans Black» и устанавливаем его в программу через меню вашего ПК: Пуск-Панель управления-Шрифты-Файл-Установить шрифт. Активируем инструмент Текст (Type tool) и белым цветом пишем слово Шоколад («Chocolate»). Затем, смещаем буквы по высоте через одну, открыв панель «Символ» (Window-Character). Выделяем курсором нужную букву и в разделе «смещение базовой линии» (нижнее поле слева) устанавливаем интервал между буквами по высоте. Чтобы буквы соприкасались друг с другом, установите нужный вам межбуквенный интервал в поле трекинга (второе поле справа). Растрируем текст (Layer- Rasterize Type).


Вы можете каждую букву размещать на отдельном слое, затем растрировать слои с буквами (клик пр.кн.мыши по миниатюре слоев и выбираем – Rasterize Type). Объединяем слои с буквами (Ctrl+E) в один слой и называем его «Шоколад».


Шоколадный текст в Фотошоп


Шаг 17.


Дублируем (Ctrl+J) шоколадный текст четыре раза и скрываем видимость всех трех копий, нажав на их глазики миниатюр слоя. На оригинале текста снижаем заливку (Fill) до 0% и открываем окно «Стили слоя» (клик по иконке «fx» внизу панели слоев). Выбираем параметр Тень (Drop shadow) с цветом #5e2600.


Шоколадный текст в Фотошоп


Далее, Внутренняя тень (Inner Shadow) с цветом #22190a.


Шоколадный текст в Фотошоп


Внутреннее свечение (Inner Glow) с цветом свечения #855100.


Шоколадный текст в Фотошоп


Тиснение (Bevel and Emboss) c цветом #ffe8b8 для режима светов (Highlights) и цветом # cfb788 для режима тени (Shadow).

Шоколадный текст в Фотошоп


Контур (Contour):


Шоколадный текст в Фотошоп


Глянец (Satin) с цветом #633701.


Шоколадный текст в Фотошоп


После создания эффектов ваш шоколадный текст должен выглядеть так:


Шоколадный текст в Фотошоп


Шаг 18.


Делаем видимым первую копию текстового слоя, снова нажав на ее глазик. Снижаем заливку (Fill) этого слоя до 0% и добавляем следующие стили (Layer Style):
Тень (Drop Shadow) с цветом тени #602e06.


Шоколадный текст в Фотошоп


Тиснение (Bevel and Emboss):


Шоколадный текст в Фотошоп


Активируем параметр Контур (Contour). Чтобы создать свой контур, дважды нажимаем по его окну и устанавливаем нужное положение кривой на графике.


Шоколадный текст в Фотошоп


Шаг 19.


Включаем видимость третьего шоколадного слоя и снижаем заливку (Fill) до 0%. Открываем «Стили слоя» (Layer Style) и выполняем настройки для эффектов:


Шоколадный текст в Фотошоп


Внутренняя тень (Inner Shadow).


Шоколадный текст в Фотошоп


Тиснение (Bevel and Emboss).


Шоколадный текст в Фотошоп


Контур (Contour).


Шоколадный текст в Фотошоп


Наложение цвета (Color Overlay) с цветом #602e06.


Шоколадный текст в Фотошоп


Шаг 20.


Вот так теперь выглядит наш текст. Cоздадим отражение нашего текста. Включаем видимость четвертого текстового слоя и в параметре Наложение цвета (Color Overlay) устанавливаем черный цвет (#000000), открыв Стили слоя (Layer Style).


Шоколадный текст в Фотошоп


На этом слое переходим в меню Редактирование-Трансформирование (Edit > Transform) и сжимаем текст горизонтально.


Шоколадный текст в Фотошоп


Размещаем этот черный текст под слоями с шоколадным текстом и применяем к нему Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 7,2 рх. Изменяем режим смешивания этого слоя на Мягкий свет (Soft Light) с непрозрачностью (Opacity) 50%.


Шоколадный текст в Фотошоп


Шоколадный текст в Фотошоп


Чтобы усилить тень под буквами, на слое с третьей копией текста применяем инструмент Затемнитель (Burn tool) размером 25 рх в режиме теней (Shadows) с экспозицией (Exposure) 46%.


Шоколадный текст в Фотошоп


Шаг 21.


С текстом мы закончили. Теперь пришло время для его декорирования вишенками. Создаем новый слой (Ctrl+Shift+N) выше слоев с текстом и каплями. Выбираем жесткую круглую Кисть (Brush) цветом #f50000 и размером 97 рх. Делаем клик поверх потека в конце слова.


Шоколадный текст в Фотошоп


На слое с вишней переходим в меню Редактирование-Трансформирование-Деформация (Edit > Transform > Warp) и формируем из круга фигуру вишенки.


Шоколадный текст в Фотошоп


После этого, создаем объем ягоде при помощи инструмента Затемнитель (Burn tool). Размер кисти 25 рх, с мягкими краями в режиме теней (Shadows) с экспозицией (Exposure) 22%. Проводим затемнителем по краям фигуры, обозначая выпуклые места.


Шоколадный текст в Фотошоп


Открываем «Стили слоя» (Layer Style) и выполняем настройки для параметра Внутренняя Тень (Inner Shadow).


Шоколадный текст в Фотошоп


Шоколадный текст в Фотошоп


Шаг 22.


Далее, рисуем блик на вишенке. Создаем новый слой (Ctrl+Shift+N) выше предыдущего слоя и выбираем мягкую Кисть (Brush) размером 27 рх белого цвета. Рисуем поверх ягоды блик, затем снижаем непрозрачность (opacity) этого слоя до 48%.


Шоколадный текст в Фотошоп


Создаем новый слой (Ctrl+Shift+N) выше предыдущего и называем его «Блик 2». Выбираем Кисть (Brush) белого цвета размером 10 рх и ставим две точки поверх первого блика.


Шоколадный текст в Фотошоп


Создаем новый слой (Ctrl+Shift+N) и называем его «Блик 3». В левой части вишенки рисуем еще один блик Кистью (Brush) размером 18 рх. Снижаем непрозрачность (Opacity) этого слоя до 35%.


Шоколадный текст в Фотошоп


Шаг 23.


Займемся созданием черенка вишни. Создаем новый слой (Ctrl+Shift+N) и называем его «Черенок». Инструментом Прямоугольное выделение (Rectangular Marquee Tool) рисуем тонкую полоску и заливаем ее (Edit-Fill) цветом #109b01.


Шоколадный текст в Фотошоп


На слое с черенком переходим в меню Редактирование-Свободное трансформирование (Ctrl+T или Edit > Free Transform) и поворачиваем его, размещая у основания ягоды.


Шоколадный текст в Фотошоп


Изменяем форму черенка при помощи Деформации (Edit > Transform > Warp), чтобы он выглядел естественно. Затем, выбираем Затемнитель (Burn tool) и проводим им по лево стороне стебля, имитируя тень. Осветляем правую сторону черенка (Dodge tool), имитируя падение света на него.


Шоколадный текст в Фотошоп


Шаг 24.


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


Шоколадный текст в Фотошоп


Объединяем все слои с вишней и стеблем в одну группу. Для этого, выделяем в панели слоев перечисленные слои (Ctrl+клик по миниатюрам слоев с вишней и стеблем). Затем нажимаем Ctrl+G или перетаскиваем выделенные слои на иконку папки внизу панели, чтобы сгруппировать.


Шоколадный текст в Фотошоп


Дублируем группу (клик по миниатюре группы пр.кн.мыши и выбираем из меню - Duplicate this Group). Переносим (Move tool) вторую вишню к первой букве слова и уменьшаем ее размер (Ctrl+T). Отражаем вишенку по горизонтали (Edit-Transform-Flip to Horizontal).


Шоколадный текст в Фотошоп


Шаг 25.


Все почти готово! Осталось внести некоторые коррективы. Возвращаемся на третий слой с каплями и инструментом Затемнитель (Burn Tool) рисуем под вишенками тень.


Вот теперь все!


Шоколадный текст в Фотошоп


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


Шоколадный текст в Фотошоп


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


Шоколадный текст в Фотошоп


Надеюсь, вам понравилось, и вы с удовольствием поделитесь своими творческими идеями с нами. Удачи!


Используемые материалы:


Шрифт «Old Sans Black»
Текстура воды

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Ashlee Harrell/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 31




Рейтинг популярности: 2.8/5 (Всего оценок: 30)

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



В галерею
12.07.2011 12.07.2011  мандаринка

Очень аппетитно! Теперь знаю, как можно поздравить кого-нибудь с Днем рождения. Спасибо!