воскресенье, 3 марта 2013 г.

Очень красивый набивной текст


Красочный набивной текст

Colorful Stuffed Text Effect


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


Красочный набивной текст



Примечание: 
- программа Adobe Photoshop CS5 Extended;
- размер итогового изображения 1024 х 768;

Материалы для урока:
Текстура металла ~goldberry2000;
- Шрифт Tondu.

Шаг 1: 

Установите основной цвет на #cecece, а фоновый цвет на #949494. Возьмите инструмент Gradient Tool (G)/ Градиент и на панели опций выберите Radial Gradient/Радиальный градиент. Создайте радиальный градиент из центра до одного из углов изображения.
Красочный набивной текст 

Откройте текстуру металла и расположите её поверх фонового слоя, затем измените Blend Mode/Режим наложения слоя на Color Burn/Затемнение основы и понизьтеOpacity/Непрозрачность до 40%.
Красочный набивной текст 

Шаг 2: 

Напишите текст заглавными буквами, цвет текста #f4edd2, шрифт Tondu и размер 300пт.
Красочный набивной текст 

Продублируйте текстовый слой (Ctrl+J). Первый текстовый слой мы будем использовать для создания узора, а второй для набивного эффекта. 
Красочный набивной текст

Шаг 3: 

Дважды кликните на оригинальный текстовый слой (первый) и примените следующие настройки Layer Style/Стиль слоя.
Drop Shadow/Тень: Измените цвет на #979797 и Distance/Смещение на 38.
Красочный набивной текст

Bevel and Emboss/Тиснение: Измените стиль на Stroke Emboss/Обводящее тиснение, глубину на 755, размер на 4, контур на Cone – Inverted/Перевернутый конус, и поставьте флажок на Anti-aliased/Сглаживание.
Красочный набивной текст

Загрузка контуров

скрытый текст ]


Stroke/Обводка: Измените размер 5, убедитесь, что положение установлено Outside/Снаружи, и измените цвет на #f4efde. Вот теперь виден эффект тиснения на обводке.
Красочный набивной текст 

Вот что у вас должно получиться. Обратите внимание, что значение смещения тени достаточно большое, а это означает, что тень будет далеко позади текста. Именно поэтому мы использовали текстовый слой, а не обводку контура - это показывает, что тень полностью заполнена и не пуста в середине.
Красочный набивной текст 


Шаг 4: 


Сейчас мы создадим простой узор. Создайте новый документ (Ctrl+N) размером 5х5 пикселей с белым фоном. Затем выберите инструмент Rectangular Marquee Tool (M)/Прямоугольная область и на панели опций нажмите иконку Add to selection/ Добавить к выделенной области.
Создайте квадратные выделения размером 1х1 пиксель по диагонали через весь документ так, как показано ниже.
Красочный набивной текст 

Залейте выделение черным цветом, после чего нажмите Ctrl+D для снятия выделения.
Красочный набивной текст 

Выберите Edit -> Define Pattern/Редактирование -> Определить узор и введите название узора.
Красочный набивной текст

Шаг 5:

Возвращаемся к нашему документу. Дважды кликните по копии текстового слоя и примените следующие настройки Layer Style/Стиль слоя
Drop Shadow/Тень: Измените цвет на #797979, смещение на 4, размер на 7.
Красочный набивной текст 

Inner Shadow/Внутренняя тень: Измените цвет на #606060, смещение на 0, а размер на 15.
Красочный набивной текст 

Outer Glow/Внешнее свечение: Измените режим наложения на Multiply/Умножение, а цвет на #9c9696.
Красочный набивной текст 

Inner Glow/Внутреннее свечение: Измените режим наложения на Multiply/Умножение, а цвет на #d1d1d1.
Красочный набивной текст 

Оба эффекта свечения используются для усиления теневых эффектов, изменяя их режим наложения на Multiply/Умножение.
Bevel and Emboss/Тиснение: Измените размер на 25, а цвет Shadow Mode/Режим тени на #d1cdb8.
Красочный набивной текст 

Texture/Текстура: Выберите диагональный узор, который мы создали в предыдущем шаге, и измените глубину на 5. Вы можете увеличить значение глубины, если хотите чтобы диагональные линии были более ярко выражены. 
Красочный набивной текст 

Это придаст тексту набивной эффект.
Красочный набивной текст 

Шаг 6: 

Загрузите выделение слоя с текстом, кликнув по его иконке и удерживая клавишу Ctrl.
Красочный набивной текст 

Теперь мы будем работать с каждой буквой по отдельности. Начните с первой буквы, создайте новый слой (Ctrl+Shift+N) поверх всех слоев и назовите его первой буквой вашего текста. Измените режим наложения слоя (Blend Mode) на Multiply/Умножение.
Красочный набивной текст 

Выберите инструмент Rectangular Marquee Tool (M)/Прямоугольная область и на панели опций нажмите иконку Intersect with selection/Пересечение с выделенной областью. Затем сделайте выделение вокруг первой буквы.
Красочный набивной текст 

Буква будет выделена отдельно.
Красочный набивной текст 

Выберите инструмент Paint Bucket Tool (G)/ Заливка и залейте букву любым цветом. Здесь используется цвет #4ea6d0.
Красочный набивной текст

Шаг 7: 

Дважды кликните по слою-заливке буквы (в данном случае «С») и примените следующие стили слоя:
Inner Shadow/Внутренняя тень: Выберите цвет из оттенков цвета буквы, здесь это цвет #74b6d4. Затем измените Opacity/Непрозрачность до 100%, смещение на 0, стягивание на 15, а размер на 18.
Красочный набивной текст 

Gradient Overlay/Наложение градиента: Измените Blend Mode/Режим наложения на Soft Light/Мягкий свет, стиль градиента Radial/Радиальный, и масштаб 150%. Затем нажмите на окно градиента, чтобы его изменить.
Красочный набивной текст 

Для градиента нужно два цвета: цвет справа будет одинаковым для каждой буквы #070606, а цвет слева подбирается с учетом цвета заливки вашей буквы. Вы можете попробовать различные варианты и посмотреть результат, после чего выбрать наиболее подходящий. Цвет, используемый в уроке #9de0ff.
Красочный набивной текст 

Это придаст букве большей яркости.
Красочный набивной текст

Повторите предыдущие действия для каждой оставшейся буквы.
(Загрузите выделение текста (Ctrl+клик по иконке текстового слоя), используйте Rectangular Marquee Tool/Прямоугольная область для выделения одной буквы, создайте новый слой и измените режим наложения на Multiply/Умножение, залейте выделение цветом, примените стили слоя, используя подходящие цвета для Inner Shadow/Внутренней тени и градиента, и вы получите яркие разноцветные буквы).
Красочный набивной текст


Шаг 8: 

Установите основной цвет #d7d0c0 и выберите инструмент Line Tool (U)/ Линия. На панели опций установите Weight/Толщина 7 пикселей и создайте линии как показано ниже. Обратите внимание, что линии создаются под текстовыми слоями. Чтобы линия была строго вертикальная, при её создании удерживайте клавишу Shift.
Красочный набивной текст 

Дважды кликните по слою с линией и примените следующие настройки Layer Style /Стиля слоя:
Drop Shadow/ Тень: Измените цвет на #979797, и снимите флажок с Use Global Light/Использовать глобальное освещение. Затем измените угол на -145 и смещение на 38
Красочный набивной текст

Inner Shadow/ Внутренняя тень: Измените цвет на #6a6a6a, поставьте смещение на 0
Красочный набивной текст

Bevel and Emboss/ Тиснение: Измените Highlight Mode/Режим подсветки на Overlay/Перекрытие
Красочный набивной текст

Contour/Контур: Оставьте значения по умолчанию. 
Красочный набивной текст

Texture/Текстура: Используйте диагональный узор, который мы создали в 4 шаге, и измените глубину на 50
Красочный набивной текст

Color Overlay/Наложение цвета: Выберите цвет соответствующей буквы. Здесь используется #347c9e
Красочный набивной текст

У вас должен получиться такой результат
Красочный набивной текст

Шаг 9: 

Продублируйте слой с линией и передвиньте копию слоя вправо за следующую букву. 
Красочный набивной текст

Дважды кликните по копии слоя и измените цвет Color Overlay/ Наложение цвета на цвет соответствующей буквы. В уроке это цвет #e57e2e.
Красочный набивной текст

Если вы не хотите менять цвет через color overlay/наложение цвета, то можете создать новую фигуру другим цветом. Правда при копировании помимо наложения цвета, копируются и другие настройки слоя, что более удобно. 
Красочный набивной текст

Сделайте тоже самое для оставшихся букв
Красочный набивной текст


Готово! Надеюсь урок вам понравился и оказался для вас полезным.



Финальный результат
Красочный набивной текст
Мой результат по уроку:
Красочный набивной текст



Источник: textuts

Комментариев нет :

Отправить комментарий