Эффект вышитого джинсового текста

Эффект вышитого джинсового текста - уроки фотошоп

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

Сложность: средняя Время: более часа

Сразу предупредим: урок долгий и похож на настоящий процесс вышивания. Так что, если нужно упокоить нервы - просто повторите его. Для фона мы будем использовать джинсовую текстуру, которую вы можете скачать здесь (http://www.cgtextures.com/login.php?&texid=3145&destination=texview.php?id=3145&PHPSESSID=1db683ftcpkn2k0s0pk5bhnh52) Эффект вышитого джинсового текста - уроки фотошоп После того как вы открыли текстуру в Фотошопе, используйте регулировку цветового баланса для настройки цветов. Эффект вышитого джинсового текста - уроки фотошоп Теперь поместите вашу следующую текстуру, в ваш документ, которую Вы можете скачать здесь (http://www.cgtextures.com/login.php?&texid=3109&destination=texview.php?id=3109&PHPSESSID=1db683ftcpkn2k0s0pk5bhnh52). Поверните ее так, чтобы ткань была по диагонали. Эффект вышитого джинсового текста - уроки фотошоп Растируйте слой с Вашей текстурой, затем сделайте овальное выделение с помощью инструмента Marquee tool = Овальное выделение , а затем инвертируйте выделение и удалите не нужную часть текстуры. Эффект вышитого джинсового текста - уроки фотошоп Используйте Hue/Saturation Adjustment = Цветовой тон/Насыщенность, чтобы обесцветить его. Эффект вышитого джинсового текста - уроки фотошоп Дважды щелкните на этом слое, чтобы добавить стиль слоя. Сначала добавим тень с настройками показано выше (цвет темно серый). Эффект вышитого джинсового текста - уроки фотошоп Затем, Тиснение с использованием параметров показано выше, и нажмите кнопку ОК. Теперь дублируем этот слой, он должен быть расположен ниже слоя оригинала. Эффект вышитого джинсового текста - уроки фотошоп К новому слою, применим стиль слоя Тень, с настройками как показано выше (тень должна быть темно-синей) Тиснение с настройками как на картинке. Эффект вышитого джинсового текста - уроки фотошоп И белый цвет, Наложение цвета. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошопВот каким должен быть результат. Эффект вышитого джинсового текста - уроки фотошоп Далее, мы добавим потертые края. Выберите большую, грубую черную кисть. Эффект вышитого джинсового текста - уроки фотошопИ добавьте маску слоя к слою. На маске слоя сделаем маленькие, неровные штрихи краски по краям. Эффект вышитого джинсового текста - уроки фотошоп Теперь мы добавим стежков. Сначала создайте белый овал немного меньше, чем верхняя текстура, мы будем использовать его  в качестве направления для рисования стежков. Используйте 30px коричневую кисть для стежков. Эффект вышитого джинсового текста - уроки фотошоп Следующий двойной клик на слое стежков, - применим тень с настройками показанными выше (цвет темно-коричневый). И Тиснение. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Теперь вы можете удалить белый овал, который, использовали в качестве  направления. Далее мы добавим текст, примените настройки показанные выше. Вы можете скачать шрифт Bubblegum  здесь (http://www.dafont.com/bubblegum.font) Эффект вышитого джинсового текста - уроки фотошоп Введите имя или любой другой текст, который бы Вы хотели, и применим следующие стили слоя. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Ваш текст должен в  итоге выглядит как пример выше. Мы также добавим  текстуру ковра нашему тексту, которую можно загрузить здесь (http://www.cgtextures.com/login.php?&texid=8240&destination=texview.php?id=8240&PHPSESSID=1db683ftcpkn2k0s0pk5bhnh52) Эффект вышитого джинсового текста - уроки фотошоп Поместим текстуру выше слоя с текстом, и обесцветим ее (Desature) через меню Image=Изображение. Далее нажмем Ctrl+Alt+G, чтобы прикрепить к слою букв. Эффект вышитого джинсового текста - уроки фотошоп Щелкните правой кнопкой мыши на слое с текстурой, чтобы создать обтавочную  маску ,изменим режим смешивания на Multiply = Умножение, и  непрозрачность до 60%. Эффект вышитого джинсового текста - уроки фотошоп Теперь дублируйте слой с текстом, и поставьте настройки параметров как показано выше (используйте светло-розовый цвет). Эффект вышитого джинсового текста - уроки фотошоп Растрируйте текст, чтобы  можно было отредактировать его (правой кнопкой на слое). Используйте инструмент Magic want tool = Волшебная палочка, чтобы переместить буквы по центру. Эффект вышитого джинсового текста - уроки фотошоп Теперь нам нужно, немного уменьшить наши буквы. Эффект вышитого джинсового текста - уроки фотошоп Установите значение уменьшения выделения на 12 пикселей и нажмите Delete. Эффект вышитого джинсового текста - уроки фотошоп Теперь мы добавим текстуру меха, которую можно скачать здесь (http://mayang.com/textures/Fabric/images/Other%20Fabrics/furry_fabric_6150133.JPG) Эффект вышитого джинсового текста - уроки фотошоп Создайте новый слой Hue/Saturation Adjustment = Цветовой тон/Насыщенностьи добавьте розового цвета, а затем добавьте обтравочную маску (нажмите Ctrl+Alt+G). Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Теперь выполним слияние текстуры с буквами, и применим, следующие стили слоя. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп   добавим маску слоя к слою.Эффект вышитого джинсового текста - уроки фотошоп На маске слоя, выберите черную 40px кисть и проведите по краям текста, чтобы создать не равномерный вид. Эффект вышитого джинсового текста - уроки фотошоп И, наконец, добавить Gaussian Blur = Размытие по Гауссу Эффект вышитого джинсового текста - уроки фотошоп Далее мы создадим пчелку. Создайте черный овал для тела. Затем с помощью инструмента Pen tool = Перо, нависуем жало, и инструментом Line tool = Линия, добавим ноги. Эффект вышитого джинсового текста - уроки фотошоп Нарисуйте два белых овала для крыльев, и используйте стиль слоя Stroke = Обводка, что бы добавить им черную окантовку. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошопТеперь вы можете объединить слои тела, ног и крыльев вместе. На новом слое над пчелой, создайте желтый овал. Используйте ту же текстуру меха, и слой Hue/Saturation Adjustment = Цветовой тон/Насыщенность,  только добавьте желтый цвет. Эффект вышитого джинсового текста - уроки фотошоп Добавим обтравочную маску. Так что теперь у вас есть слой с телом пчелы, и отдельный слой с  желтым мехом. Добавим маску слоя на слой с мехом, а затем используем маленькую черную кисть, чтобы создать обводку по краям, и создать полосами, глаза и рот. Затем добавьте следующие стили слоя,  слою с мехом. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Добавим Gaussian Blur = Размытие по Гауссу Эффект вышитого джинсового текста - уроки фотошоп Теперь выберите слой с телом пчелы,  также добавим маску слоя. И серой кистью, закрасим внутри крыльев, что сделать их прозрачными. И добавьте следующие стили слоя. Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп Эффект вышитого джинсового текста - уроки фотошоп С пчелкой закончили, теперь мы сделаем ее след. На  новом слое используя розовую кисть, нарисуем фигурные линии, это будет действовать в качестве направления. Эффект вышитого джинсового текста - уроки фотошоп Теперь на  новом слое, небольшой черной кистью нарисуем стежки. Как только вы закончите, вы можете удалить слой розового цвета, и добавьте знакомые вам по прежним стежкам или похожие стили слоя. Эффект вышитого джинсового текста - уроки фотошоп Наконец добавить Hue/Saturation  = Цветовой тон/Насыщенность корректирующего слоя, и поставим значение насыщения около 25. Эффект вышитого джинсового текста - уроки фотошоп Ваша панель слоев,  в конечном итоге, должна выглядеть, как  показано ниже. Эффект вышитого джинсового текста - уроки фотошоп Вот еще несколько примеров с использованием различных текстур. Эффект вышитого джинсового текста - уроки фотошоп   Эффект вышитого джинсового текста - уроки фотошоп Ссылка на источник: http://designnocturne.com/

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика