Отправляет email-рассылки с помощью сервиса Sendsay

Photoshop Zona

  Все выпуски  

Photoshop Zona Делаем текст из шоколада в Photoshop


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

Заключительный результат.

Делаем текст из шоколада в Photoshop.


Ресурсы:
Узор
Текстура Винтаж
Бантики

Шаг 1. Установим цвет переднего плана на # fece01, а цвет фона # e8661b и проведем
Радиальный градиент Делаем текст из шоколада в Photoshop. (Radial Gradient) от центра документа в один из углов.

Делаем текст из шоколада в Photoshop.


Откроем текстуру Винтаж, и поместим ее на фоновый слой, уменьшим ее, до тех пор, пока она не будет соответствовать нашему документу, и изменим Непрозрачность слоя (Opacity) до 50%.

Делаем текст из шоколада в Photoshop.


Нажмите значок в нижней части панели слоев, Создать новый корректирующий слой Делаем текст из шоколада в Photoshop. (New Adjustment Layer), и выберите Цветовой тон/Насыщенность (Hue/Saturation).

Делаем текст из шоколада в Photoshop.


Измените значение Цветовой тон (Hue) до -10 и Насыщенность (Saturation) до -40.

Делаем текст из шоколада в Photoshop.


Опять же, нажмите значок Создать новый корректирующий слой Делаем текст из шоколада в Photoshop. (New Adjustment Layer), но на этот раз, выберите Вибрация (Vibrance).

Делаем текст из шоколада в Photoshop.


Измените значение Вибрация (Vibrance) до 100 и Насыщенность (Saturation) до -40.

Делаем текст из шоколада в Photoshop.


Шаг 2. Далее мы создадим узор. Итак, создадим новый документ, размером 30х30 пикселей с белым фоном. Вы можете увеличить документ, пока он не будет достаточно большим, чтобы было легче работать.

Делаем текст из шоколада в Photoshop.


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

Делаем текст из шоколада в Photoshop.


Нажмите иконку Вычитание из выделенной области (Subtract From Selection) в панели параметров и нарисуйте еще один прямоугольник, который на 1px меньше, чем первый.

Примечание: Вы можете открыть панель Окно-> Инфо (Window-> Info), чтобы проверить размеры.

Делаем текст из шоколада в Photoshop.


Заполните выделение цветом # 888888.

Делаем текст из шоколада в Photoshop.


Нажмите Ctrl + D, чтобы избавиться от выделения, и повторите процесс, но на этот раз сделайте первый прямоугольник так, чтобы он охватывал только белую область, а другой должен быть на 2 пикселя меньше. Залейте выделение цветом # 222222.

Делаем текст из шоколада в Photoshop.


Еще раз, сделайте прямоугольник на 2px меньше, и залейте его цветом # c7c7c7.

Делаем текст из шоколада в Photoshop.


Теперь, перейдите в меню Редактирование-> Определить узор (Edit-> Define Pattern), и введите имя для узора.

Делаем текст из шоколада в Photoshop.


Шаг 3. Вернемся в исходный документ, напишем текст, цветом # 743d10. Шрифт, используемый в уроке PicoBlack, а размер 350 пикселей. Кроме того, поставите значение трекинга для выделенных символов на 25.

Примечание: Вы можете открыть панель символов с помощью Окно-> Символ (Window -> Character)

Делаем текст из шоколада в Photoshop.


Дублируем слои с текстом.

Делаем текст из шоколада в Photoshop.


Если у вас несколько слоев текста, выделите их дубликаты, затем перейдите на
Слои-> Объединить слои (Layer -> Merge Layers), или просто нажмите Ctrl + E. Если у вас только один текстовый слой, нажмите правую кнопку мыши и выберите Растрировать (Resterize).

Делаем текст из шоколада в Photoshop.


Теперь, когда слои объединены или слой растрирован, переместите его под оригинальные слои текста, и переименуйте его в "Тень". Мы собираемся использовать его позже, чтобы создать тень с помощью фильтра Размытие в движении (Motion Blur).

Делаем текст из шоколада в Photoshop.


Шаг 4. Дважды щелкните на оригинальный слой текста, чтобы Добавить следующие стили слоя (Add a layer style):

Тень (Drop Shadow): Просто измените цвет на # 402713.

Делаем текст из шоколада в Photoshop.


Внутренняя тень (Inner Shadow): Изменим цвет на # 743d10, Расстояние (Distance) до 0, а Размер (Size) до 13.

Делаем текст из шоколада в Photoshop.


Тиснение (Bevel and Emboss): Изменим Размер (Size) до 20, проверьте галочку Сглаживание (Anti-aliased), изменим цвет Режим подсветки (Highlight Mode) на # 72533a, и цвет Режим тени (Shadow Mode) на # 98653b.

Делаем текст из шоколада в Photoshop.


Контур (Contour): Изменим Контур (Contour) на Слабый уклон-долина (Shallow Slop–Valley), это позволит создать простую рамку вокруг текста, таким образом, чтобы текст не выглядел плоским по краям. Проверьте галочку Сглаживание (Anti-aliased) для гладкого результата.

Делаем текст из шоколада в Photoshop.


Текстура (Texture): Вот теперь мы добавим наш узор, созданный во втором шаге. Проверьте, стоит ли галочка Инвертировать (Invert). Вы можете изменить значение Глубины (Depth), если хотите, так как она установлена по умолчанию.

Делаем текст из шоколада в Photoshop.


Наложение цвета (Color Overlay): Это необязательно, но здесь вы можете выбрать цвет для шоколада. Цвет, используемый в уроке, # 673d26, но вы можете выбирать различные цвета.

Делаем текст из шоколада в Photoshop.


Нажмите кнопку OK, чтобы выйти из окна Стиль слоя. Посмотрите, что у нас получилось!

Делаем текст из шоколада в Photoshop.


Откройте панель Кистей, Окно-> Кисть (Window-> Brush), выберите круглую кисть, и измените ее параметры, как показано на картинке ниже:

Форма отпечатка кисти (Brush Tip Shape):

Делаем текст из шоколада в Photoshop.


Динамика формы (Shape Dynamics):

Делаем текст из шоколада в Photoshop.


Создайте новый слой поверх слоя "Тень", но под слоем с текстом, назовем его “Начинка”.

Делаем текст из шоколада в Photoshop.


Щелкните правой кнопкой мыши на текстовый слой, и выберите команду Создать рабочий контур (Create Work Path).

Делаем текст из шоколада в Photoshop.


Выберите слой “Начинка”, чтобы он был активным, затем, выберите инструмент Выделение контура Делаем текст из шоколада в Photoshop. (Direct Selection Tool) и установите цвет переднего плана на белый. Щелкните правой кнопкой мыши на пути и выберите, Выполнить обводку (Stroke Path).

Делаем текст из шоколада в Photoshop.


Выберите Кисть (Brush) из выпадающего меню, и снимите флажок, Имитировать нажим (Simulate Pressure).

Делаем текст из шоколада в Photoshop.


Это будет обводка пути, кистью. Нажмите Enter, чтобы избавиться от пути.

Делаем текст из шоколада в Photoshop.


Шаг 6. Дважды щелкните на слой “Начинка”, чтобы, Добавить следующие стили слоя (Add a layer style):

Тень (Drop Shadow): Просто измените цвет на # 787878.

Делаем текст из шоколада в Photoshop.


Тиснение (Bevel and Emboss): Изменим Контур (Gloss Contour), на Скругленные ступени (Rounded Steps), проверьте галочку, Сглаживание (Anti-aliased), измените, Режим подсветки (Highlight Mode) на Перекрытие (Overlay), и цвет
Режим тени (Shadow Mode) на # 99846b.

Делаем текст из шоколада в Photoshop.


Контур (Contour): Изменим Контур (Gloss Contour), на Скругленные ступени (Rounded Steps), и так же проверьте галочку, Сглаживание (Anti-aliased).

Делаем текст из шоколада в Photoshop.


Текстура (Texture): Это добавит простой текстуре наполнение, чтобы она выглядела как 3D. Так что выберите узор Муравьиная ферма (Ant Farm), и измените значение Глубины (Depth) до 20.

Делаем
текст из шоколада в Photoshop.


Наложение цвета (Color Overlay): Это также является необязательным, но вы можете выбрать цвет для заполнения.
Цвет, используемый в уроке, # e7e5df, но вы можете выбрать любой другой понравившийся вам цвет.

Делаем текст из шоколада в Photoshop.


Вот как должна выглядеть наша начинка.

Делаем текст из шоколада в Photoshop.


Шаг 7. Выберите слой "Тень", который мы создали ранее, и перейдите Фильтр-> Размытие-> Размытие в движении (Filter-> Blur -> Motion Blur). Изменим Угол (Angle) до -30 и Расстояние (Distance) до 100.

Делаем текст из шоколада в Photoshop.


Переместим тень, используя инструмент Перемещение Делаем текст из шоколада в Photoshop. (Move Tool), чтобы она начиналась с верхнего края букв, и располагалась по диагонали. Меняем Режим смешивания (Blend Mode) слоя "Тень" на Умножение (Multiply) и Непрозрачность (Opacity) на 50%.

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

Делаем текст из шоколада в Photoshop.


Шаг 8. Вернемся в панель Кистей, Окно-> Кисть (Window-> Brush), и, используя ту же жесткую круглую кисть, изменим параметры, как показано на картинке ниже:

Форма отпечатка кисти (Brush Tip Shape):

Делаем текст из шоколада в Photoshop.


Динамика формы (Shape Dynamice):

Делаем текст из шоколада в Photoshop.


Рассеивание (Scattering):

Делаем текст из шоколада в Photoshop.


Теперь нарисуйте несколько точек на слое "Начинка", чтобы они были, вдоль всего текста.

Делаем текст из шоколада в Photoshop.


Шаг 9. Скачайте бантики, и поместите один из них, поверх всех слоев. Измените его размер, и поверните его, так, как вам больше нравится, и поместите его на верхушке одной из букв.

Делаем текст из шоколада в Photoshop.


Дважды щелкните на слое “Бантик”, чтобы, Добавить следующие стили слоя (Add a layer style):

Тень (Drop Shadow): Изменим цвет на # 805748 и размер до 11.

Делаем текст из шоколада в Photoshop.


Наложение цвета (Color Overlay): Изменим Режим смешивания (Blend Mode) на Мягкий Свет (Soft Light) и цвет # 696149.

Делаем текст из шоколада в
Photoshop.


Это должно улучшить цвет бантика.

Делаем текст из шоколада в Photoshop.


Перейдем к Изображение-> Коррекция-> Цветовой тон/Насыщенность (Image-> Adjustments-> Hue/Saturation), и изменим Цветовой тон (Hue) до 5 и Насыщенность (Saturation) до -10.

Делаем текст из шоколада в Photoshop.


Цвет бантика становится все лучше, но он все еще нуждается в нескольких корректировках. Итак перейдем в Изображение-> Коррекция-> Цветовой баланс (Image-> Adjustments-> Color Balance), убедитесь, что Тоновой баланс (Tone Balance) имеет настройки Средние тона (Midtones), а также изменим значения уровней, как показано на картинке ниже:

Делаем текст из шоколада в Photoshop.


Наконец, перейдем Изображение-> Коррекция-> Вибрация (Image-> Adjustments-> Vibrance), установим значения Вибрация (Vibrance) до -5 и Насыщенность (Saturation) до -10.

Делаем текст из шоколада в Photoshop.


Шаг 10. Последнее, что мы сделаем, это добавим несколько корректирующих слоев. Итак нажмите значок,
Создать новый корректирующий слой Делаем текст из шоколада в Photoshop. (New Adjustment Layer),
и выберите Фотофильтр (Photo Filter).

Делаем текст из шоколада в Photoshop.


Выберите, Глубокий желтый (Deep Yellow) фильтр из выпадающего меню.

Делаем текст из шоколада в Photoshop.


Добавим корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation), и установите значения, как показано на картинке ниже.

Делаем текст из шоколада в Photoshop.


Делаем текст из шоколада в Photoshop.


Вы можете также добавить корректировки цвета, слоя "Бантик". Только теперь изменим значение Насыщенность, для этого переходим Изображение-> Коррекция-> Цветовой тон/Насыщенность (Image-> Adjustments-> Hue/Saturation), чтобы сделать цвет чуть менее ярким. Но вы можете пойти дальше и сделать те, корректировки, которые бы вы хотели сделать.

Делаем текст из шоколада в Photoshop.


И, наконец, добавим Радиальный градиент Делаем текст из шоколада в Photoshop. (Radial Gradient), создайте новый слой поверх всех слоев и назовите его "Градиент", а затем, проведите радиальный градиент, цвет, от черного к прозрачному. Меняем
Режим смешивания слоя (Blend Mode), на Мягки свет (Soft Light), а значение Заливка (Fill) до 30%.

Делаем текст из шоколада в Photoshop.


И вот, наконец-то, наш заключительный результат! Надеюсь, вы узнали что-то новое для себя и вам было интересно! До встречи друзья.

Делаем текст из шоколада в Photoshop.


Автор: TEXTUTS

Автор/Переводчик: Артеменко Любовь

Ссылка на источник

Данный урок подготовлен для Вас командой сайта www.photoshop-zona.ru

В избранное