• Авторизация


Chocolate Bar Text Effect 06-08-2011 00:27 к комментариям - к полной версии - понравилось!

Это цитата сообщения ЭМИЛЛИ Оригинальное сообщение

Chocolate Bar Text Effect


В этом уроке показывается, как создать простой паттерн и использовать его наряду со стилями слоя, чтобы получить шоколадный текст (полный размер по клику):

[показать]

Шаг 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 или выбрать свой вариант цвета:

[показать]

Нажмите Ок и проверьте свой результат:

[показать]

________________________________

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

[показать]

________________________________



Шаг 09
Перетащите в рабочий документ красный бантик и поместите его поверх всех остальных слоев. Измените его размеры, поверните под выгодным углом и украсьте им одну из букв вашего текста:

[показать]  бантик_ленточка.rar ( 218.57к ) Кол-во скачиваний: 134

[показать]

Дважды кликните по слою с ленточкой и настройте нижеуказанные стили:

- Drop Shadow: измените цвет на #805748; Distance = 11:

[показать]

- Color Overlay: измените режим смешивания на Soft Light, а цвет на #696149:

[показать]

Это прибавит ощущения объема:

[показать]

Примените к слою с бантиком Image -> Adjustments -> Hue/Saturation, а за ним и Image -> Adjustments -> Color Balance, с настройками указанными ниже:

[показать]
[показать]

В завершение примените Image -> Adjustments -> Vibrance:

[показать]

________________________________



Шаг 10
Последнее что мы сделаем, так это добавим парочку корректирующих слоев для воздействия на все изображение сразу, чтобы все его элементы выглядели более связно между собой. Для начала создайте и настройте корректирующий слой Photo Filter:

[показать]
[показать]

После создайте корректирующий слой Hue/Saturation:

[показать]
[показать]

Наш бантик будет смотреться чуть лучше, если к нему еще раз применить Image -> Adjustments -> Hue/Saturation, чтобы он стал менее насыщенным, но это зависит уже от ваших желаний:

[показать]

Наконец, выберите черный цвет, создайте новый слой выше остальных и проведите по нему радиальным градиентом от черного цвета к прозрачному, чтобы затемнить края картинки. После измените режим смешивания для этого слоя на Soft Light и понизьте непрозрачность до 30%:

[показать]

Вот и все! Наш шоколадный текст готов — приятного аппетита:

[показать]


Автор: Rose
Перевел: Manoylov AC

http://demiart.ru

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Chocolate Bar Text Effect | Нэллочка - Дневник Нэллочка | Лента друзей Нэллочка / Полная версия Добавить в друзья Страницы: раньше»