Как нарисовать перчатку в фотошопе
Расскажем, как рисовать так, чтобы ваши цифровые работы были похожи на нарисованные на бумаге. А еще — где можно скачать кисти для имитации традиционных материалов.
Инктобер — самый популярный челлендж для художников. Его запустил иллюстратор Джейк Паркер (Jake Parker) в 2009 году, а для названия выбрано сочетание слов «чернила» и «октябрь» (англ. ink + october). Художникам в течение месяца нужно рисовать по одному рисунку каждый день на заданную тему.
Smirnov School вместе с Elephant Games, 1С Интерес и ИД «Питер» в этом году тоже предлагает собственный список тем на челлендж и призы, среди которых iPad, Nintendo Switch и уникальный Inspiration box. Если вы хотите принять участие — все подробности вот здесь.
Основное условие челленджа — выдерживать стилистику рисования чернилами. Но это не значит, что нужно откладывать планшет в сторону — можно рисовать и в цифре. Главное — делать в монохроме (преимущественно ч/б) или использовать минимум 1-2 дополнительных цвета для ярких акцентов.
Расскажем теперь, как сделать так, чтобы ваши цифровые работы были похожи на нарисованные настоящими чернилами.
Чтобы успешно что-то копировать, нужно знать, как это устроено. Поэтому художнику придется разобраться в свойствах материала, понять, какие используются инструменты и какой след они оставляют на бумаге. Бумага тоже важна — ее тип и текстура зависят от выбранных инструментов и техник.
Для Инктобера художники используют чернила или тушь. Эти материалы очень похожи по свойствам и различаются составом. Благодаря их текучести художник может использовать разные техники. Контролируя количество и концентрацию материала, можно рисовать в сухой, мокрой или комбинированной технике.
Жидкая краска позволяет рисовать в разных техниках. Авторы: Koda Voyce (слева), Grzegorz Przybyś (справа).
Перо — наиболее аутентичный инструмент для работы с тушью или чернилами. В зависимости от ширины используемого наконечника и силы нажатия, можно проводить толстые и тонкие линии. Особенность пера в том, что его надо постоянно смачивать в туши, поскольку материал на инструменте быстро высыхает. Линия при этом становится прерывистой и тусклой, а края — неровными.
При использовании пера бывают небольшие наплывы и неточности в линии, кляксы и брызги — с инструментом не всегда легко управляться и контролировать подачу материала на бумагу.
Конкуренцию перу составляют гелевые и шариковые ручки. Ими можно рисовать длинные ровные линии, а кончик не пересыхает и его не нужно постоянно смачивать. Чернила в стержне ручки гуще и наносятся тонким слоем. Это значит, что края линии будут жесткими, ведь материал не растекается. Также ручки почти не оставляют клякс.
Недостаток ручек в том, что у них одинаковые размеры наконечников. И для того, чтобы закрасить большой участок, нужно делать густую штриховку или менять инструмент. Для особенно тонких линий используются линеры — ручки с тонкими наконечниками.
Маркеры похожи на ручки — ими тоже можно рисовать непрерывные линии. Разница в том, что маркеры выпускаются с разными размерами наконечников и ими можно рисовать как тонкие линии, так и тонировать большие области. При этом на закрашенной области при близком рассмотрении будут заметны штрихи.
Работы, выполненные маркерами, отличаются сильной контрастностью. Этим инструментом сложно передать мягкие переходы в тоне. Автор: Finian MacManus
Также для работы с тушью и чернилами используют кисти. Это гибкий инструмент: кистью можно рисовать линии, делать заливку. Толщину линии при этом сложнее контролировать,чем при использовании пера, ручек или маркеров. Очертания краев зависят от того, насколько жидким будет материал. Чем кисть суше, тем более прерывистой становится линии. Слишком мокрая кисть будет оставлять много материала на бумаге, который будет растекаться в стороны.
Кисть уступает перу, маркерам и ручкам в плане точности, зато проведенные ею линии выглядят живописнее.
Вот здесь можно посмотреть обзор инструментов, которые используются при работе тушью.
Разберемся теперь, как повторить все это с помощью стилуса и графического редактора.
В упрощенном виде классический пайплайн работы с тушью выглядит так: эскиз, обведение контура, набор тона с помощью штриховки и/или заливки. Чтобы ваши цифровые работы выглядели более рукотворными, проанализируйте процесс рисования традиционными материалами и подумайте, что полезного из этого можно вынести.
Под чернильным рисунком почти всегда скрывается карандашный набросок. Дело в том, что тушь и чернила не прощают ошибок. Их нельзя стереть или замазать поверх другой краской, не испортив весь рисунок. Поэтому художники стараются сначала максимально проработать эскиз, а затем рисовать поверх него.
Чернильные линии при этом не всегда скрывают карандашный набросок целиком. Стереть его тоже не всегда удается, ведь ластик травмирует бумагу и может повредить линиям, нарисованным не очень качественными материалами.
Как это использовать в цифровом рисунке? Художник, сделав набросок, может сохранить его на отдельном слое. Когда рисунок будет готов, можно убавить прозрачность слоя с эскизом и немного пройтись по нему ластиком. Нам не нужен весь эскиз — пригодятся только некоторые части.
Рядом с облаками видны остатки карандашного эскиза. Глядя на них не возникает сомнений, что художник рисовал на бумаге, а не в Photoshop. Автор: Rob Turpin
Особенность графичных рисунков — штриховая манера исполнения. При работе в сухой манере тон регулируется количеством, плотностью и толщиной штрихов. Чем темнее тон, тем ближе друг к другу расположены штрихи. Особенно темные участки заливаются сплошным цветом, а освещенные места остаются незакрашенными.
Для передачи текстур также используются штрихи разной толщины и направления — примеры можно подсмотреть у художников-графиков. Вот здесь, например, есть подборка работ Рембрандта, выполненных тушью в разных техниках.
При штриховке важно учитывать форму объекта — направление штрихов обычно соответствует тонируемой плоскости. Для этого нужно представить сечение объекта в трехмерном измерении. Процесс штриховки не терпит спешки, поскольку от аккуратности линий зависит ощущение объема. Беспорядочные штрихи, в свою очередь, исказят форму объекта.
Для работы с тоном также можно использовать заливку кистью или маркерами. Здесь есть два варианта — тонкие тональные градации кистями с влажным краем или глубокая заливка теней черным для рисунков в стиле ч/б комиксов. В комиксном стиле заливка нередко сочетается со штриховкой.
Karl Kopinski (слева) передает тон с помощью кисти. Scot Williams (справа) использует заливку и штриховку.
Мокрая техника напоминает работу с акварелью. Чернила или тушь разбавляются водой, что позволяет создавать плавные переходы между светом и тенью. Самые светлые участки при этом остаются незакрашенными. Поэтому уже на этапе эскиза нужно определить, где будет свет и тень. После этого художники добавляют тон — от более светлого к наиболее темному. Вот так в этой технике рисует иллюстратор Карл Копински (Karl Kopinski):
В рисовании тушью или чернилами — особенно в сухой технике — большое значение имеет контроль над линией. Конечно, для имитации традиционного рисования нам не всегда нужны идеально гладкие линии, но и беспорядка в работе быть не должно.
Некоторые графические редакторы имеют встроенную функцию сглаживания линий. Компьютер автоматически делает мазок более гладким и ровным. Расскажем, как включить эту функцию на примере Adobe Photoshop и Procreate.
- Возможность сглаживать линии в Adobe Photoshop появилась позже, чем у большинства его конкурентов — с версии CC 2018, вышедшей в конце 2017 года. Функция включается нажатием кнопки «Сглаживание» (Smoothing) на верхней панели и установкой нужного значения. Дополнительные опции сглаживания доступны при нажатии на соседнюю иконку в виде шестеренки.
- В Procreate нужно зайти в настройки кисти и отрегулировать параметр Streamline. Чем больше его значение — тем ровнее будет линия.
Сглаживание линий также доступно в Clip Studio Paint и Paint Tool Sai.
Пример того, как работает сглаживание в Photoshop. Линия слева проведена «от руки». Справа — с применением функции сглаживания.
Автоматическое сглаживание линий — полезный трюк, но не стоит использовать его постоянно. Для профессионального роста нужно набивать руку упражнениями — рисовать прямые и изогнутые линии переменной толщины, не отрывая стилус от планшета. В видео ниже можно посмотреть примеры подобных упражнений.
В рисовании важно иметь твердую руку, но в то же время не нужно пытаться идеально выводить все линии. Живость мазков и штрихов — это то, что отличает работы, выполненные традиционными материалами, от цифровых. Не бойтесь допустить мелкие огрехи; представьте, что у вас нет функции отмены или ластика.
Выразительные линии можно получить, если иначе пользоваться инструментом. При рисовании на графическом планшете художники обычно работают запястьем — движения стилуса похожи на движения ручки при письме.
В традиционных техниках художники рисуют размашистые ровные линии, используя иные точки опоры — локоть или плечо. Меняется при этом и хват инструмента. Стилус нужно держать за его верхнюю часть. Это выглядит вот так:
При рисовании «от плеча» двигается вся рука:
В цифровом рисовании этот метод тоже применим — им пользуется художник-иллюстратор Николас Коул (Nicholas Kole). При рисовании длинных линий он рисует «от локтя» и отмечает, что движение должно быть быстрым. Не бойтесь, если сразу не получится — сам Николас говорит, что ровную линию получается провести с шестой попытки.
Благодаря графическим редакторам цифровой художник может обойтись одним лишь стилусом вместо перьев, кисточек, ручек и маркеров. На просторах интернета можно найти наборы кистей, которые убедительно имитируют поведение традиционных инструментов. Мы подобрали несколько вариантов — платных и бесплатных — которые пригодятся для инктобера.
- Набор из 44 бесплатных кистей от Игоря Витковского можно скачать здесь. В комплекте есть кисти, подходящие для сухих и мокрых техник работы с чернилами и тушью. В качестве бонуса приложены 15 текстур, в том числе 3 для имитации бумаги.
- Кисти от Кайла Вебстера (Kyle Webster) — иллюстратора и члена команды Adobe Design — можно бесплатно скачать здесь.
- В профиле Бритни Мерфи (Brittney Murphy) на DeviantArt можно скачать набор кистей, имитирующих маркеры и чернила. Кисти бесплатные, но для их скачивания нужно завести аккаунт на сайте.
- Акварельные кисти от Снежаны Швитцер для имитации работы мокрой кистью доступны здесь.
В библиотеке кистей Procreate изначально есть инструменты для имитации чернил. Вот несколько вариантов для тех, кого не устраивает стандартный набор:
- Бесплатные кисти от Георга Вестфалена (Georg Graf von Westphalen) можно скачать тут.
- Кисти от автора курса «Рисование в Procreate» Марины Пахомовой бесплатны и доступны для скачивания здесь.
- Платный набор от дизайнера Ольги Ром включает в себя 62 кисти и текстуру акварельной бумаги. Он доступен здесь и стоит 19$.
Цифровые кисти убедительно копируют начертание традиционных инструментов. Автор кистей: Игорь Витковский.
Если для решения творческих задач не удается найти подходящую кисть среди готовых наборов, можно создать свою собственную. Посмотрим, как делает кисти Роберт Марзулло (Robert Marzullo) — художник и автор курсов по рисованию комиксов.
Сперва создаем файл размером 600х600 пикселей и с разрешением 1000 пикселей на дюйм. С помощью инструмента «Лассо» (Lasso) художник намечает контур на отдельном слое и заливает его черным цветом. Для сглаживания краев применен фильтр «Размытие по Гауссу» (Gaussian Blur).
После того, как мы получили подходящую форму кисти, перейдем во вкладку Редактирование — Определить кисть (Edit — Define Brush Preset), чтобы Photoshop создал кисть на основе заданных контуров. Затем создадим новый рабочий документ, выберем созданную нами кисть и приступим к ее настройке.
Сперва сделаем так, чтобы кисть могла менять размер в соответствии с силой нажатия на перо. Откроем панель кистей (кнопка справа от окошка выбора кисти) и в меню «Динамика формы» (Shape Dynamics) у строчки «Управление» (Control) выберем «Нажим пера» (Pen Pressure). После этого в меню «Форма отпечатка кисти» (Brush Tip Shape) зададим наклон кисти, как на изображении ниже.
Если оставляемые штрихи кажутся вам слишком жирными, то стоит сделать перо менее восприимчивым к силе нажатия в настройках планшета. Процесс создания кисти можно также посмотреть в видеоформате:
Также можно прочитать нашу статью о том, как создать кисть, а затем нарисовать и раскрасить скетч — вот здесь. Еще есть материал в целом о кистях для CG-рисунка.
При рисовании в традиционной манере кисть вбирает в себя много влаги, которая пропитывает тонкую бумагу и делает ее неровной. Поэтому для влажных техник используют акварельную бумагу. Она отличается от обычной не только большей плотностью, но и наличием тиснения, которое помогает удерживать пигмент.
Текстуры бумаги в высоком разрешении можно найти на фотостоках, в том числе бесплатных, как тут.
Для перьев (кроме особо широких наконечников), ручек и маркеров подойдет плотная бумага — ровная или с мелким тиснением, которое не будет искажать линии, а также крафтовая бумага или картон.
Слой с текстурой бумаги можно наложить поверх рисунка. Поэкспериментируйте с режимами наложения и непрозрачностью в меню слоев, чтобы получить подходящий вариант. В Adobe Photoshop подойдут режимы группы затемнения, а в частности — Затемнение, Умножение, Линейный затемнитель, Темнее (Darken, Multiply, Linear Burn, Darker Color).
- Чтобы копировать традиционные техники рисования, нужно разобраться в их особенностях — какие используются материалы и инструменты, какой след оставляет материал на бумаге или холсте, как создают свои работы другие художники.
- Для имитации настоящих инструментов в графических редакторах используют наборы цифровых кистей. Можно скачать уже готовые или создать свои собственные.
- Чернилами можно рисовать в сухой, мокрой и смешанной технике. От этого зависит выбор кистей и подход к работе с тоном.
- Для работы в сухой технике подойдут кисти, которые имитируют перья, ручки или маркеры. В таком случае для передачи тона используется штриховка и/или сплошная заливка глубоких теней.
- В мокрой технике нужны кисти с мокрым краем или такие, которые оставляют за собой влажные разводы. Для этого стоит присмотреться к наборам акварельных кистей. Объем создается полупрозрачными мазками так, чтобы обеспечить плавный переход между светом и тенью.
- В смешанной технике пригодятся оба типа кистей. Плавные переходы могут соседствовать со штриховкой и сплошной заливкой. В больших комплектах кистей бывают инструменты, подходящие для обеих техник.
- Для проведения ровных линий используйте функцию «Сглаживание» (Smoothing). Она есть в большинстве графических редакторов. Также можно воспользоваться традиционными техниками и проводить линии быстрым движением «от локтя» или «от плеча».
- Помните о том, на чем рисуют в традиционной технике — наложите слой с текстурой бумаги поверх рисунка и выберите подходящий режим наложения (в Adobe Photoshop лучше подойдут режимы затемняющей группы).
Текст написал Богдан Дудниченко, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.
Режим «Оптимизация» позволяет добавлять узловые точки щелчком по сегменту линии и удалять их щелчком по ним самим.
Режим «Просмотр» позволяет предварительно просматривать сегменты контура во время перемещения указателя мыши между щелчками. (Чтобы получить доступ к этому параметру, нажмите всплывающее меню справа от значка «Произвольная фигура».)
Перед началом рисования с помощью инструмента «Перо» можно создать новый контур на панели контуров, чтобы автоматически сохранить рабочий контур как именованный контур.
Основы работы с инструментом «Перо»
Комплексный видеообзор о том, как использовать инструмент «Перо» в Photoshop. Подробнее
Автор: Энди Андерсон (Andy Anderson)
Дополнительные сведения о режимах, которые могут использоваться для рисования инструментами группы «Перо», см. в разделе Режимы рисования.
Рисование прямых отрезков линии инструментом «Перо»
Простейший контур, который можно нарисовать инструментом «Перо» — это прямая линия из двух опорных точек, созданных щелчком инструмента «Перо». Продолжая щелкать инструментом, можно создать контур, состоящий из прямых отрезков, соединенных угловыми точками.
Поместите инструмент «Перо» в то место, откуда должен начинаться прямой отрезок, затем щелкните, чтобы создать первую опорную точку (не перетаскивайте указатель).
Первый отрезок отобразится только тогда, когда вы щелкнете вторую опорную точку (для просмотра сегментов контура выберите параметр «Резиновая лента» в Photoshop). Кроме того, если отображаются управляющие линии, это означает, что вы случайно перетащили инструмент «Перо». В этом случае выберите «Редактирование» > «Отмена» и щелкните еще раз.
Щелкните еще раз в том месте, где должен находиться конец отрезка (щелкните, удерживая клавишу «Shift», чтобы ограничить наклон сегмента углом, кратным 45°).
Последняя добавленная опорная точка будет выглядеть как закрашенный квадрат, что означает ее выделение. При добавлении новых опорных точек выделение предыдущих точек отменяется, поэтому соответствующие значки будут пустыми.
Чтобы замкнуть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо» появится кружок. Чтобы закрыть контур, щелкните или перетащите указатель.
- Чтобы оставить контур открытым, щелкните, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS), в любом месте на достаточном расстоянии от любых объектов.
Чтобы оставить контур открытым, также можно выбрать другой инструмент.
Рисование кривых инструментом «Перо»
Кривая создается путем добавления опорной точки в том месте, где изменяется направление кривой, с последующим перетаскиванием управляющих линий, формирующих кривую. Форма кривой определяется длиной и наклоном управляющих линий.
Чем меньше кривая содержит опорных точек, тем проще ее редактировать и тем быстрее она будет отображаться и выводиться на печать. При использовании слишком большого числа точек на кривой могут возникать ненужные выпуклости. Опорные точки следует размещать с большими промежутками, а форму кривых рекомендуется изменять корректировкой длины и углов наклона управляющих линий.
Появится первая опорная точка, и указатель инструмента «Перо» изменится на стрелку (в Photoshop указатель изменится только после того, как вы начнете перетаскивание).
Чтобы задать крутизну создаваемого сегмента кривой, перетащите указатель инструмента, затем отпустите кнопку мыши.
Как правило, управляющую линию следует растягивать примерно на одну треть от расстояния до следующей опорной точки, которую вы собираетесь нарисовать (позднее можно скорректировать управляющую линию с одной или с обеих сторон).
Чтобы ограничить движение инструмента углом, кратным 45°, удерживайте клавишу «Shift».
A. Расположение инструмента «Перо» B. Начало перетаскивания (с нажатой кнопкой мыши) C. Растягивание управляющих линий путем перетаскивания
Поместите инструмент «Перо» в том месте, где должен заканчиваться сегмент кривой, и выполните следующие действия.
Для того чтобы создать С-образную кривую, перетащите инструмент в направлении, противоположном предыдущей управляющей линии. Отпустите кнопку мыши.
Для того чтобы создать S-образную кривую, перетащите инструмент в направлении предыдущей линии. Отпустите кнопку мыши.
Чтобы резко изменить направление кривой, отпустите кнопку мыши и, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS), перетащите управляющую точку в направлении кривой. Отпустите клавишу «Alt» (Windows) или «Option» (Mac OS) и кнопку мыши, переместите указатель в то место, где должен заканчиваться сегмент, затем перетащите его в противоположном направлении.
Для того чтобы создать несколько сглаженных кривых, продолжайте перетаскивать инструмент «Перо» в другие места. Обратите внимание на то, что опорные точки размещаются в начале и в конце каждой кривой, а не на ее вершине.
Для того чтобы развернуть управляющие линии опорной точки, перетащите указатель, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
Чтобы замкнуть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо» появится кружок. Чтобы закрыть контур, щелкните или перетащите указатель.
- Чтобы оставить контур открытым, щелкните, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS), в любом месте на достаточном расстоянии от всех объектов или выберите другой инструмент.
Завершение рисования контура
Для того чтобы закрыть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо» появится кружок. Чтобы закрыть контур, щелкните или перетащите указатель.
- Чтобы оставить контур открытым, щелкните, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS), в любом месте на достаточном расстоянии от всех объектов.
Рисование с помощью инструмента «Свободное перо»
Инструмент «Свободное перо» позволяет рисовать так же, как это делается карандашом на бумаге. Узловые точки добавляются автоматически в процессе рисования. Пользователь не определяет положение этих точек в процессе рисования, но может настроить их положение по завершении создания контура. Для рисования с большей точностью воспользуйтесь инструментом «Перо».
Выберите инструмент «Свободное перо» .
Чтобы задать чувствительность завершающей части контура к движениям мыши или пера, щелкните стрелку вниз рядом с кнопками фигур на панели параметров и введите значение от 0,5 до 10,0 пиксела в поле «Погрешность». Чем выше значение, тем проще создаваемый контур и меньше узловых точек.
Перетащите курсор по изображению. В процессе перетаскивания курсор оставляет след контура. В момент отпускания кнопки мыши создается рабочий контур.
Чтобы продолжить существующий контур, нарисованный от руки, установите указатель пера на конце контура и перетащите курсор.
Чтобы завершить создание контура, отпустите кнопку мыши. Для создания замкнутого контура проведите линию до начальной точки контура (когда курсор поравняется с ней, рядом с ним появится кружок).
Рисование прямых линий, за которыми следуют кривые
Поместите инструмент «Перо» над выбранной конечной точкой. Рядом с инструментом «Перо» появляется косая черта. Для того чтобы задать крутизну сегмента кривой, который будет создан далее, щелкните опорную точку и перетащите появившуюся управляющую линию.
A. Завершенный сегмент прямой B. Размещение инструмента «Перо» над конечной точкой C. Перемещение управляющей точки
Поместите перо в том месте, где должна быть следующая опорная точка, затем, чтобы завершить кривую, щелкните (и при необходимости перетащите) новую опорную точку.
A. Расположение инструмента «Перо» B. Перетаскивание управляющей линии C. Новый отрезок кривой завершен
Рисование кривых, за которыми следуют прямые линии
Выбрав инструмент «Перо», перетащите указатель мыши, чтобы создать первую гладкую узловую точку сегмента кривой, и отпустите кнопку мыши.
Переместите инструмент «Перо» в точку, где сегмент кривой должен закончиться, перетащите указатель мыши, чтобы завершить кривую, и отпустите кнопку мыши.
Выберите в палитре инструментов инструмент «Угол» и щелкните выделенную конечную точку, чтобы преобразовать ее из гладкой узловой точки в точку преломления.
Нажмите клавишу «Alt» (Windows) или «Option» (Mac OS), чтобы временно сменить инструмент «Перо» на инструмент «Угол».
Выберите в палитре инструментов инструмент «Перо», установите его в точке, где должен закончиться прямой сегмент, и щелкните мышью, чтобы завершить прямой сегмент.
Рисование двух сегментов кривой, соединенных углом
Переместите инструмент «Перо» и перетащите указатель для создания кривой со второй точкой сглаживания. Затем для настройки крутизны следующей кривой перетащите управляющую линию в сторону ее противоположного конца, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Отпустите клавишу и кнопку мыши.
В результате разделения управляющих линий точка сглаживания преобразуется в угловую точку.
Переместите инструмент «Перо» в то место, где должен заканчиваться второй сегмент кривой, затем перетащите новую точку сглаживания для завершения второго сегмента кривой.
A. Перетаскивание новой точки сглаживания B. Разделение управляющих линий при перетаскивании с помощью клавиши «Alt» или «Option» и изгиб управляющей линии вверх C. Результат после перемещения и перетаскивания в третий раз
Рисование с помощью магнитного пера
Магнитное перо — это вариант инструмента «Свободное перо», позволяющий рисовать контуры, привязанные к краям определенных областей изображения. Существует возможность определить диапазон и чувствительность привязки, а также сложность результирующего контура. Параметры инструментов «Магнитное перо» и «Магнитное лассо» во многом одинаковы.
Чтобы превратить инструмент «Свободное перо» в инструмент «Магнитное перо» , установите флажок «Магнитное» на панели параметров или нажмите стрелку вниз рядом с кнопками фигур на панели параметров и установите флажок «Магнитное». После этого задайте перечисленные далее параметры.
Ширина: введите число пикселов от 1 до 256. Магнитное перо обнаруживает края только в пределах указанного расстояния от курсора.
Для параметра «Контрастность» введите значение в процентах от 1 до 100, указывающее контраст между пикселами области, наличие которого будет считаться признаком края. Для слабоконтрастных изображений используйте большее значение.
Для параметра «Частота» введите число от 0 до 100, указывающее, как часто перо создает узловые точки. Чем выше значение, тем быстрее контур привязывается к месту.
При работе с планшетом можно установить или снять флажок рядом с параметром «Нажим пера». При включении этого параметра чем сильнее нажим, тем меньше ширина линии.
Иллюстратор Амир Занд из Quantic Dream рассказал, как проходит работа над ранними концептами, если время на поиски ограничено. Перевели главное.
Меня постоянно спрашивают, какие кисти я использую. Должен сказать, что манера работы кистями или определенные кисти ничего не меняют, но именно сочетание инструментов и идей делают рисунок возможным. Да, некоторые кисти в определенных техниках помогут легче и быстрее добраться до определенной точки, но помните, что кисть сама по себе не творит чудеса. Тем не менее, я покажу, как создать собственную кисть в Photoshop.
Как видите, я создал абстрактную форму на холсте — это первый шаг. Попробуйте и вы. После выделите эту форму и идите по пути Edit/Define as Brush preset, затем — сохранение. То, что вы выделили, сохранится как кисть и появится сверху вашего списка кистей. Не беспокойтесь за белые участки выделения — Photoshop учитывает только черные элементы, игнорируя белые.
На изображении «C» пример того, как выглядит мазок этой кистью. Она еще не готова, поэтому давайте немного ее подправим! Выделите кисть и затем выберите Brush preset (Windows Brush Preset). Далее я пойду в Brush Tip и поменяю значение Spacing на 0%, чтобы получить более мягкую гладкую кисть.
Теперь поставлю галочку рядом с пунктом Transfer, чтобы добавить чувствительности кисти — это как раз то, что мне нужно. Еще несколько модификаций — и кисть готова. Ею я и буду рисовать работу для этого урока.
(Прим. ред: кисть Амира можно скачать тут).
Получилось вот так:
У PS много крутых инструментов, которые облегчают работу, но иногда в них можно потеряться. Очень важно создать удобное рабочее пространство, и оно должно быть сделано именно под вас: мое может быть хорошо для меня, но не факт, что будет удобно другим.
Итак, в правом верхнем углу PS есть окно рабочей среды. PS уже поделил ее на несколько областей, таких как рисование, фотография и так далее, но вы можете спокойно добавить то, что хотите, и сохранить это в рабочей среде. Например, моя рабочая среда для графических работ отличается от рабочей среды для быстрых набросков или для мэтт-пеинтинга.
Я всегда фокусируюсь на композиции: не только в плане пропорций, но и контраста, размещения элементов и цветов. Поэтому я использую «Навигатор»: он позволяет всегда видеть рисунок целиком. Это как если при работе маслом вы периодически отходите от холста назад, чтобы окинуть его взглядом и увидеть ошибки.
«Навигатор» — это окошко справа сверху скриншота. Даже если вы приблизились к работе, чтобы проработать какой-то участок, в «Навигаторе» она всегда будет отображаться целиком.
Пришло время поисков для препродакшена. На этом этапе можно делать все, что хочешь, набрасывать самые разные идеи и использовать разные техники. Начинаю я всегда с быстрых набросков. Работая над концептами для фильмов или анимации, я всегда создаю как минимум 20 разных тамбнейлов в процессе поиска. Нельзя ограничиться двумя набросками: важно предоставить разные подходы, стили и техники.
Сейчас я хочу нарисовать сай-фай тамбнейл той кистью, что создал ранее. Помните, это лишь пример. В рамках урока я могу делать, что хочу, но на реальном проекте вас попросят изобразить конкретную среду или действие.
Обычно я избавляюсь от белых пятен в рисунке, но на этот раз оставлю их — в качестве зон света. На картинке вверху вы можете увидеть, что я начал набрасывать фигуры пилотов и форму корабля - пока очень легко. Я не сильно забочусь о пропорциях на этом этапе, просто хочу обозначить формы, в основном фокусируясь на композиции.
Я добавляю больше форм, чтобы получить общую композицию для тамбнейла. Для урока я разделяю все эти шаги, но в обычном рабочем процессе у меня это все занимает максимум пять минут.
Здесь я добавляю полу деталей и теней, и еще дорисовываю несколько элементов кораблю. Везде трубы и топливные шланги. Посмотрите, как это помогает перспективе и направлениям на переднем плане.
Здесь я вношу в работу новый тон, чтобы подготовить ее к добавлению деталей дальше. Я использую Color Balance, который можно найти тут: Image > Adjustments > Color Balance (по умолчанию это сочетание клавиш ctrl+B). Я начинаю менять тон для параметров Shadows/Midtones и Highlights. Можете посмотреть, что именно получилось, на изображении ниже.
Я думаю придать этой картинке закатные цвета, поэтому я добавил фиолетовый тон на весь тамбнейл. Но я не собираюсь оставлять его до самого финиша, это просто база для моих конечных цветов.
Режимы наложения помогают, когда нужно добавить цвет на чб-изображение или в целом поработать над цветами. Грамотное использование слоев поможет сделать все быстро и легко. Каждый из режимов дает разные эффекты, поэтому вам нужно разобраться в них и понять, в чем их назначение.
Например, режим Darker Color будет влиять только на светлые цвета и яркие участки, игнорируя темные зоны, и с этим режимом вы легко можете контролировать световые зоны. Lighter Color работает с точностью до наоборот. Overlay позволяет добавить любой цвет и смешать его с уже существующим цветом, сохраняя и светлые, и темные участки. (прим. ред: а еще мы предлагаем почитать про три режима, которые использует художник Atey Ghailan, вот тут).
Здесь я пытаюсь работать в целом над изображением. Я добавляю немного темного голубого в тени и немного желтого на освещенные участки. Я работаю над передним планом, пилотами и кораблем. Я пока ничего не вылизываю, впереди еще очень много шагов перед финализацией идеи. Так я работаю на этапе ранних поисков, делая очень много подобных тамбнейлов.
Многие из них будут забыты. Часто люди думают, что все, что они делают, должно попасть в финальный проект, но это не так. Вы должны сделать очень много всего, чтобы получить единственный концепт. Так много “нет” для одного “да”!
Сейчас я добавлю последние детали и, самое главное, правлю цвета. Я уже говорил, что хочу сделать закатную цветовую тему, и поэтому я добавляю больше зеленого в тени и желто-оранжевого на света. Я добавляю больше деталей на борт корабля, лестницу и члена команды, который по ней спускается.
Я еще немного настраиваю цвета, добавляю финальные штрихи и общую резкость. Изображение готово, все выполнено той кистью, которую я создал ранее.
Помните, в обычной работе это не финал, а только начало, ранняя стадия поисков концепта. Это просто один тамбнейл. Если бы это было для проекта, я бы создал еще десяток таких только для одной сцены, и потом выбрал бы самый лучший и начал делать финальный концепт. Настоящая работа требует много терпения и поисков.
Тут можно почитать, как Амир использует лассо в работе над тамбнейлами.
А тут — почему многие художники начинают работу с чб.
Перевод подготовила Асета Лиева специально для Smirnov School, текст дополнен редакцией. Мы — онлайн-школа, где готовят концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придете к нам на курс, не забудьте спросить о скидке для читателей с DTF.
Удобнее при рисовании, как основу, использовать фотографию или карандашный рисунок узелка, чтобы не запутаться в самом узелке.
Для тренировки предлагаю данную фотку. Она маленькая, но узелок простой.
Можно снизить прозрачность слоя – удобнее будет работать.
Начинаем. Перо (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):
Можно немного «размахрить» концы кисти или добавить отдельные нити. Всё на Ваше усмотрение! Копируем слои с Кисточкой и переносим копии на второй шнурок.
Вот и получился у нас замечательный шнурок с кисточками.
А это ещё один шнурок, но уже с монетками. Как нарисовать монетку Вы найдёте в этом уроке нашего сайта. Здесь я нарисовала свои монетки.
Все настройки Вы можете менять по своему усмотрению и желанию!
Небольшая статья-заметка для дизайнеров, которая расскажет о том, как нарисовать стрелку в фотошопе. Пригодится как новичкам, так и бывалым пользователям популярного графического редактора, которых по какой-то причине «заклинило» и они не могут вспомнить, с помощью какого же инструмента рисуются стрелки.
Прямая стрелка в Photoshop
Сделать стрелку в фотошопе нам поможет прямая линия — один из векторных инструментов в фотошопе!)))
- Выберите инструмент Линия на панели инструментов.
- На горизонтальной панели Параметры после того, как определитесь с цветом заливки и цветом контура, выберите значок шестеренкой – откроется окно « Параметры контура », где можно выбрать, где должна быть стрелка на линии – в начале, в конце или в обоих концах.
Фигурная стрелка в Photoshop
Если вам нужна фигурная стрелка, можете воспользоваться стандартным набором векторного инструмента Произвольная фигура – Стрелки.
Для этого выберите инструмент Произвольная фигура и в окне Параметры найдите выпадающий список со списком фигур, нажмите на кнопку Настройки и выберите группу Стрелки .
Как нарисовать стрелку в Фотошопе кистью
Один из самых простых и быстрых способов нарисовать стрелку в Photoshop — воспользоваться кистью. Именно к нему я прибегаю чаще всего.
Создайте слой, выберите кисть нужного цвета, размера и жесткости.
Поставьте первую точку в начале, зажмите клавишу Shift и щелкните левой клавишей мыши там, где будет заканчиваться стрелка. Так вы нарисуете прямую линию с помощью инструмента Кисть (Brush).
Таким же образом нарисуйте уголок стрелки.
Простая тема, которая иногда даже профессионалов ставит в тупик. Поместите в закладки данную статью и у вас точно не возникнет вопросов о том, как нарисовать стрелку в фотошопе.
Подписывайтесь на обновления блога «Дизайн в жизни»
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков!
Читайте также: