Как нарисовать нитку в фотошопе
Удобнее при рисовании, как основу, использовать фотографию или карандашный рисунок узелка, чтобы не запутаться в самом узелке.
Для тренировки предлагаю данную фотку. Она маленькая, но узелок простой.
Можно снизить прозрачность слоя – удобнее будет работать.
Начинаем. Перо (Pen Tool) будет нашим основным инструментом.
Начинаем рисовать участки шнура при помощи Пера (Pen).
К каждому участку узелка, на отдельных слоях, применяем:
Фильтр (Filter)– Текстура (Texture) - Текстуризатор (Texturizer)– Песчаник (Sandstone).
С параметрами: Масштаб (Scaling) - 70, Рельеф (Relief) – 13, Свет (Light) – Низ (Bottom).
Ослабляем данный эффект.
Правка (Edit) – Ослабление Текстуризатора (Fade Texturizer) -70%. Этот шаг необходимо выполнять сразу после применения фильтра.
Стили Слоя (Layer-Style) – Внутренняя тень (Inner Shadow):
Вот что получилось.
Затем необходимо скрыть наши слои с узелком и внимательно посмотреть на оригинал – как располагаются участки нити. В каких местах нитка уходить вниз, в каких появляется наверх. И при помощи инструмента Ластик (Eraser Tool) стираем лишние участки.
Эффект тени будет переходить на края ниток, что нам и требуется для придания объёма.
Вот и узелок готов!
А теперь нарисуем кисти! Так для тренировки… вдруг пригодится… : )
Инструментом Эллипс (Elipse Tool), с прижатой кнопкой Слой формы (Shape layers)в панели свойств инструмента и рисуем красный овал. Это будет основание кисти.
Немного корректируем форму инструментами Трансформации (Правка (Edit) – Трансформациия (Tramsform)- …).
Для этого слоя повторяем шаги:
Фильтр (Filter)– Текстура (Texture) - Текстуризатор (Texturizer)– Песчаник (Sandstone).
С параметрами: Масштаб (Scaling) - 70, Рельеф (Relief) – 13, Свет (Light) – Низ (Bottom).
Ослабляем данный эффект. Правка (Edit) – Ослабление текстуратора (Fade Texturizer) -70%.
Стили Слоя (Layer-Style)
Далее, выбираем инструмент Перо (Pen Tool) и рисуем нити кистей. Сохраняем контуры, они нам ещё пригодятся.
Двойной клик на рабочем контуре (в панели Контуры (Paths) и он сохранится под любым названием.
Копируем слои, заполняем всё пространство кисти.
Необходимо проследить, чтобы между нитями не осталось пустых мест. Если такие имеются – закрасить!
Сливаем слои с нитями кисти (Layer-Merge Layers).
Снова повторяем шаги, для полученного слоя:
Фильтр (Filter)– Текстура (Texture) - Текстуризатор (Texturizer)– Песчаник (Sandstone).
С параметрами: Масштаб (Scaling) - 70, Рельеф (Relief) – 13, Свет (Light) – Низ (Bottom).
Ослабляем данный эффект. Правка (Edit) – Ослабление текстуратора (Fade Texturizer) -70%.
Стили Слоя (Layer-Style)
Опять сливаем слои с нитями кисти.
Добавляем Стиль слоя (Layer Style) Внутреннюю тень (Inner Shadow):
Можно немного «размахрить» концы кисти или добавить отдельные нити. Всё на Ваше усмотрение! Копируем слои с Кисточкой и переносим копии на второй шнурок.
Вот и получился у нас замечательный шнурок с кисточками.
А это ещё один шнурок, но уже с монетками. Как нарисовать монетку Вы найдёте в этом уроке нашего сайта. Здесь я нарисовала свои монетки.
Все настройки Вы можете менять по своему усмотрению и желанию!
В этом уроке вы научитесь создавать кисть и узнаете как с её помощью нарисовать реалистичную цепь.
Сложность урока: Средний
В этом уроке я покажу вам, как создать пользовательскую кисть Цепь, а также, как придать созданному с помощью кисти изображению, эффект металла, цвет и объем с помощью стилей слоя.
Шаг 1
Создайте новый рабочий документ 600×300 px и разрешением 72 пикс/дюйм в программе Photoshop. Залейте его белым цветом. Выберите инструмент Скругленный прямоугольник (U) (Rounded Rectangle), режим Фигура (Shape) выставите Обводку (Stroke) толщиной 22 пункта, и создайте форму звена цепи, без заливки.
Измените форму, сделав её более круглой. Используйте инструмент Стрелка (Direct Selection Tool / A) , чтобы активировались опорные точки, используя инструмент Перо (Pen Tool) уберите некоторые из них, и добавьте если нужно новые, постарайтесь сделать форму круглее.
Когда вы закончите заготовка должна выглядеть, как показано ниже.
Примечание переводчика: предложенный выше вариант работы подойдет для Photoshop CC. Если у вас более ранняя версия, то можно сделать следующее. Перед началом использования инструмента Скругленный прямоугольник (U) (Rounded Rectangle), на верхней панели выставите Радиус скругления 100, чем он выше, тем более плавный переход будет между сторонами фигуры, и создайте фигуру, похожую на звено цепи, не больше четверти вашего рабочего холста. Когда ваш контур станет формой похож на звено цепи, придадим ему толщину – выставим Цвет переднего плана по умолчанию черно – белый (D), выберем инструмент Жесткую кисть, и выставим ее толщину 20 – 26 пикселей, активируем инструмент Перо (Pen Tool), правой кнопкой щелкаем по фигуре, выбираем Выполнить обводку контура (Stroke Path) – кисть, галочку Имитировать нажим (Simulate Pressure) убрать – ОК. Наша фигура приобрела толщину, согласно тому размеру Жесткой кисти, который мы выбрали. Активировав инструмент Перо (Pen Tool), опять щелкаем правой кнопкой по холсту – Удалить контур (Delete Path). У нас осталась только черная обводка, которая у будет основой звена цепи, а тонкая линия первичного контура исчезла.
Затем автор, используя инструмент Скругленный прямоугольник (U) (Rounded Rectangle), режим Фигура (Shape) создает звенья цепи, повернутые к нам ребром, и заливает их черным цветом.
Примечание переводчика: Выбираем инструмент Скругленный прямоугольник (U) (Rounded Rectangle), на верхней панели выставляем Радиус скругления 100, и создаем звено цепи похожее по форме на капсулу. Если созданный вами контур находится на холсте не в том месте где надо, ничего страшного. На панели инструментов есть инструмент Стрелка (Direct Selection Tool) (а) . Выбираем ее, щелкнув по холсту и зажав кнопку мыши, передвинем контур на нужное место. Выставим Цвет переднего плана по умолчанию черно – белый (D), активируем инструмент Перо (Pen Tool), правой кнопкой щелкаем по холсту – Выполнить заливку контура (Fill Path). Наша "капсула" закрасится черным. Все также с активным инструментом Перо (Pen Tool), опять щелкаем правой кнопкой по холсту – Удалить контур (Delete Path). Создадим дубликат этого слой с черной "капсулой" – Слои (Layer) – Создать дубликат слоя (Duplicate Layer) и расположим ее с другой стороны созданного нами в начале урока, звена цепи.)
Таким образом мы нарисовали три звена цепи, одно развернутое к зрителю, и два по бокам, повернутые ребром.
Шаг 2
Теперь пора создать кисть. На панели инструментов выбираем Выделение – Прямоугольное выделение (М) (Rectangular Marquee Tool), и выделяем нашу фигуру. Далее на верхней панели – Редактирование (Edit) – Определить кисть (Define Brush Preset).
Кисть создана. Видимость этого слоя можно отключить, щелкнув по знаку "Глаз" на панели Слоев.
Шаг 3
Примечание переводчика: Перед тем, как приступить к настройке новой кисти, создаем новый слой. Слой – Новый слой (Ctrl+Shift+N .Зальем его Градиентом (Gradient) , выберем цвет переднего плана bfc8cc, цвет заднего плана e8f3f7, выбираем Линейный градиент (Linear Gradient), и заливаем холст. Далее, создаем новый слой, над слоем с градиентом: (Создаем – Слой – Новый слой (Ctrl+Shift+N). На этом слое, нашей новой кистью, мы будем рисовать цепь. (Чтобы цепь получилась более красивой и ровной, можно воспользоваться инструментом Перо (Pen Tool) – на этом же новом слое, создадим ломаную кривую, с четырьмя точками, выберем – Перо (Pen Tool) – Угол (Convert Point Tool), выбираем вторую точку, щелкаем по ней, и потянув направляющие, делаем плавный изгиб, то же самое делаем и с третьей точкой, крайние не трогаем. Мы получили плавную изогнутую линию, на ней мы после настройки Кисти, в Шаге 4, расположим цепь.
Находим и выбираем созданную нами Кисть. Теперь ее надо настроить, без настроек кисть выглядит "рваной".
Нажмем F5. В открывшемся окне, активируем строку "Форма отпечатка кисти" (Brush Tip Shape). Выставляем Диаметр 292 пикселя.
Примечание переводчика: У автора 292 пикселя, для нашего холста можно использовать 63 пикселя, иначе кисть будет слишком большой.
Интервалы 235%. Далее, выбираем строку "Динамика формы" ( Shape Dynamics). Здесь, отключаем Колебание размера (Size jitter); Колебание угла (Angle jitte) – выбираем Направление (Direction); ниже – Колебание формы (Roundness jitter) – выбираем Копировальное колесико ( Stylus Wheel); Минимальная форма 100%.
Ставим галочки на строках "Другая динамика " (Other Dynamics) Photoshop CS3 / Transfer (Передача) – начиная с CS5, (здесь все выбираем Отключить) и "Сглаживание" (Smooth) (здесь ничего не надо менять).
Кисть настроена, окно можно закрыть. (Примечание: некоторые из настроек работают только на планшете)
Шаг 4
Нарисуем новой кистью цепь, на новом слое.
Теперь постараемся создать объем и текстуру металла. Пришло время использовать стили слоя. (На панели Слои (Layer), стоим на слое с цепью, и щелкнув два раза, переходим в меню Стили слоя (Layer Style). Начнем со стиля Наложение градиента (Gradient Overlay), выберем градиент от светлого к темному. Выставляем:
Шаг 5
Переходим в Стиль слоя – Обводка (Stroke). Настройки:
- размер: 1 пиксель,
- положение: Внутри (Inside),
- режим: Нормальный (Normal).
- тип обводки: Градиент, Выбираем градиент.
Примечание переводчика: (Здесь автор создает новый градиент, из переходов белого, черного и серого. Щелкнем по окошечку с градиентом, для его редактирования. Откроется окно – Редактор градиентов (Gradient Editor). Щелкаем по нижней левой контрольной точке, затем по окошечку Цвет (Color), выбираем оттенок. Цвет точки выбран, щелкаем мышкой правее первой контрольной точки, и таким образом создаем еще одну точку, выбираем оттенок свето – серого, и так создаем еще 2 – 3 точки. Нажимаем на кнопочку – Новый. Градиент добавился в окне наборов градиентов. Возвращаемся в стиль слоя). Стиль – Ромбовидный. Угол – 90, Масштаб 150%.
Шаг 6
Чтобы добавить объем, используем Стиль слоя – Тиснение ( Bevel & Emboss). Настройки:
Примечание переводчика: мне кажется, что стиль – Внутренний скос (Inner Bevel), в этой работе смотрится лучше.
Добавим Стиль слоя Тень (Drop Shadow). Настройки:
- Режим наложения Умножение (Multiply),
- Прозрачность (opacity): 15 %,
- Cмещение (distance): 21 пиксель,
- Размер (size)15 пикселей.
И последний стиль слоя – Внешнее свечение (Outer Glow). Настройки:
- Режим наложения: Осветление (Screen),
- Прозрачность (Opacity): 37 % (можно процент убавить, на усмотрение), цвет выберем белый.
- Размах (spread)51%, Размер (size): 24 пикселя,
- Диапазон 100%.
Теперь, когда пользовательская кисти настроена, пришло время для экспериментов! С применением стилей слоя ваши возможности в освоении программы Фотошоп значительно расширятся.
Уроки фотошоп. В уроке по рисованию ярлыка мы уже рисовали нитку. Используя почти что тот же самый способ, нарисуем теперь швейную строчку. Этот элемент тоже довольно успешно применяется в современном веб-дизайне.
Для начала создадим подходящую кисть. Стежок швейной строчки имеет в общих чертах вид вытянутого эллипса. Такой и нарисуем. Размер документа, скажем, 20х5 пикселов с прозрачным фоном. На нем при помощи инструмента Rounded Ellipse Tool (Эллипс) нарисуем вот такую заготовку (увеличено):
Затем выполняем Layer – Rasterize – Shape. Далее заходим в закладку Edit, находим пункт Define Brush Preset, кликаем по нему и в появившемся окошке задаем имя новой кисточке:
Окей! Кисточка готова. Теперь создадим новый документ размерами поболее. Пусть будет 570х200. Строчку будем рисовать фигурную, а не просто по периметру. Для этого выбираем инструмент Pen Tool (Перо). В его свойствах должно быть включено Paths
Пером рисуем произвольную кривую линию. Есть разные способы управления данным инструментом. Можно поставить первую точку (якорь), затем вторую и, не отпуская левую клавишу мышки, «тянуть» линию, придавая отрезку, соединяющему две точки, нужный изгиб. Но сразу угадать и поймать нужную кривизну удается далеко не сразу. Я предлагаю способ гораздо проще: на заморачиваться сразу нужными изгибами, а просто набросать точек в узловых местах. Что значит — узловое место? Да просто место перегиба. То есть, там, где кривая меняет направление, и нужно поставить точку (якорь). Вот что у меня вышло:
Переключимся на инструмент Convert Point Tool (находится там же, где и Перо)
Теперь достаточно кликнуть по любой якорной точке нашей кривой и потянуть в любую сторону, чтобы у этой точки появилось два «усика» — направляющие линии, при помощи которых можно отрезкам кривой справа и слева от данной точки придать нужный изгиб
Таким способом сделаем красиво-плавно-изогнутой всю нашу будущую строчку
Теперь включим инструмент Brush Tool (Кисть). В свойствах кликнем на стрелку выпадающего списка и в нем, в самом низу, найдем нашу новую созданную кисть.
Затем смотрим в правую верхнюю сторону экрана и находим там вкладку для кардинальных настроек кистей, которая так и называется Brushes. Там нужно сделать следующие настройки:
Там же нужно обязательно во вкладке Shape Dinamics найти пункт Angle Jitter и в выпадающем меню Control выбрать направление Direction. Иначе наша кисть будет идти не стежком, а станет обрисовывать кривую обычными горизонтальными черточками.
Теперь снова переключаемся на инструмент Перо. Подводим его к любому участку кривой (кроме самих якорных точек), кликаем правой кнопкой мыши и в выпадающем меню выбираем пункт Stroke Path
Появится окошко с уже выбранной ранее кисточкой. Жмем окей и получаем наложение стежков на кривую
Теперь нужно повторить фокус с Пером. Точно так же подводим его к любому месту кривой, кликаем правой кнопкой и в выпадающем меню выбираем пункт… нет, не Stroke Path, а наоборот, удалим кривую — Delete Path. Получаем симпатичный стежок
Чтобы стежок выглядел более натурально, стоит поэкспериментировать с добавлением эффектов слоя, таких как Выдавливание, Тень и др.
Уроки фотошоп. Каждый блоггер знает, что такое тэг (tag). Не в смысле HTML верстки, а в смысле слова-метки. В переводе с английского это слово имеет несколько значений: от железных наконечников на шнурках штиблет, до сережек в женских ушках. :) Тэг — так же обозначает ярлык (или бирку), которые цепляют ко всему подряд. Не исключением стало и оформление «хендмейдовых» дизайнов блогов. Вот, например:
Сегодня я покажу, как можно нарисовать в Фотошопе такой симпатичный ярлычок с ниткой.
Создадим в фотошоп новый документ 570х400 пикселей с белым фоном. Добавим новый слой (Ctrl+Shift+N). Затем включаем инструмент Polygonal Lasso Tool и, удерживая нажатой клавишу Ctrl, создаем выделение для будущего ярлыка. Клавиша Ctrl помогает вести мышку строго под углами в 90° и 45° .
Снимаем выделение (Ctrl+D). Создаем новый слой. На новом слое при помощи инструмента Овальное Выделение (Elliptical Marquee Tool), удерживая нажатой клавишу Shift, выделим круглый участок под будущее металлическое колечко:
Снимем выделение (Ctrl+D) и добавим колечку немного теней:
Из этой пуговки теперь сделаем колечко. Снова включим инструмент Овальное Выделение (Elliptical Marquee Tool) и удерживая уже одновременно две клавиши Alt + Shift, устанавливаем курсор в центр «пуговки» и из нее строим круглое выделение чуть меньших размеров. Если все же с центровкой промахнулись, то при помощи клавиш стрелок подгоните выделение ровно по центру. А затем нажмите клавишу Delete.
«Пробили» отверстие в пуговке, а теперь то же самое надо проделать и с самим ярлыком. Не снимая выделения, переключитесь на слой с ярлыком и снова нажмите клавишу Delete. Снимаем выделение и получаем вполне объемное металлическое колечко.
Создадим новый слой и, используя различные кисти и шрифты, нарисуем на ярлыке какую-нибудь полезную (или не очень) информацию.
Теперь нужно объединить все слои кроме фона-подложки. У последнего выключаем «глазик», затем заходим: Layer – Merge Visible. Снова сделаем видимым слой с фоном. Получим уже вполне похожий на ярлык образ. Теперь мы его немного развернем, добавим тень и нарисуем ниточку.
Сначала сделаем поворот. Заходим в Edit – Transform – Rotate, поворачиваем ярлык по часовой стрелке и немного сдвигаем его вниз. Нажимаем Enter.
Теперь добавим тень.
И нарисуем нитку. Для чего создадим новый слой, на котором будем рисовать при помощи инструмента Перо (Pen Tool). Но сначала активируем в панели инструментов обычную кисть (Brush Tool), которой в настройках зададим размер в 3 пикселя.
Переключаемся на инструмент Перо (Pen Tool), в настройках которого должен быть включен режим Paths.
Теперь в палитре выставим черный цвет и начинаем рисовать нитку. Как рисовать? Ставите первую точку в начало будущей нитки (хоть за пределы рисунка), затем ставите вторую точку и, не отпуская левой клавиши мышки, двигаете ей в нужном направлении. «Нитка» при этом будет делать плавный изгиб. С первого раза может не получиться. Вообще этим инструментом надо потренироваться работать, чтобы понять принцип.
Когда закончили рисовать контур нитки, кликаем правой клавишей мышки по любому кусочку контура (только не по самим точкам-анкорам!). В выпадающем контекстном меню выбираем пункт Stroke Path. Появится диалоговое окно с предложением выбрать инструмент. Выбираем кисточку.
А теперь еще раз проделаем этот же трюк. Снова кликнем правой клавишей на участке контура, но уже выберем пункт Delete Path. Получим настоящую черную нитку.
Правда она у нас лежит поверх ярлыка, а надо, чтобы проходила через отверстие. Для этого включаем инструмент Резинка (Eraser Tool) и стираем часть нитки.
При желании можно так же выделить и залить нитку каким-либо паттерном, делающим ее более похожей на настоящую нить, но это уже на ваше собственное усмотрение. Можно просто отсканировать какой-нибудь симпатичный шнурок и внедрить его в нашу картинку.
В этом материале я отвечу на многочисленные вопросы посетителей сайта — я расскажу, как создать кисть, имитирующую швейный стежок .
С помощью такой кисти можно имитировать стежки, получаемые с помощью швейной машинки, на каком-либо тканевом материале.
Урок подходит доя всех версий Photoshop, начиная с CS3.
Пример стежка на фетре:
Применение кисти — стежка.
Итак, начнём. Создайте новый Photoshop-документ (PSD-файл) шириной 25 и 4 высотой пикселей. Залейте холст черным цветом. Перейдите по вкладке главного меню Редактирование —> Определить кисть (Edit —> Define Brush Preset). В открывшемся окне задайте имя кисти ( я задам имя «stitch») и нажмите ОК:
Создание документа и определение кисти.
На панели инструментов выберите инструмент «Кисть» (Brush Tool) и нажмите на кнопку в левом верхнем углу окна Photoshop`а для того, чтобы открылась панель выбора кистей, где выберите созданную кисть, у меня она называется «stitch»:
Выбор вновь созданной кисти.
Нажмите клавиатурную клавишу F5, чтобы открыть панель кистей. В первом окне панели (название окна — «Форма отпечатка кисти», англ. — «Brush Tip Shape») измените параметр «Интервалы» (Spacing) до 750 — 850 процентов:
Изменение интервала кисти
Затем нажмите на вкладку «Динамика формы» (Shape Dynamic), в окне в разделе «Колебание угла» (Angle Jitter) измените параметр «Управление» (Control) на «Направление» (Direction):
Изменение параметров кисти.
Нажмите на квадратик, расположенный в правом верхнем углу окна, в открывшемся меню кликните по строке «Новый набор параметров кисти» (New Brush Preset):
Сохранение параметров кисти в новом наборе.
Откроется новое окно, где введите имя нового набора, я ввёл stitch2.
Создание кисти на этом закончено.
Создайте в Photoshop новый документ с светлым фоном. Создайте в документе новый пустой слой. Выберите stitch2 в панели выбора кистей и попробуйте провести инструментом «Кисть» волнистую линию, если вы всё сделали правильно, то должно получиться что-то вроде этого:
Линия, нарисованная при помощи кисти-стежка.
Но на стежок нити на ткани пока мало похоже, не так ли? Чтобы было всё хорошо, необходимо добавить стили слоя к фону и к слою со стежком. Дважды кликните по фоновому слою в панели слоёв для его разблокировки и примените к нему стили «Наложение узора» (узор Photoshop(файл pattern_felt.pat) для этого стиля можно здесь ) и «Наложение цвета» со следующими параметрами:
К слою со стежком примените следующие стили слоя:
Со следующими параметрами:
И вот как выглядит документ после добавления стилей:
Добавление стилей слоя к фону и слою со стежком.
Обводка стандартной произвольной фигуры Photoshop кистью stitch2.
Читайте также: