Описание урока: | Финальное изображение: |
Программа: Adobe Photoshop Автор: Manoylov AC Источник: Demiart | Клик для просмотра полноразмерного изображения |
В этом уроке показывается, как создать простой паттерн и использовать его наряду со стилями слоя, чтобы получить шоколадный текст.
Шаг 01
Создайте новый документ с размерами 1250 на 800рх. Настройте для основного цвета желтый оттенок #fece01, а для второстепенного — оранжевый #e8661b. Воспользовавшись градиентом и настроенными цветами, проведите им из центра документа к одному из его углов:
Вставьте на новый слой текстуру старой желтой бумаги и, воспользовавшись трансформацией Ctrl+T, измените ее размер согласно величине вашего холста, а потом понизьте данному слою значение непрозрачности (Opacity) до 50%:
Выше имеющихся слоев создайте корректирующий слой Hue/Saturation. Измените значение Hue на -10, а Saturation на -40:
Далее создайте другой корректирующий слой Vibrance и настройте его, как показано ниже:
Шаг 02
Для получения плиток шоколада нам нужно создать определенный паттерн из которого они и будут состоять. Итак, создайте новый документ с белым фоном и размером 30 на 30px. Чтобы было удобнее работать, можно увеличить масштаб просмотра до удобных размеров:
Сделайте выделение всего холста, воспользовавшись прямоугольным выделением:
Включите функцию вычитания нового выделения и на расстоянии одного пикселя от границ проведите еще один квадрат. Получившееся выделение залейте серым цветом
#888888 и снимите выделение Ctrl+D:
Далее повторите подобный процесс, но на этот раз первое выделение нужно делать по форме белой области, а другое выделение должно быть уже на 2рх меньше. Полученную рамку залейте более темным цветом #222222.
зы: поскольку размеры документа малы, то проще нарисовать нужные лини карандашом нужной толщины:
Еще одна рамка внутри также имеет толщину в 2рх и залита цветом #c7c7c7:
Здесь автор забыла про один пункт, но он должен выглядеть именно так, как я написала ниже.
Светло-серым цветом #e9e9e9 нарисуйте внутри оставшейся белой площади шесть однопиксельных полос на одинаковом расстоянии друг от друга:
Теперь определите данное творение как паттерн Edit -> Define Pattern:
Шаг 03
Перейдите к рабочему документу и коричневым цветом #743d10, под стать шоколаду, напечатайте текст. Здесь подойдут жирные на вид шрифты, в данном случае использовался шрифт PicoBlack; размер текста 350px; трекинг = 25:
Дублируйте слой с текстом или слои, если у вас их несколько, как у автора:
Если у вас несколько текстовых слоев, то выделите их и слейте в один, нажав Ctrl+E. Если же у вас только один текстовый слой, то кликните по нему правой кнопкой мышки и выберите пункт Resterize:
Перетяните скопированный растрированный слой с текстом под оригинальную надпись и переименуйте его в “Shadow”. Позже мы воспользуемся им для создания тени:
Шаг 04
Для придания тексту "шоколадности", дважды кликните по оригинальному текстовому слою, чтобы вызвать диалоговое окно стилей слой, которые мы сейчас и будем настраивать. Дабы все получилось отлично внимательно следите за скринами.
Начнем со стиля Drop Shadow. Обратите внимание на изменение цвета на #402713:
Inner Shadow: цвет #743d10; Distance = 0; Size = 13:
Bevel and Emboss: Size = 20; галочка в чекбоксе Anti-aliased; измененные цвета для Highlight Mode (#72533a) и Shadow Mode (#98653b):
Contour: из списка выберите форму контура Shallow Slop – Valley — получим кромочку-рефлекс вокруг текста. Не забудьте поставить галочку в чекбоксе Anti-aliased — она сгладит получившийся контур. Чтобы стал доступным более широкий список заготовок кривых следуйте скрину-подсказке, что ниже:
Texture. Приготовьтесь, здесь-то мы и получим эффект шоколада. В списке текстур выберите созданный вами паттерн во втором шаге (если у вас с ним возникли проблемы, то вот готовый вариант). Также поставьте галочку в чекбоксе Invert. Кстати, при нахождении в стиле Texture, позицию долек шоколада можно сместить, просто потянув их в сторону:
Color Overlay: этот стиль мы включили как дополнение — здесь вы можете изменить цвет шоколада на #673d26 или выбрать свой вариант цвета:
Нажмите Ок и проверьте свой результат:
Шаг 05
Идем далее: возьмите инструмент кисть и откройте диалоговое окно ее настроек, где выберите круглую форму кисти с жесткими краями и настройте следующие параметры, показанные на скриншотах.
Brush Tip Shape и Shape Dynamics:
Под основным текстом, но над слоем “Shadow” создайте новый слой “Filling”:
Кликнув по текстовому слою правой кнопкой создайте рабочий путь, выбрав пункт Create Work Path:
Вернитесь на слой “Filling” (он станет подсвечиваться синим), выберите инструмент Direct Selection, настройте белый цвет и кликните правой кнопкой мышки по пути. В появившемся всплывающем меню выберите пункт Stroke Path:
В доступном списке выберите кисть и проверьте, чтобы галочка в чекбоксе Simulate Pressure отсутствовала. Теперь нажмите Ок, что запустит нашу настроенную кисть по созданному пути вокруг текста:
Дальше вы уже идете по желанию. То есть это уже конец основы, идет уже обработка по вкусу автора.
Шаг 06
Дважды кликните по “Filling” и настройте следующие стили:
- Drop Shadow: просто измените цвет на #787878:
- Bevel and Emboss: измените контур на Rounded Steps; включите функцию Anti-aliased; измените режим смешивания для Highlight Mode на Overlay; у Shadow Mode поменяйте цвет на #99846b:
- Contour: поставьте контур Rounded Steps и галочку напротив Anti-aliased:
- Texture: примените простую текстуру, чтобы получить более объемный вид. У меня использована текстура Ant Farm из набора Pattern. Измените значение Depth к 20:
- Color Overlay: настройте цвет #e7e5df, но вы вольны подобрать другой понравившийся вам цвет:
На данный момент у нас получилось следующее:
Шаг 07
Выберите слой “Shadow”, который мы создали ранее и примените Filter -> Blur -> Motion Blur (Angle = -30; Distance = 100):
Теперь передвиньте тень немного в сторону, как на примере, измените режим смешивания на Multiply и понизьте Opacity к 50%:
Шаг 08
Вновь воспользуемся кистью. Выберите круглую кисть о десяти пикселях в диаметре и настройте ее согласно нижеприведенным скринам.
- Brush Tip Shape:
- Shape Dynamice:
- Scattering:
Далее, на слое “Filling”, нарисуйте этой кистью несколько крошек-капелек вокруг текста: