dle шаблоны бесплатно Системный трейдинг
Авторизация с помощью Вконтакте
» Уроки Photoshop » Урок Photoshop - Эффект швов на тексте (Уроки Photoshop) - скачать бесплатно

Урок Photoshop - Эффект швов на тексте

В данном уроке я покажу вам, как конвертировать текст в Контур (Path), и как «заштопать» этот контур, используя кастомизированные кисти.

Эффект швов на тексте


За годы работы графическим дизайнером у меня набралась приличная коллекция кастомизированных кистей (brushes), фигур (shapes) и команд (actions), которые я бережно разложил по папкам для будущего использования. Кисти, которыми я сегодня с вами поделюсь, хранятся в моей коллекции лет пять или шесть, и время от времени они приходят мне на помощь.
Обязательно скачайте этот набор кистей stitchesofthread.rar , прежде чем мы начнем урок.

Шаг 1
Стартуем с создания нового файла в Photoshop. Мой - размером 540х300 пикселей с разрешением 72 пикселя на дюйм (ppi).
Делать швы на белом полотне будет скучновато, так что давайте немного украсим слой Фона (Background) какой-нибудь текстурой. По умолчанию слой Фона (Background) в любом новом документе Photoshop заблокирован, поэтому нужно клинкуть мышкой дважды по этому слою в панели Слоев (Layers), чтобы открылось диалоговое окно Свойства слоев (Layer Properties). Переименуйте слой или назовите его также Фон (Background) и нажмите ОК, этим мы и разблокируем слой.
Урок Photoshop - Эффект швов на тексте


Шаг 2
Теперь, когда наш Фон (Background) разблокирован, можно добавить Шаблон (Pattern) стилем Наложение (Overlay), что в результате даст нам быстрый и простой джинсовый фон, на котором мы будем дальше работать. Правой кнопкой мыши (или удерживая клавишу Ctrl в iOS) кликните по слою с Фоном (Background) в панели Слоев (Layers), и выберите из выпавшего меню Настройки смешивания (Blending option). Вам откроется окно Стили слоев (Layer Styles). В левой части окна найдите Наложение шаблона (Pattern overlay) и кликните по тексту (только по тексту, а не по флажку. Если вы поставите флажок/галочку, то вы включите сам стиль, но настроек не увидите, поэтому важно нажать именно на текстовую часть, чтобы изменить настройки стиля наложения шаблона). Далее нам нужно загрузить новый набор Шаблонов (Patterns). Кликните по подборке Шаблонов (Patterns), вам откроется выбор имеющихся шаблонов, затем в верхнем правом углу этого окна найдите и кликните по стрелочке, обведенной в кружок. Выберите из списка Patterns 2 и нажмите ОК, чтобы загрузить новый набор шаблонов в вашу палитру. Теперь просто выберите шаблон Denim, который расположен четвертым по списку, затем нажмите ОК, чтобы закрыть окно Стили слоев (Layer styles) и применить выбранный шаблон.
Да, картинка немного перегружена деталями… но, думаю, вы уловили суть.
Урок Photoshop - Эффект швов на тексте


Шаг 3
Сейчас у вас должен быть джинсовый фон и иконка стиля слоя на самом Фоновом (Background) слое.
Урок Photoshop - Эффект швов на тексте


Шаг 4
Пришло время добавить немного текста. Нажмите клавишу D, чтобы установить основным цветом черный, затем нажмите клавишу T, чтобы задействовать инструмент Текст (Type). Расположите курсор на своем полотне и напечатайте какой-нибудь текст. Обратите внимание, когда вы пишете текст, Photoshop автоматически добавляет новый слой под этот текст.
(Примечание: чтобы зафиксировать текст, можно просто нажать Enter или отметить галочку на панели Photoshop в верхней части окна).
Урок Photoshop - Эффект швов на тексте


Шаг 5
Теперь, когда у нас есть текст, нужно создать линию контура букв. Правой кнопкой мыши (или удерживая клавишу Ctrl в iOS) кликните по тексту и выберите из предложенного меню Создать рабочий контур (Create Work Path). У каждой буквы теперь появится белый контур - значит, вы все сделали правильно. Этот контур в дальнейшем мы будем использовать для создания швов.
Урок Photoshop - Эффект швов на тексте


Шаг 6
Поверх вашего текста добавьте новый слой, нажав на иконку на панели слоев Добавить новый слой (Add New Layer) или горячими клавишами Ctrl+Alt+Shift+N (Command+Option+Shift+N в iOS). Переименуйте слой двойным кликом по названию слоя. Я свой назвал Швы (Stitches).
Урок Photoshop - Эффект швов на тексте


Шаг 7
Ну, пришло, наконец, время подготовить все для «вышивания», и первым делом надо загрузить наши кисти. Если вы этого еще не сделали, скачивайте тут (ссылка на скачивание файла 1-StitchesOfThread). Сохраните их на рабочем столе или в другом месте, которое вы легко запомните.
Нажмите клавишу B, чтобы активировать инструмент Кисть (Brush), затем откройте панель кистей, нажав Окно – Кисти (Window – Brushes) в основном меню Photoshop. В верхнем правом углу панели кистей нажмите кнопку опций и выберите из выпавшего меню Загрузить кисти (Load Brushes). Найдите кисти с швами, которые вы загрузили ранее, и нажмите Загрузить (Load). Далее вам будет предложено Добавить (Append) кисти в конец имеющегося списка кистей или заменить существующие кисти, просто кликнув ОК. В своем случае я буду заменять существующие кисти, но любой из вариантов пойдет.
Урок Photoshop - Эффект швов на тексте


Шаг 8
Теперь, когда у нас есть необходимые кисти, давайте выберем V-образную кисть. Нужно будет кое-что изменить в ее настройка, чтобы она работала так, как нам нужно.
Первым делом давайте уменьшим размер примерно до 8 пикселей в настройках Диаметра (Diameter), также обязательно поставьте галочку на Интервале (Spacing) и увеличьте его примерно до 80%. Увеличение интервала позволит буковкам V накладываться друг на друга, как настоящие швы.
Урок Photoshop - Эффект швов на тексте


Шаг 9
Здесь же в настройках кисти нажмите на Динамику Формы (Shape Dynamics), поставьте галочку, и убедитесь, чтобы Колебание Угла (Angle Jitter) было установлено на Направление (Direction). Это позволит кисти поворачиваться на необходимые углы при прохождении поверх наших букв.
Урок Photoshop - Эффект швов на тексте


Шаг 10
Ну и, наконец, пора подключать магию. Надевайте свой колпак мага и переключите цвета переднего и заднего фона, нажав клавишу X (теперь в самом низу панели инструментов на переднем плане будет белый цвет). Жмите клавишу P, чтобы переключиться на Перо (Pen tool), и затем нажмите правой кнопкой мыши (или кликните, удерживая клавишу Command в iOS) где-нибудь на белом контуре вокруг текста. Из появившегося меню выберите Обводка контура (Stroke path), в выпавшем меню выберите Кисть (Brush) и убедитесь, что на функции Имитация нажима (Simulate Pressure) не стоит галочка, затем нажмите ОК.
Сейчас вы увидите, что кисть, которую мы выбрали, обвела все буквы по контуру текста. И так как нам уже не нужны контуры, можете пройти во вкладку Контуры (Paths) в окне Слоев (Layers) и удалить его, или просто нажмите Ctrl+H (Command+H для iOS), чтобы спрятать его.
Урок Photoshop - Эффект швов на тексте


Шаг 11
Чтобы сделать швы более реалистичными, давайте добавим несколько стилей к слою Швы (Stitches). Так же, как и в Шаге 1, давайте правой кнопкой мыши (или удерживая клавишу Command в iOC), кликнем по слою Швы (Stitches) и выберем Параметры наложения (Blending Options). Теперь добавьте следующие функции: Отбросить тень (Drop Shadow) и Тиснение (Bevel and Emboss), что в купе даст эффект объемности нити.
Урок Photoshop - Эффект швов на тексте


Шаг 12
Прежде чем пойти дальше, позвольте поделиться одним небольшим трюком для изменения цвета фона. Так как фон у нас является установленным заранее цветовым шаблоном, а не наложенной картинкой, мы не можем просто изменить его цвет, придется прибегнуть к другим методам. На панели Слоев (Layers) нажмите на Фон (Background), чтобы он стал активным. Теперь добавьте корректирующий слой, нажав на иконку Создать новую заливку или Корректирующий слой (Create A New Fill or Adjustment Layer) в самой нижней панели окна Слои (Layers) (это круг, наполовину черный, наполовину белый), выберите Цветовой тон/Насыщенность (Hue/Saturation) и установите настройки, как у меня на скриншоте (или что-то другое, что вам больше по душе).
Урок Photoshop - Эффект швов на тексте


Шаг 13
Последние штрихи – изменение Режима Наложения (Blend Mode) слоя с Текстом (Text) на Умножение (Multiply) с Заливкой (Fill) 70%. Таким образом, мы позволим нашей текстуре денима пробиться немного сквозь наш текст, придав ему чуть больше объема и реалистичности.
(Примечание: можно было бы также добавить картинку реальной ткани поверх слоя с текстом и использовать Обтравочную маску (Clipping Mask) для большей крутизны)
Урок Photoshop - Эффект швов на тексте


Шаг 14
Всегда, когда будете использовать текст для создания такого эффекта, вам придется применять к буквам контур. Но что, если вы хотите просто создать текст из швов? Ну, если у вас есть хоть какой-то небольшой опыт в работе с Пером (Pen tool), то вы сможете применить данную технику к любому количеству контуров, которое захотите создать.
Ниже я использовал Перо (Pen tool) для создания такого текста.
Урок Photoshop - Эффект швов на тексте


Шаг 15
Далее я переключаюсь на Кисть (Brush tool), уменьшаю диаметр до 6 пикселей, переключаюсь обратно на Перо (Pen tool) и обвожу по контуру, как мы делали в Шаге 10.
Потом я добавил тот же эффект Тиснение (Bevel and Emboss) и Отбросить Тень (Drop Shadow) к этому новому слою с швами, точно так же, как мы делали это на оригинальном тексте.
Урок Photoshop - Эффект швов на тексте


Шаг 16
На моей последней картинке я решил поиграть с техниками, которым мы научились в этом уроке. Смотрите мой .PSD-файл для скачивания ниже, чтобы посмотреть все последние корректировки!
Урок Photoshop - Эффект швов на тексте


Файлы для скачивания + Дополнительные ресурсы
Скачайте .PSD-файл и другие файлы к уроку ЗДЕСЬ 2-pshero_0065.zip
Особое спасибо Denis Germain, бывшему члену http://eScrappers.com, который создал эти потрясающие полезные кисти.
Источник: http://pshero.com/photoshop-tutorials/text-effects/text-in-stitches

0 комментариев

Оставить отзыв