Автор: 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”, нарисуйте этой кистью несколько крошек-капелек вокруг текста:

Отредактировано faiko (2011-08-19 16:54:05)