SIM-ART - студия дизайна

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » SIM-ART - студия дизайна » Уроки Photoshop » Шоколадный текст


Шоколадный текст

Сообщений 1 страница 2 из 2

1

Описание урока:

Финальное изображение:

Программа: Adobe Photoshop

Автор: Manoylov AC

Источник: Demiart

Клик для просмотра полноразмерного изображения

http://demiart.ru/forum/uploads7/post-315158-1311853711.jpg

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

Шаг 01

Создайте новый документ с размерами 1250 на 800рх. Настройте для основного цвета желтый оттенок #fece01, а для второстепенного — оранжевый #e8661b. Воспользовавшись градиентом и настроенными цветами, проведите им из центра документа к одному из его углов:

http://demiart.ru/forum/uploads7/post-315158-1311853713.jpg

Вставьте на новый слой текстуру старой желтой бумаги и, воспользовавшись трансформацией Ctrl+T, измените ее размер согласно величине вашего холста, а потом понизьте данному слою значение непрозрачности (Opacity) до 50%:

http://demiart.ru/forum/uploads7/post-315158-1311853715.jpg

Выше имеющихся слоев создайте корректирующий слой Hue/Saturation. Измените значение Hue на -10, а Saturation на -40:

http://demiart.ru/forum/uploads7/post-315158-1311853717.jpg

http://demiart.ru/forum/uploads7/post-315158-1311853719.jpg

Далее создайте другой корректирующий слой Vibrance и настройте его, как показано ниже:

http://demiart.ru/forum/uploads7/post-315158-1311853712.jpg

http://demiart.ru/forum/uploads7/post-315158-1311853714.jpg


Шаг 02

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

http://demiart.ru/forum/uploads7/post-315158-1311853716.png

Сделайте выделение всего холста, воспользовавшись прямоугольным выделением:

http://demiart.ru/forum/uploads7/post-315158-1311853718.png

Включите функцию вычитания нового выделения и на расстоянии одного пикселя от границ проведите еще один квадрат. Получившееся выделение залейте серым цветом
#888888 и снимите выделение Ctrl+D:

http://demiart.ru/forum/uploads7/post-315158-1311853720.png

http://demiart.ru/forum/uploads7/post-315158-1311853736.png

Далее повторите подобный процесс, но на этот раз первое выделение нужно делать по форме белой области, а другое выделение должно быть уже на 2рх меньше. Полученную рамку залейте более темным цветом #222222.

зы: поскольку размеры документа малы, то проще нарисовать нужные лини карандашом нужной толщины:

http://demiart.ru/forum/uploads7/post-315158-1311853738.png

Еще одна рамка внутри также имеет толщину в 2рх и залита цветом #c7c7c7:

http://demiart.ru/forum/uploads7/post-315158-1311853740.png

Здесь автор забыла про один пункт, но он должен выглядеть именно так, как я написала ниже.
Светло-серым цветом #e9e9e9 нарисуйте внутри оставшейся белой площади шесть однопиксельных полос на одинаковом расстоянии друг от друга:

http://demiart.ru/forum/uploads7/post-315158-1311853742.png

Теперь определите данное творение как паттерн Edit -> Define Pattern:

http://demiart.ru/forum/uploads7/post-315158-1311853744.png


Шаг 03

Перейдите к рабочему документу и коричневым цветом #743d10, под стать шоколаду, напечатайте текст. Здесь подойдут жирные на вид шрифты, в данном случае использовался шрифт PicoBlack; размер текста 350px; трекинг = 25:

http://demiart.ru/forum/uploads7/post-315158-1311853737.jpg

Дублируйте слой с текстом или слои, если у вас их несколько, как у автора:

http://demiart.ru/forum/uploads7/post-315158-1311853739.jpg

Если у вас несколько текстовых слоев, то выделите их и слейте в один, нажав Ctrl+E. Если же у вас только один текстовый слой, то кликните по нему правой кнопкой мышки и выберите пункт Resterize:

http://demiart.ru/forum/uploads7/post-315158-1311853741.jpg

Перетяните скопированный растрированный слой с текстом под оригинальную надпись и переименуйте его в “Shadow”. Позже мы воспользуемся им для создания тени:

http://demiart.ru/forum/uploads7/post-315158-1311853743.jpg

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

Начнем со стиля Drop Shadow. Обратите внимание на изменение цвета на #402713:

http://demiart.ru/forum/uploads7/post-315158-1311853745.png

Inner Shadow: цвет #743d10; Distance = 0; Size = 13:

http://demiart.ru/forum/uploads7/post-315158-1311853758.png

Bevel and Emboss: Size = 20; галочка в чекбоксе Anti-aliased; измененные цвета для Highlight Mode (#72533a) и Shadow Mode (#98653b):

http://demiart.ru/forum/uploads7/post-315158-1311853760.png

Contour: из списка выберите форму контура Shallow Slop – Valley — получим кромочку-рефлекс вокруг текста. Не забудьте поставить галочку в чекбоксе Anti-aliased — она сгладит получившийся контур. Чтобы стал доступным более широкий список заготовок кривых следуйте скрину-подсказке, что ниже:

http://demiart.ru/forum/uploads7/post-315158-1311853762.png

http://demiart.ru/forum/uploads7/post-315158-1311853764.png

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

http://demiart.ru/forum/uploads7/post-315158-1311853766.png

Color Overlay: этот стиль мы включили как дополнение — здесь вы можете изменить цвет шоколада на #673d26 или выбрать свой вариант цвета:

http://demiart.ru/forum/uploads7/post-315158-1311853759.png

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

http://demiart.ru/forum/uploads7/post-315158-1311853761.jpg

Шаг 05
Идем далее: возьмите инструмент кисть и откройте диалоговое окно ее настроек, где выберите круглую форму кисти с жесткими краями и настройте следующие параметры, показанные на скриншотах.

Brush Tip Shape и Shape Dynamics:

http://demiart.ru/forum/uploads7/post-315158-1311853763.png

Под основным текстом, но над слоем “Shadow” создайте новый слой “Filling”:

http://demiart.ru/forum/uploads7/post-315158-1311853765.png

Кликнув по текстовому слою правой кнопкой создайте рабочий путь, выбрав пункт Create Work Path:

http://demiart.ru/forum/uploads7/post-315158-1311853767.png

Вернитесь на слой “Filling” (он станет подсвечиваться синим), выберите инструмент Direct Selection, настройте белый цвет и кликните правой кнопкой мышки по пути. В появившемся всплывающем меню выберите пункт Stroke Path:

http://demiart.ru/forum/uploads7/post-315158-1311853770.png

В доступном списке выберите кисть и проверьте, чтобы галочка в чекбоксе Simulate Pressure отсутствовала. Теперь нажмите Ок, что запустит нашу настроенную кисть по созданному пути вокруг текста:

http://demiart.ru/forum/uploads7/post-315158-1311853772.png

http://demiart.ru/forum/uploads7/post-315158-1311853774.jpg

Дальше вы уже идете по желанию. То есть это уже конец основы, идет уже обработка по вкусу автора.

Шаг 06
Дважды кликните по “Filling” и настройте следующие стили:
- Drop Shadow: просто измените цвет на #787878:

http://demiart.ru/forum/uploads7/post-315158-1311857251.png

- Bevel and Emboss: измените контур на Rounded Steps; включите функцию Anti-aliased; измените режим смешивания для Highlight Mode на Overlay; у Shadow Mode поменяйте цвет на #99846b:

http://demiart.ru/forum/uploads7/post-315158-1311857253.png

- Contour: поставьте контур Rounded Steps и галочку напротив Anti-aliased:

http://demiart.ru/forum/uploads7/post-315158-1311857255.png

- Texture: примените простую текстуру, чтобы получить более объемный вид. У меня использована текстура Ant Farm из набора Pattern. Измените значение Depth к 20:

http://demiart.ru/forum/uploads7/post-315158-1311857257.png

- Color Overlay: настройте цвет #e7e5df, но вы вольны подобрать другой понравившийся вам цвет:

http://demiart.ru/forum/uploads7/post-315158-1311857259.png

На данный момент у нас получилось следующее:

http://demiart.ru/forum/uploads7/post-315158-1311857252.jpg


Шаг 07

Выберите слой “Shadow”, который мы создали ранее и примените Filter -> Blur -> Motion Blur (Angle = -30; Distance = 100):

http://demiart.ru/forum/uploads7/post-315158-1311857254.png

Теперь передвиньте тень немного в сторону, как на примере, измените режим смешивания на Multiply и понизьте Opacity к 50%:

http://demiart.ru/forum/uploads7/post-315158-1311857256.png


Шаг 08

Вновь воспользуемся кистью. Выберите круглую кисть о десяти пикселях в диаметре и настройте ее согласно нижеприведенным скринам.

- Brush Tip Shape:

http://demiart.ru/forum/uploads7/post-315158-1311857258.png

- Shape Dynamice:

http://demiart.ru/forum/uploads7/post-315158-1311857260.png

- Scattering:

http://demiart.ru/forum/uploads7/post-315158-1311857275.png

Далее, на слое “Filling”, нарисуйте этой кистью несколько крошек-капелек вокруг текста:

http://demiart.ru/forum/uploads7/post-315158-1311857277.jpg

0

2

Полезный урок! Спасибо!

0


Вы здесь » SIM-ART - студия дизайна » Уроки Photoshop » Шоколадный текст


Рейтинг форумов | Создать форум бесплатно