-Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

 -Поиск по дневнику

Поиск сообщений в ЭМИЛЛИ

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.03.2009
Записей:
Комментариев:
Написано: 46720


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

Понедельник, 05 Декабря 2011 г. 22:23 + в цитатник

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

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


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

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


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

Присоединённый файл  бантик_ленточка.rar ( 218.57к ) Кол-во скачиваний: 578

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

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

- 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

Рубрики:  УРОКИ PHOTOSHOP/уроки текста
УРОКИ PHOTOSHOP/уроки Demiart


Процитировано 4 раз
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку