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

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

Шаг 1.

Скачиваем из ресурсов урока набор деревянных текстур, и выбираем светлую текстуру под название «elso.jpg». Открываем ее в Фотошоп (Ctrl+O). Добавляем текстуру в набор узоров программы. Для этого, на слое с ней переходим в меню Редактирование-Определить узор (Edit -> Define Pattern), присваиваем ей имя и нажимаем Ок. Теперь ваша текстура дерева есть в наборе узоров программы.

Создаем новый документ (Ctrl+N или File > New) размером 1150 x 768 рх с белым фоном.

Над фоновым слоем создаем новый слой (Ctrl+Shift+N) и называем его (двойной клик по названию миниатюры и вводим текст) «Деревянная текстура».

Выбираем инструмент «Заливка» (Paint Bucket Tool) и верхней панели настроек указываем тип заливки – узор (Pattern). Нажимаем стрелку в окне узоров и выбираем из выпадающего меню наш деревянный узор. Делаем клик по холсту, заполнив слой узором.

Создаем новый слой (Ctrl+Shift+N) выше предыдущего и называем его «Градиент». Выбираем инструмент Градиент (Gradient tool) с ромбовидным стилем (Diamond) цветом от черного (цвета переднего плана) к прозрачному (Foreground to Transparent) с активной инверсией (Reverse). Протягиваем градиент от центра документа к углу, заполнив слой.

Изменяем режим смешивания (Blend Mode) этого слоя на Мягкий свет (Soft Light).

Создаем новый корректирующий слой «Уровни» (клик по иконке коррекций «Create new fill or adjustment layer» внизу панели слоев и выбираем – Levels).

Изменяем значение теней (Shadows) на 65, передвинув черный слайдер графика уровней. Теперь наш фон готов!

Шаг 2.

Приступаем к созданию печенюшного текста. Скачиваем шрифт «Bubblegum» из ресурсов урока и загружаем его в программу по следующему пути: Пуск-Панель управления-папка Шрифты-Файл-Установить шрифт-указываем местонахождение скачанного шрифта и нажимаем Ок. После всех перечисленных действий ваш шрифт будет загружен в Фотошоп. Устанавливаем цвет переднего плана на #c29f5f и размер шрифта (кегль) 250 рх в верхней панели. Написав слово, открываем панель «Символ» (Window-Character) и вводим значение 10 в поле межбуквенного пространства (Tracking), чтобы избежать наложения букв друг на друга.

Теперь мы изменим некоторые настройки кисти (Brush) для создания обводки слова. Открываем панель настроек кисти (Window > Brush или F5) и выбираем круглую жесткую (Hard) кисть. В разделе «Форма отпечатка кисти» (Brush Tip Shape) устанавливаем размер 20 рх, жесткость (Hardness) 85% и интервал (Spacing) 68%.

Далее, в разделе «Динамика формы» (Shape Dynamics) ставим колебание размера (Size Jitter) на 100%. Внизу панели настроек активируем опцию «Влажные края» (Wet Edges).

Возвращаемся на текстовой слой и нажимаем пр.кн.мыши по его миниатюре, выбрав пункт – Создать рабочий контур (Create Work Path).

Под текстовым слоем создаем новый слой (Ctrl+Shift+N) и называем его «Обводка». Устанавливаем цвет переднего плана на # a06600 и выбираем инструмент «Стрелка» (Direct Selection Tool).

Нажимаем пр.кн.мыши по контуру и выбираем – Выполнить обводку контура (Stroke Path).

В диалоговом окне обводки выбираем инструмент Кисть (Brush) и снимаем флажок с опции «Имитировать нажим» (Pen Pressure). Нажимаем Ок.

Получилась симпатичная обводка нашего текста:

Шаг 3.

Дублируем слой с текстом (Ctrl+J) и выключаем видимость оригинального слоя с текстом (клик по глазику миниатюры этого слоя).

Растрируем слой с текстом, нажав пр.кн.мыши по миниатюре этого слоя и выбираем - Rasterize Type.

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

К дубликату текста применяем Размытие по Гауссу (Filter -> Blur -> Gaussian Blur) с радиусом 2 рх.

Далее, выделяем копию слоя с текстом и слой с обводкой (Ctrl+клик по иконкам этих слоев) и объединяем их (Ctrl+E или Layer-Merge Layer).

Копируем объединенный слой (Ctrl+J) и выключаем его видимость (клик по глазику миниатюры).

Шаг 4.

На оригинале объединенного слоя открываем стили слоя (клик по иконке «Add Layer Style» внизу панели слоев или двойной клик по миниатюре слоя). Выполняем настройки для параметра «Тень» (Drop Shadow). Изменяем цвет тени на #825a0c.

Добавляем эффект «Внутренняя тень» (Inner Shadow). Изменяем цвет тени на #986917.

Выполняем настройки для «Тиснения» (Bevel and Emboss) со скриншота ниже.

В опции «Контур» выбираем полукруг (Half Round) и активируем флажок сглаживания (Anti-aliased).

В стиле «Текстура» выбираем узор «Ржавый металл» (Rusted Metal), он находитсчя в наборе программы «Узоры» (Patterns). Изменяем значение глубины (Depth) до 25%.

Результат применения стилей:

Шаг 5.

Включаем видимость дубликата «Copy 2», снова нажав по глазику миниатюры.

Открываем стили слоя на дубликате (двойной клик по миниатюре слоя) и выполняем настройки для параметра «Наложение цвета» (Color Overlay). Выбираем цвет #c5a464.

Этот цвет будет основой для некоторых фильтров, которые мы применим на печенье.

Шаг 6.

Пришло время применить фильтры для уже имеющейся текстуры букв. Но сначала, преобразуем дубликат в смарт-объект (клик пр.кн.мыши по миниатюре этого слоя и выбираем – Convert to Smart Object). Это позволит добавить фильтры к стилю «наложение цвета» (Color Overlay), а не к оригинальному цвету слоя, и также позволит изменять значение примененных фильтров, если это будет необходимо.

Устанавливаем цвет переднего (Foreground) плана на #c3a15f, a цвет заднего плана (Background) на #93713a.

Переходим в меню Фильтр-Эскиз-Ретикуляция (Filter -> Sketch -> Reticulation).

Вводим значения со скриншота ниже:

Получаем результат:

Теперь идем в меню Фильтр-Штрихи-Обводка (Filter -> Brush Strokes -> Ink Outlines), выполняем настройки фильтра.

И, наконец, еще один фильтр. Переходим в меню Фильтр-Текстура-Кракелюры (Filter -> Texture -> Craquelure). Выполняем настройки.

C фильтрами все. Теперь вы можете поиграть с настройками добавленных фильтров, открыв диалоговое окно «Галереи фильтров» в панели слоев (двойной клик по любой из трех миниатюр фильтров в панели слоев). Убедитесь в правильности предыдущих шагов для перехода к следующему шагу, поскольку мы собираемся растрировать этот слой.

Шаг 7.

Растрируем слой со смарт-фильтрами (клик пр.кн.мыши по его миниатюре и выбираем из меню - Rasterize Layer).

Теперь это обычный слой, не смарт-объект.

На этот слой добавляем коррекцию «Цветовой тон/Насыщенность» (Image -> Adjustments -> Hue / Saturation или нажмите Ctrl / Cmd + U). Снижаем насыщенность (Saturation) до -50.

Затем, добавляем коррекцию «Цветовой баланс» (Image -> Adjustments -> Color Balance или Ctrl / Cmd + B) и в режиме средних тонов (Midtones) выполняем настройки.

Изменяем режим смешивания (Blend Mode) этого слоя на Мягкий свет (Soft Light). Это придаст текстуре хороший красный оттенок.

Шаг 8.

Создаем новый слой (Ctrl+Shift+N) наверху панели слоев и называем его «Глазурь». Устанавливаем цвет переднего плана на # eae2cb, а цвет фона # c3a46c.

Перед рисованием глазури, мы добавим сюда некоторые стили слоя, которые сделают последующий процесс проще и точнее. Итак, открываем стили слоя (Layer Style) двойным кликом по миниатюре слоя «Глазурь».

Выполняем настройки для опции «Тень» (Shadow). Изменяем цвет тени на # ad7b40:

Внутренняя тень (Inner Shadow). Изменяем цвет тени на # 9c958f.

Внешнее свечение (Outer Glow). Цвет свечения # e3ddd2, режим смешивания Умножение (Multiply):

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

Параметр «Текстура» (Texture). Используем узор «Ячейки» (Cells) из набора программы «Узоры» (если его нет в окне узора, нажимаем в окне узора стрелку справа и выбираем из меню набор «Узоры» (Patterns)).

Далее, стиль «Глянец» (Satin). Изменяем режим смешивания стиля на Насыщенность (Saturation) c цветом #838383.

И, последний эффект, «Наложение цвета» (Color Overlay) с цветом #ebe1c6.

Шаг 9.

После добавления стилей, мы настроим кисть для рисования глазури печенья. Актируем инструмент Кисть (Brush) и открываем панель настроек кисти (Window -> Brush или F5). В разделе «форма отпечатка кисти» (Brush Tip Shape) устанавливаем размер на 45 рх, интервал (Spacing) на 25%, жесткость (Hardness) на 100%.

В разделе «Динамика формы» (Shape Dynamics) увеличиваем колебание размера (Size Jitter) до 75%, остальные настройки ставим на 0.

Активируем слой «Глазурь» и начинаем рисовать на печенье. Попробуйте провести кистью медленно, затем быстро, чтобы увидеть, как работает кисть в обоих случаях. Поскольку здесь стили слоя уже присутствуют, получается эффект настоящей глазури при рисовании.

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

Как только вы закончите с глазурью, дублируем этот слой (Ctrl+J) и на дубликате удаляем стили слоя (клик пр.кн.мыши по миниатюре дубликата и выбираем из меню – Очистить стили слоя (Clear Layer Style)).

Устанавливаем цвета переднего и заднего плана на #eae2cb и #c3a46c.

Добавляем немного шума на этот слой (Filter -> Noise -> Add Noise). Эффект (Amount) ставим на 10%, распределение равномерное (Uniform) монохромное.

Изменяем режим смешивания шумового слоя на Мягкий свет (Soft Light) с непрозрачностью (opacity) 50%. Это улучшит цвет глазури и добавит ей блеска.

С текстом мы закончили! Теперь создадим решетку для выпечки.

Шаг 10.

Создаем новый документ (Ctrl+N) размером 42х1 рх с прозрачным (Transparent) фоном.

Нажимаем на клавиатуре Ctrl/Cmd + R, чтобы вызвать линейки. Активируем инструмент Перемещение (Move tool) и вытягиваем из линеек направляющие, устанавливаем из по центру документа. В меню Просмотр (View) активируем опцию Привязать (Snap), чтобы установить направляющие по центру документа.

Следующее действие необязательно, но может вам пригодиться. Переходим в меню Редактирование-Установки-Курсоры (Edit -> Preferences -> Cursors) и активируем флажок «Показывать перекрестие на кончике кисти» (Show Crosshair in Brush Tip).

Возвращаемся к документу (можете увеличить масштаб (Ctrl+)), выбираем жесткую кисть (Brush) размером 15 рх и устанавливаем цвет переднего плана на # 5a391d. Помещаем перекрестие кисти по центру документа за его пределами сверху. Удерживая Shift, нажимаем кн.мыши и тянем курсор вниз.

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

Переходим в меню Редактирование-Определить узор (Edit -> Define Pattern) и присваиваем имя узору «Vertical».

Разворачиваем изображение на 90° по часовой стрелке. Для этого переходим в меню Image ->Image Rotation -> 90° CW (Изображение- Вращение изображения-Поворот на 90° по часовой стрелке). Снова определяем полученный узор (Edit -> Define Pattern) и называем его «Горизонталь».

Шаг 11.

Возвращаемся в основной документ с печеньем и создаем новый слой (Ctrl+Shift+N) выше оригинального слоя с текстом. Называем его «Решетка».

Выбираем инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle Tool) в режиме контуров (иконка пера в рамке в верхнем меню «Paths») и ставим радиус скругления на 10 рх. Рисуем прямоугольник вокруг текста.

Устанавливаем цвет переднего плана на #5a391d и создаем обводку получившегося прямоугольника. Для этого, нажимаем пр.кн.мыши по его контуру и выбираем из меню – Stroke Path (Выполнить обводку контура). Указываем в окне обводки Кисть (Brush) без имитации нажима (Simulate Pressure).

Создаем новый слой (Ctrl+Shift+N) выше слоя «Решетка» и называем его «Решетка – вертикаль». Выбираем инструмент Заливка (Paint Bucket Tool) и заполняем слой узором «Вертикаль», который мы создали ранее (в верхней панели выбираем заливку не цветом (Color), а узором (Pattern), выбираем из набора узор «Vertical»).

Далее, активируем инструмент Прямоугольное выделение (Rectangular Marquee Tool) и создаем выделение вокруг области, которую необходимо сохранить. Вверху и внизу оставьте 10-15 рх запаса вокруг предыдущего прямоугольника решетки. Нам это понадобится позже для создания тени. Убедитесь, что выделение охватывает все линии решетки и не пересекается с ними.

Инвертируем выделение (Select -> Inverse или Ctrl+Shift+I) и удаляем лишние полосы узора клавишей Delete.

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

Cоздаем новый слой (Ctrl+Shift+N) ниже слоя с вертикальным узором, и называем его «Решетка – горизонталь». Заполняем (Paint Bucket tool) этот слой узором из горизонтальных полос, который мы сделали ранее.

Вы можете перемещать (Move tool) полученный узор, как хотите, чтобы установить нужную позицию решетки.

Снова используем Прямоугольное выделение (Rectangular Marquee Tool) для выделения нужных нам областей решетки. На этот раз, создавая выделение, оставьте запас с правой и левой стороны решетки.

Инвертируем выделение (Ctrl+Shift+I) и удаляем лишние полосы клавишей Delete. Снимаем выделение (Ctrl+D).

Шаг 12.

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

Полученный слой называем «Тень».

Открываем в фотошоп текстуру ржавого металла из ресурсов урока и сразу поределяем ее как узор (Edit -> Define Pattern). Называем текстуру «Текстура решетки».

Дважды щелкаем по слою «Решетка», чтобы открыть стили слоя (Layer Style).

Выполняем следующие настройки для стилей:

Тень (Drop Shadow):

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

Контур (Contour). Выбираем форму «Глубокая выемка» (Deep) из набора контуров.

Наложение узора (Pattern Overlay). Выбираем из набора наш узор ржавого металла.

Получилось хорошо тисненое основание решетки с ржавым текстурным покрытием.

Шаг 13.

Открываем стили слоя (Layer Style) на слое «Решетка-горизонталь». Выполняем следующие настройки стилей:

Тень (Drop Shadow):

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

Контур (Contour) со стилем «Глубокая выемка» (Deep).

Наложение узора (Pattern Overlay). Используем текстуру ржавого металла.

И вот, что у нас получилось:

Теперь, применяем эти же стили к слою с вертикальной решеткой. Нажимаем пр.кн.мыши по слою с горизонтальными прутьями и выбираем из меню – Скопировать стиль слоя (Copy Layer Style). Затем, переходим на слой с вертикальными полосами и снова нажимаем пр.кн.мыши по нему, выбирая – Вклеить стили слоя (Paste Layer Style).

Шаг 14.

Выбираем слой «Тень» и изменяем режим его смешивания на Умножение (Multiply) с непрозрачностью (Opacity) 50%. Выбираем инструмент Перемещение (Move tool) и сдвигаем ее стрелками клавиатуры немного влево и вниз.

То, что мы раньше оставили запас решетки, гарантирует отсутствие пустот при перемещении тени.

Немного размываем тень фильтром «Размытие по Гауссу» (Filter -> Blur -> Gaussian Blur) с радиусом 1,5 рх.

Как только вы закончите с тенью, выделите всю решетку инструментом «Прямоугольное выделение» (Ractagular Marquee Tool) по ее границе. Инвертируйте выделение (Ctrl+Shift+I) и на слоях «Тень», «Решетка –горизонталь» и «Решетка-вертикаль» удалите лишнее клавишей Delete.

Шаг 15.

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

Вводим значение для вибрации на -15.

Если ваши цвета все еще выглядят яркими и красными, это может быть вызвано вашими настройками программы. Чтобы это исправить, создайте корректирующий слой «Цветовой баланс» (Color Balance) и в режиме полутонов (Midtones) установите значения для цветовых уровней (-17, +4, -4).

И это все! Надеюсь, вам понравился урок, и вы многое узнали. Ждем ваших комментариев и работ!

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

Деревянная текстура
Шрифт «Bubblegum»
Текстура ржавого металла

Категория: УрокиИсточник: Ссылка на источник скачиваний/переходов: 9



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

Поделись этой информацией с другими:

Последние уроки в категории  Текстовые эффекты