Как сделать стежки в фотошопе

Labdes

Как сделать стежки в фотошопеВ этом уроке фотошоп для начинающих мы расскажем вам о том, как совместить фильтры Photoshop, кисти и векторные фигуры для создания эффекта вышитого текста или шва или стежков на джинсовой ткани с помощью Photoshop. Урок рассчитан на использование фотошопа CS6, но я думаю, что в предыдущих версиях его тоже можно повторить. Эффект простроченного текста на джинсовой ткани получится очень реалистичным. Не смотря на много шагов все очень просто и тут должен справиться любой кто даже только начинает изучать фотошоп. И так давайте приступим!

Вот что мы должны получить в итоге когда наш урок по фотошопу для начинающих будет пройден:

Как сделать стежки в фотошопе

Шаг 1

Создайте новый документ размером 1250 x 768px.

Как сделать стежки в фотошопе

Установите основной (Foreground) цвет #83b7ca и фоновый (Background) цвет #22576b, затем залейте полотно основным цветом.

Как сделать стежки в фотошопе

Далее, мы собираемся применить несколько фильтров, чтобы создать джинсовую текстуру. Эта же текстура будет использоваться как для фона так и для текста. Перейдите в Filter ⇨ Filter Gallery ⇨ Sketch ⇨ Halftone Pattern. Измените размер (Size) до 1, контрастность до 0, и выберите “Dot” из раскрывающегося списка шаблонов.

Как сделать стежки в фотошопе

Таким образом мы создали основу для джинсовой текстуры.

Как сделать стежки в фотошопе

Теперь перейдите в Filter ⇨ Filter Gallery ⇨ Artistic ⇨ Smudge Stick. Измените Stroke Length до 2, Highlight Area до 12, а Intensity (интенсивность) до 10.

Как сделать стежки в фотошопе

Этим мы создали основную текстуру джинсовой ткани на которой потом будет размещен наш прошитый стежками текст.

Как сделать стежки в фотошопе

Теперь Идем в Filter ⇨ Filter Gallery ⇨ Texture ⇨ Grain. Меняем Intensity до 11, Contrast до 50, и выбираем “Regular” из выпадающего списка меню.

Как сделать стежки в фотошопе

Это позволит добавить тонкий шум к нашей джинсовой текстуре, и сделает ее еще более реалистичной.

Шаг 2

Как сделать стежки в фотошопе

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

Как сделать стежки в фотошопе
Переходим в меню Image ⇨ Adjustments ⇨ Levels и изменим значения Shadows до 35, чтобы затемнить нашу текстуру немного побольше.

Шаг 3

Как сделать стежки в фотошопе

Создайте текст белого цвета (например, слово Denim), используя шрифт Grobold который будет играть роль в качестве вышитого текста на джинсовой ткани. Можно также попробовать шрифт Arial Black или еще какой то с “жирным” начертанием. На вкладке Character, измените свойства текста: размер установите в 300px и расстояние между буквами (Tracking) до 75, чтобы избежать перекрытия.

Как сделать стежки в фотошопе

Обратите внимание, что буква “D” все еще находится слишком близко к букве “е”, что может привести к нежелательным перекрытиям краев позже. Чтобы исправить это, поместите текстовый курсор между буквами “D” и “е”, затем измените значение кернинга до 68.

Шаг 4

Как сделать стежки в фотошопе

Сделайте слой “Background copy” видимым, нажав на пустое поле рядом с ним, и перетащить его на самый верх над текстовым слоем. Затем нажмите Ctrl/Cmd и кликните по слою с текстом, чтобы создать его выделение.

Как сделать стежки в фотошопе

Теперь перейдем в Select ⇨ Modify ⇨ Expand и введем значение 6. Большие значения могут привести к слиянию нашего очертания в некоторых частях, чего нам не нужно. Поэтому убедитесь, что вы выбрали оптимальное значение если используете другой шрифт.

Как сделать стежки в фотошопе

Выберите слой “Background copy”, а затем нажмите Ctrl/Cmd + J. Это скопирует и вставит выделенную область на новый слой ‘Layer 1′. Пока что нам не нужен слой “Background copy” поэтому сделаем его невидимым.

Как сделать стежки в фотошопе

Продублируем наш новый слой “Layer 1″, а затем изменим режим наложения копии на Soft Light и установим непрозрачность слоя до 50%. Это позволит усилить цвета и детали текстур.

Как сделать стежки в фотошопе

Дважды щелкните на слой “Layer 1″, чтобы применить простой Inner Shadow эффект (внутренней тени), и изменим Opacity (непрозрачность) до 50%, расстояние (Distance) до 0, а размер (Size) до 2.

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

Шаг 5

Как сделать стежки в фотошопе

Продублируем текстовый слой, а затем сделаем исходный слой невидимым. Переместим копию поверх всех слоев.

Как сделать стежки в фотошопе

Щелкним правой кнопкой мыши на копии текстового слоя, и затем выберем Convert to Shape. Теперь текст больше редактировать нельзя.

Как сделать стежки в фотошопе

Выберите любой Shape Tool и посмотрите на панели параметров в верхней части. Есть несколько новых интересных возможностей, представленных в Photoshop CS6, которые помогут нам создать стежки легко и быстро. В предыдущих версиях фотошопа, я думаю что пунктирную линию можно воспроизвести создав кисть из пунктира.

Как сделать стежки в фотошопе

Для начала, чтобы избавиться от внутренней части формы, выберете “No Color” под значком Fill (Заливка). Это значение не то же самое значение что заливка слоя. Первый будет избавиться от цвета внутри формы, но не повлияет на обводку, в то время как другие будут влиять как на цвет заливки так и на контур.

Шаг 6

Как сделать стежки в фотошопе

Теперь нам нужно добавить контур для формы. Для этого нажмите на значок Stroke, и выберите “Solid Color”. Затем, нажмите на значок Color Picker, и выберете цвет #c0b384.

Как сделать стежки в фотошопе

Введите 3 в поле ширины обводки (Stroke), затем нажмите на выпадающий список типа обводки и выберите пунктирную линию. Чтобы изменить еще несколько настроек обводки, нажмите кнопку More option (Дополнительные параметры) внизу окна.

Как сделать стежки в фотошопе

В окне Stroke, установите Align (выравнивание) – Inside, значение Caps – Butt, и Corners (уголки) – Miter. Затем измените первго Dash (тире) до 2.5, и первое значение Gap (зазора) в 1. Как вы могли заметить, значение Dash определяет длину тире, а значение Gap определяет расстояние между черточками.

Шаг 7

Как сделать стежки в фотошопе

Дважды щелкните на слое со стежками (text shape), чтобы применить следующие стили слоя:

Bevel and Emboss: Стежки несколько тоньше, поэтому измените Size до 0. Также измените Highlight Mode цвет на #bea85a.

Как сделать стежки в фотошопе

Добавим Contour: ипользуем значения по умолчанию.

Как сделать стежки в фотошопе

Inner Shadow: Изменим Distance до 0 и Size до 1.

Как сделать стежки в фотошопе

Gradient Overlay: Изменим Blend Mode на Multiply, прозрачность Opacity до 50%, и используем градиент “Gold Rail G2″ из набора градиентов “Tracks.grd”, затем изменим Style на Reflected.

Как сделать стежки в фотошопе

Outer Glow: Изменим Blend Mode на Multiply, цвет на #444425, и Size до 0. Это позволит усилить эффект тени.

Как сделать стежки в фотошопе

Drop Shadow: Изменим цвет Blend Mode на #112d37, Opacity до 80%, Distance до 0, Size до 7, и Contour выберем Cove Deep.

Как сделать стежки в фотошопе

Все это должно добавить 3D эффект к нашим вышитым стежкам на джинсовой ткани.

Если вы думаете, что стежки слишком резки вы можете уменьшить Opacity (прозрачность) слоя до значения около 85%.

Шаг 8

Как сделать стежки в фотошопе

Нажмите Ctrl/Cmd + клик на миниатюре слоя джинсовой текстуры (Layer 1 copy), чтобы выделить его.

Как сделать стежки в фотошопе

Кликните на значке ‘Create new fill or adjustment layer’ внизу панели свойств и выберете Hue/Saturation. Выделение создаст маску для корректирующего слоя таким образом, что она будет влиять только на текстуру.

Как сделать стежки в фотошопе

Как сделать стежки в фотошопе

Создайте также еще раз выделение, снова кликните внизу на значок ‘Create new fill or adjustment layer’ и выберете теперь Levels.

Как сделать стежки в фотошопе

Измените значение Shadows до 30 чтобы затемнить нашу текстуру.

Шаг 9

Как сделать стежки в фотошопе

Откройте Brush panel (Window ⇨ Brush) и выберете кисть “Dune Grass” затем измените параметры как указано ниже:

Как сделать стежки в фотошопе

Как сделать стежки в фотошопе

Как сделать стежки в фотошопе

Dual Brush: выберете кисть “Chalk 36 pixels”:

Как сделать стежки в фотошопе

Шаг 10

Как сделать стежки в фотошопе

Щелкните правой кнопкой мыши на оригинальном текстовом слое и выберите команду Create Work Path.

Как сделать стежки в фотошопе

Установите цвет Foreground #597f91 и Background #081f30. Создайте новый слой ниже двух denim слоев с текстурой и назовите его “Stroke”.

Как сделать стежки в фотошопе

Выберите инструмент Direct Selection Tool, затем правой кнопкой мыши кликните по Work Path и выберите Stroke Path.

Как сделать стежки в фотошопе

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

Это сделает обводку вышитого текста на джинсе с некоторыми потертыми, потрепанными краями, но они сейчас покажутся тонкими и редкими. Чтобы сделать их более плотными, повторите прием Stroke Path еще пару раз.

Как сделать стежки в фотошопе

Теперь у вас должны получиться еще более лучшие и еще более реалистичные края вышитого текста на джинсе. Нажмите Esc чтобы избавиться от контуров пути.

Шаг 11

Как сделать стежки в фотошопе

Дважды щелкните на слое “Stroke”, чтобы применить простую тень, измените цвет на #222222, Distance до 10, Spread до 15, а Size до 10.

Как сделать стежки в фотошопе

Тень добавит глубину текстуре.

Шаг 12

Как сделать стежки в фотошопе

Создайте новый слой поверх всех слоев и назовите его “Dirt”, а затем измените режим смешивания (Blend Mode) на Darker Color. Установите основной цвет (Foreground) на #8c6239.

Как сделать стежки в фотошопе

Нажмите Ctrl + клик на миниатюру слоя джинсовой текстуры (Layer 1), затем Shift + Ctrl + Клик на слое “Stroke”, чтобы добавить его к выбору.

Используйте любую кисть из “Rust-н Grunge” пакета, чтобы добавить немного грязи в тексте. Это может быть не так заметно, но это добавит приятные черты после окончательного добавления корректирующего слоя.

Шаг 13

Как сделать стежки в фотошопе

Пока активно выделение, создайте новый слой поверх всех слоев и назовите его “Clouds”. Установите цвета текста и фона по умолчанию на черный и белый (D), затем перейдите к Filter ⇨ Render ⇨ Clouds. Перейти к Select ⇨ Deselect (или нажмите Ctrl/Cmd + D), чтобы избавиться от выделения.

Как сделать стежки в фотошопе

Измените Blend Mode слоя “Clouds” на Overlay, и его прозрачность (Opacity) уменьшите до 30%, или до значения которое вам понравится. Это добавит блеска в текстуру.

Шаг 14

Как сделать стежки в фотошопе

Нажмите значок Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выберите Gradient Map.

Как сделать стежки в фотошопе

Убедитесь, что корректирующий слой находится поверх всех слоев. Измените режим смешивания (Blend Mode) на Soft Light и прозрачность (Opacity) до 50%. Это позволит улучшить цветопередачу.

Как сделать стежки в фотошопе

Кликните на полоске с градиентом и поменяйте цвета на #504d44 слева и #aba277 справа.

Шаг 15

Как сделать стежки в фотошопе

Создайте новый слой между слоями “Clouds” и “Dirt” слоев и назовите его Rivets (Заклепки). Дважды щелкните на новом слое, чтобы применить следующие стили слоя к нему:

Как сделать стежки в фотошопе

Bevel and Emboss: Измените Gloss Contour на Half Round, Highlight Mode на Vivid Light и его прозрачность (Opacity) до 65%, поставьте чекбокс Anti-aliased.

Как сделать стежки в фотошопе

Contour: Выберет Cone contour, и поставьте чекбокс Anti-aliased.

Как сделать стежки в фотошопе

Drop Shadow: Просто поменяйте Distance до 0.

Как сделать стежки в фотошопе

Установите цвет Foreground на #564a2e, выберите круглую кисть (hard round) 13px, и начните добавлять заклепки по углам букв.

По окончании нашего урока по фотошопу, который подойдет даже для новичков, мы должны получить примерно такой вот красивый эффект вышитого или пришитого текста на ткани:

Источник

С помощью такой кисти можно имитировать стежки, получаемые с помощью швейной машинки, на каком-либо тканевом материале.

Урок подходит доя всех версий Photoshop, начиная с CS3.

Пример стежка на фетре:

Как сделать стежки в фотошопе
Создание документа и определение кисти.

На панели инструментов выберите инструмент «Кисть» (Brush Tool) и нажмите на кнопку в левом верхнем углу окна Photoshop`а для того, чтобы открылась панель выбора кистей, где выберите созданную кисть, у меня она называется «stitch»:

Как сделать стежки в фотошопе
Выбор вновь созданной кисти.

Как сделать стежки в фотошопе
Изменение интервала кисти

Затем нажмите на вкладку «Динамика формы» (Shape Dynamic), в окне в разделе «Колебание угла» (Angle Jitter) измените параметр «Управление» (Control) на «Направление» (Direction):

Как сделать стежки в фотошопе
Изменение параметров кисти.

Нажмите на квадратик, расположенный в правом верхнем углу окна, в открывшемся меню кликните по строке «Новый набор параметров кисти» (New Brush Preset):

Как сделать стежки в фотошопе
Сохранение параметров кисти в новом наборе.

Откроется новое окно, где введите имя нового набора, я ввёл stitch2.

Создание кисти на этом закончено.

Создайте в Photoshop новый документ с светлым фоном. Создайте в документе новый пустой слой. Выберите stitch2 в панели выбора кистей и попробуйте провести инструментом «Кисть» волнистую линию, если вы всё сделали правильно, то должно получиться что-то вроде этого:

Как сделать стежки в фотошопе
Линия, нарисованная при помощи кисти-стежка.

Но на стежок нити на ткани пока мало похоже, не так ли? Чтобы было всё хорошо, необходимо добавить стили слоя к фону и к слою со стежком. Дважды кликните по фоновому слою в панели слоёв для его разблокировки и примените к нему стили «Наложение узора» (узор Photoshop(файл pattern_felt.pat) для этого стиля можно здесь) и «Наложение цвета» со следующими параметрами:

Как сделать стежки в фотошопе Как сделать стежки в фотошопе

К слою со стежком примените следующие стили слоя:

Со следующими параметрами:

Как сделать стежки в фотошопе Как сделать стежки в фотошопе Как сделать стежки в фотошопе Как сделать стежки в фотошопе

И вот как выглядит документ после добавления стилей:

Как сделать стежки в фотошопе
Добавление стилей слоя к фону и слою со стежком.

Как сделать стежки в фотошопе
Обводка стандартной произвольной фигуры Photoshop кистью stitch2.

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *