Эффект вышитого джинсового текста
Нравится(+) 0 Не нравится(-)

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


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



Сразу предупредим: урок долгий и похож на настоящий процесс вышивания. Так что, если нужно упокоить нервы - просто повторите его.
Для фона мы будем использовать джинсовую текстуру, которую вы можете скачать здесь (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.

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

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

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

 

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

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Автор перевода не указан
Сложность
Средняя
Источник
Добавил
Yara
Дата
17-05-2019, 20:04
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 2 * 2 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Опубликовано Вчера, 20:50
Опубликовано 11-10-2019, 11:28
Опубликовано 7-10-2019, 20:00
Опубликовано 25-09-2019, 19:33
Опубликовано 24-09-2019, 18:42
Архив сайта
.