На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 7523
Средней сложности Размещено: 15.05.2012 г.

Текстовый эффект ручной вышивки в фотошоп


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

Конечное изображение:

Текстовый эффект ручной вышивки в фотошоп


Начнем! Для фона используем джинсовую текстуру из материалов к уроку.


Текстовый эффект ручной вышивки в фотошоп


Отрегулируем баланс цветов, добавив корректирующий слой Цветовой Баланс (Colour Balance), настройки для средних тонов: - 25, 0, +15.


Текстовый эффект ручной вышивки в фотошоп


Теперь поместите текстуру грубой ткани в документ взяв её из материалов к уроку. Используя Свободную Трансформацию (Ctrl+T) поверните текстуру по диагонали.


Текстовый эффект ручной вышивки в фотошоп


Сделайте овальное выделение при помощи инструмента Овальная область (Elliptical Marquee) (M), затем инвертируйте выделение и удалите лишнее.


Текстовый эффект ручной вышивки в фотошоп


Теперь добавьте корректирующий слой Цветовой Тон/Насыщенность (Hue/Saturation) для обесцвечивания текстуры и увеличения её яркости. Настройки Цветовой Тон: 0; Насыщенность: - 60; Яркость: + 60. Для того, что бы корректирующий слой действовал не на весь документ, добавьте маску отсечения.


Текстовый эффект ручной вышивки в фотошоп


Дважды щелкните по слою текстуры с грубой тканью, чтобы открыть окно настроек Стили Слоя (Layer Style). Сначала нанесите Тень (Drop Shadow), используя настройки, указанные ниже (цвет тени темно-серый #4c4646) режим смешивания слоя умножение (Multiply).


Текстовый эффект ручной вышивки в фотошоп


Затем добавьте стиль Тиснение (Bevel and Emboss) с использованием параметров показанных ниже, и нажмите кнопку OK.


Текстовый эффект ручной вышивки в фотошоп


Теперь дублируйте этот слой и увеличьте его в масштабе. Расположите слой дубликат под оригиналом. Примените стиль слоя Тень (Drop Shadow) с настройками, показанными ниже (тень должна быть темно-синего цвета #283955).


Текстовый эффект ручной вышивки в фотошоп


И стиль слоя Тиснение (Bevel and Emboss) с настройками, показанными ниже.


Текстовый эффект ручной вышивки в фотошоп


И стиль слоя Наложение Цвета (Color Overlay).


Текстовый эффект ручной вышивки в фотошоп


Результат должен выглядеть так.


Текстовый эффект ручной вышивки в фотошоп


Далее к белой подложке добавим потертые края. Для этого возьмите большую грубую Кисть (Brush) (B) и добавьте к слою маску слоя.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Пройдитесь по краю овальной области подложки черной Кистью (Brush) (B), находясь в маске слоя, делая неровные штрихи от края.


Текстовый эффект ручной вышивки в фотошоп


Теперь добавим стежки ниток. Создайте новый слой выше всех слоев (Ctrl+Shift+N) и создайте овал белого цвета, размером меньше чем самая верхняя овальная текстура, используя инструмент Эллипс (Ellipse) (U). Этот слой нам будет нужен как лекало для нанесения стежков.


Текстовый эффект ручной вышивки в фотошоп


Создайте новый слой выше всех слоев (Ctrl+Shift+N). Возьмите инструмент Кисть (Brush) (B) размером 30 px цветом #733b2c и нарисуйте по кругу стежки используя край овала в качестве ориентира.


Текстовый эффект ручной вышивки в фотошоп


Далее примените Стиль Слоя Тень (Drop Shadow) с настройками указанными ниже (цвет тени темно-коричневый #44241b).


Текстовый эффект ручной вышивки в фотошоп


И стиль слоя Тиснение (Bevel and Emboss) с настройками, показанными ниже.


Текстовый эффект ручной вышивки в фотошоп


Теперь вы можете удалить слой белого овала.


Текстовый эффект ручной вышивки в фотошоп


Далее создайте выше всех слоев новый слой (Ctrl+Shift+N) и введите любой текст цветом #780b44, используя шрифт из материалов к уроку BubbleGum.


Текстовый эффект ручной вышивки в фотошоп


Далее добавьте следующие Стили Слоя.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Сейчас ваш текст должен выглядеть как в примере ниже.


Текстовый эффект ручной вышивки в фотошоп


Мы также добавим текстуру ковра на этот текст, загрузив её из материалов к уроку. Поместите текстуру ковра выше слоя с текстом, и обесцветьте её (Shift+Ctrl+U).


Текстовый эффект ручной вышивки в фотошоп


Далее перейдите на слой с текстом и щелкните по миниатюре слоя в палитре слоев при зажатой клавише Ctrl. Теперь вернитесь на слой с обесцвеченной текстурой ковра и добавьте к слою маску отсечения. Измените режим смешивания для слоя на Умножение (Multiply) с непрозрачностью до 60%.


Текстовый эффект ручной вышивки в фотошоп


Теперь дублируем слой с текстом. Измените цвет текста на # f5abcc.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Растрируйте слой с текстом, чтобы мы могли в дальнейшем его изменять.
Теперь будем использовать такой прием в работе. Инструментом Прямоугольная область (Rectangular Marquee) (M) делайте выбор каждой буквы, смещайте букву, далее идите Выделение> Модификация> Сжать.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Установите уровень сжатие до 12 px.


Текстовый эффект ручной вышивки в фотошоп


И верните букву на прежнее место, расположив ее по средине находящейся снизу буквы. Назовите слой, например «Уменьшенные буквы».


Текстовый эффект ручной вышивки в фотошоп


Создайте новый слой (Ctrl+Shift+N) и загрузите в него текстуру меха из материалов к уроку.


Текстовый эффект ручной вышивки в фотошоп


Обесцветьте текстуру меха (Shift+Ctrl+U) и добавьте к нему, как обтравочную маску, корректирующий слой Цвет (Color) цвет #f5abcc. Установите режим смешивания для слоя на Цветность (Color). Далее перейдите на слой «Уменьшенные буквы» и сделайте щелчок по миниатюре слоя в палитре слоев при зажатой клавише Ctrl. Теперь вернитесь на слой с текстурой меха и добавьте к слою маску отсечения.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Теперь объедините слой «Уменьшенные буквы» с корректирующим слоем Цвет (Color) и примените следующие стили слоя.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Затем добавьте маску слоя к слою.


Текстовый эффект ручной вышивки в фотошоп


В маске слоя, используя инструмент Кисть (Brush) (B) размером 30 px черного цвета пройдитесь по краям букв для того, чтобы создать неравномерный вид.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


И, наконец, добавьте к слою Фильтр> Размытие> Размытие по Гауссу (Gaussian Blur) с радиусом размытия до 2,5 чтобы смягчить текстуру меха.


Текстовый эффект ручной вышивки в фотошоп


Далее мы создадим шмеля. Начните с создания черного овала, для его тела используя инструмент Эллипс (Ellipse) (U).


Текстовый эффект ручной вышивки в фотошоп


Затем с помощью инструмента Перо (Pen) (P) для рисования жала, и Линия (Line) (U) для добавления ног.

Текстовый эффект ручной вышивки в фотошоп


Используйте два белых овала для создания крыльев, а также используйте стиль слоя Обводка (Stroke), чтобы добавить к ним черную обводку.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Теперь можно объединить слои с телом шмеля, жалом, ногами и крыльями. На новом слое (Ctrl+Shift+N) над телом шмеля, создайте овал инструментом Эллипс (Ellipse) (U) желтого цвета.


Текстовый эффект ручной вышивки в фотошоп


Используйте ту же текстуру меха как мы использовали ранее и корректирующий слой Цветовой Тон/Насыщенность (Hue/Saturation) для придания меху в желтоватого оттенка.


Текстовый эффект ручной вышивки в фотошоп


Добавьте маску обрезки, установите режим смешивания для слоя на Умножение (Multiply), затем слейте эти два слоя.


Текстовый эффект ручной вышивки в фотошоп


Создайте выше слоя со шмелем новый слой (Ctrl+Shift+N) используя Кисть (Brush) (B) черного цвета шмелю черный полосы поперек тела, глаза и рот.


Текстовый эффект ручной вышивки в фотошоп


Объедините слои с желтым овалом, текстурой меха и нарисованными галазами и примените к ним следующие Стили Слоя.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


И, наконец, добавьте к слою Фильтр> Размытие> Размытие по Гауссу (Gaussian Blur) с радиусом размытия до 1,5.


Текстовый эффект ручной вышивки в фотошоп


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


Текстовый эффект ручной вышивки в фотошоп


Добавьте следующие стили слоя к слою с телом пчелы.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Со шмелем закончили, теперь нарисуем след от него. На новом слое (Ctrl+Shift+N) нарисуйте кистью розовый витиеватый след. Этот слой мы будем использовать в качестве ориентира при рисовании пунктирного следа из стежков нити.


Текстовый эффект ручной вышивки в фотошоп


Затем создайте выше еще один слой (Ctrl+Shift+N) и, используя Кисть (Brush) (B) черного цвета нарисуйте стежки нити.


Текстовый эффект ручной вышивки в фотошоп


Как только закончите, можете удалить слой ориентир и добавьте следующие стили слоя к слою со стежками.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Наконец, добавьте корректирующий слой Цветовой Тон/Насыщенность (Hue/Saturation) выше всех слоев и выставьте значение насыщенности примерно на + 25.


Конечный результат:


Текстовый эффект ручной вышивки в фотошоп


Вот еще несколько примеров использования различных текстур.


Текстовый эффект ручной вышивки в фотошоп


Текстовый эффект ручной вышивки в фотошоп


Спасибо за чтение!


Оставляйте ваши отзывы и вопросы в комментариях ниже.


Удачи и приятного обучения!


Используемые материалы:


Джинсовая текстура
Джинсовая текстура (альтернативный вариант)
Текстура грубой ткани
Текстура ковра
Текстура меха

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Matt
Источник: Ссылка на источник скачиваний/переходов: 18




Рейтинг популярности: 3.0/5 (Всего оценок: 27)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
11.12.2012 11.12.2012  cobrastar

Спасибо за урок!


В галерею
11.06.2012 11.06.2012  tatlia

Замечательно. Спасибо!


В галерею
17.05.2012 17.05.2012  мандаринка

Очень красивый урок! Большое спасибо!