Как рисовать кривые пером в фотошопе?

Выбор параметра «Слой-фигура»

Как я уже упоминал в прошлом уроке, программа Photoshop позволяет нам рисовать фигуры трех типов с помощью инструментов группы «Фигуры». Мы можем рисовать векторные фигуры, которые не зависят от разрешения и могут быть масштабируемы без потери качества (такой тип фигур мы бы рисовали в программе Illustrator). Мы можем также рисовать контуры, которые являются лишь очертаниями фигур, или мы можем рисовать пиксельные формы, которые программа заполняет цветными пикселями. В большинстве случаев, мы рисуем векторные фигуры, и чтобы иметь возможность это сделать, нам необходимо выбрать параметр «Слой-фигура» (Shape Layers)  на панели настроек. Это первый значок в группе из трех значков, расположенных ближе к левому краю на панели настроек:

Для рисования векторных фигур выбираем параметр «Слой-фигура» на панели настроек

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

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

Отпустите кнопку мыши, чтобы закончить рисовать фигуру, и программа тотчас заполнит фигуру цветом, который вы выбрали на панели настроек:

Программа Photoshop заполнит фигуру цветом, когда вы опустите кнопку мыши

1. Подготавливаем Рисунок

Шаг 1

Я люблю рисовать мультипликационных героев. Как только у меня появляется идея, я сразу начинаю
рисовать образ на бумаге, а затем сканирую нарисованный набросок.

Шаг 2

Уверен, что вам известно то чувство, когда вы не удовлетворены
результатом карандашного рисунка. Например, пропорции персонажа неверно учтены или персонаж
мог быть более динамичным. А так как мы работаем в цифровой программе, то мы
можем решить эти проблемы очень легко и быстро. Поэтому, карандашный  набросок необходимо подготовить прежде, чем мы
приступим к раскраске. Откройте набросок в программе Photoshop,
создайте дубликат слоя.

Шаг 3

С помощью инструмента Лассо (Lasso Tool), создайте выделение вокруг головы. Далее, щёлкните правой кнопкой мыши по созданному
выделению и в появившемся окне, выберите опцию Инверсия выделенной области (Inverse), а затем нажмите клавишу ‘Delete’. Т.к. мы создали дубликат слоя ранее, то сейчас мы получим
изображение головы на отдельном слое.

Шаг 4

Находясь на слое с выделенным изображением головы, щёлкните
правой кнопкой мыши по изображению и в появившемся окне, выберите опцию Свободная трансформация (Free Transform).

Шаг 5

Удерживая клавишу (Ctrl) + потяните за опорную точку, чтобы немного
увеличить размер головы

Обратите внимание на то, чтобы голова оставалась в
том же положении на шее, что и ранее

Шаг 6

Проделайте то же самое с ногами. Продублируйте оригинальный слой с рисунком (набросок). Создайте выделение вокруг ног с помощью инструмента
Лассо (Lasso Tool).  Далее, щёлкните правой кнопкой
мыши по созданному выделению и в появившемся окне, выберите опцию Инверсия выделенной области (Inverse), а затем
нажмите клавишу ‘Delete’.

Шаг 7

Находясь на слое с выделенным изображением ног,
щёлкните правой кнопкой мыши по изображению и в появившемся окне, выберите
опцию Свободная трансформация (Free Transform).

Шаг 9

Теперь мы можем повернуть всё тело, продублируйте оригинальный
слой с рисунком (набросок). Удерживая клавишу (Ctrl), выделите последние три слоя.

Далее, щёлкните правой кнопкой мыши по выделенным
слоям и в появившемся окне, выберите опцию Преобразовать
в смарт-объект (Convert to Smart Object).

Шаг 10

Теперь мы можем повернуть всё тело с помощью Свободной трансформации (Free Transform).

Итак, поверните выделенное изображение.

Шаг 11

Далее, давайте почистим наш рисунок. Для этого, мы используем инструмент Штамп (Clone Stamp Tool), как показано на скриншоте ниже.

Шаг 12

Далее, мы изменим контраст рисунка,
а для этого мы используем следующие настройки.

Примечание
переводчика: автор добавляет корректирующие слои Уровни (Levels) и Цветовой
тон / Насыщенность (Hue/Saturation) поверх
всех слоёв.

Теперь рисунок выглядит более подходящим для раскраски. Сохраните документ в формате JPG, а затем вновь откройте в
программе Photoshop.  Это самый простой
способ преобразовать все слои и коррекции.

Шаг 13

Дополнительно, я часто использую инструмент Пластика (Liquify Tool), чтобы довести до идеала свои рисунки. В данном случае, я использовал пластику для
усиления улыбки персонажа. Откройте изображение JPG в программе Photoshop, далее
идём Фильтр – Пластика (Filter > Liquify).

Примените инструмент Деформация (Forward Warp Tool), чтобы растянуть улыбку.

8. О режимах наложения и обтравочной маске

Мы подошли к тому этапу, когда хотим подредактировать свою работу. Но как? Давайте разберемся.
В фотошопе есть такая штука, как режимы наложения. Кнопка, отвечающая за режимы наложения, находится прямо над слоями и на ней по-умолчанию стоит значение «Обычные». Чтобы открыть окно, нужно нажать на него левой кнопкой мыши и выбрать любой режим тем же нажатием ЛКМ.
Помимо этого, есть в фотошопе такая вещь, как обтравочная маска. Вызывается она нажатием правой кнопки мыши на слое (Чтобы случайно не превратить часть рисунка в обтравочную маску, создайте новый слой и кликните ПКМ на нём).
Что нам даёт обтравочная маска? По сути это аналог «Прикрепления слоя», с которым наверняка знакомы пользователи SAI. Обтравочная маска ограничивает область рисования с целого листа до нарисованного на предыдущем слое. Если создать обтравочную маску над другой обтравочной маской, они будут действовать на слой, к которому прикреплена первая маска.
То есть, если мы рисуем примером нашего портрета, то маска будет действовать только на последний слой, где мы дорабатывали рисунок. Нехорошо получается.
Однако, не используя маски, мы будем закрашивать все слои, что есть ниже. Ой! Мы замазали фон!

Рисуем облако пером

Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.

Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.

Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

Если непонятно, что такое Перо и Контур, то посмотрите Обзор инструмента Pen (Перо).

Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

На облако это мало похоже. Выберите инструмент  Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

Чтобы прямая изогнулась нужно потянуть наружу за середину, то есть за эту дополнительную точку, которую мы установили. От этой точки отходят две направляющие. Если они совсем короткие, дуга будет изгибаться круто. Чтобы изменить форму дуги, возьмите за кончик направляющей и растяните ее. Чтобы дуга была симметричной, направляющие должны быть одинаковой длины и располагаться под одинаковым углом к ней.

Превратите в дуги все прямолинейные отрезки как на рисунке.

Получился контур, напоминающий облако. Но нарисованная таким образом фигура не является изображением, а только лекалом, которое можно использовать для создания изображения. Контур невидимый на картинке. Созданный контур облака можно залить цветом или текстурой или же обвести карандашом или кистью.

Выберите на панели инструментов фотошопа основной цвет белый.

Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

Вот результат — нарисовано симпатичное белое облако:

А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

В открывшемся окне выберите инструмент Pencil (Карандаш),

нажмите ОК и получите результат — обведенный карандашом контур облака.

Для обводки можно использовать и другие инструменты, например, кисть. Каждый инструмент необходимо предварительно настроить.

Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

(Подробнее про работу с кистью )

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

Получится вот такой результат:

Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру).

В открывшемся окне задайте имя фигуры и ОК.

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

1. Начало работы

Итак. Вот перед нами окно Photoshop. Человек, который впервые видит это, чаще всего просто не знает, с чего начать. Я выделила основные инструменты, с которыми предстоит работать в данной программе.
1. То, что вызывает проблемы у большинства новичков в пользовании данной программы. Человек просто не знает, как смешивать цвета, когда кисть идет одним сплошным жирным цветом. Чтобы избежать нервотрепки на эту тему, тыкаем на выделенные кнопочки. Они отвечают за нажим и интенсивность цвета. Так же можно играть непрозрачностью для удобства рисования. (Окна появляются лишь в том случае, если активен инструмент «Кисть»)
3. Инструмент кисть.
4. Ластик.
6. Отсылка к пункту номер три. В окне, которое появляется, если нажать на стрелку, можно менять размер кисти и саму кисть. В соседнем правом окне можно изменить настройки кисти. (Окна появляются лишь в том случае, если активен инструмент «Кисть»)
2. Здесь всё просто и понятно. Слои, как они есть. Создать слой и удалить слой. Сразу скажу, что если вы будете рисовать на фоне, то уже не сможете ничего рисовать под ним, поскольку фон залит белым цветом по-умолчанию, в отличии от начального фона в SAI, который, в принципе, прозрачный.
5. Поворот листа, лупа и палитра.
7. Пипетка. Не подумайте, она не для того, чтобы тырить цвета с фоток. Она вызывается клавишей левый alt и благодаря ей можно смешивать цвета, накладывая слои цвета поверх основы. Гм. Тавтология получается.

Создаем эффект картины

Шаг 1

В этом разделе мы будем создавать эффект картины. Создаем новый слой Layer – New – Layer (Слой – Новый – Слой) и называем его Painting_Large_Details (Крупные детали).

Шаг 2

Теперь выбираем Art History Brush Tool (Архивная художественная кисть) (Y).

Устанавливаем значения Area (Диаметр) 500 пикселей, Tolerance (Допуск) 0, Style (Стиль) Tight Long (Сжатая длинная). Затем выбираем мягкую кисть диаметром 20 пикселей и рисуем по всей фотографии.

Создаем новый слой Layer – New – Layer (Слой – Новый – Слой) и называем его Painting_Medium _Details (Средние детали).

Шаг 4

Снова выбираем Art History Brush Tool (Архивная художественная кисть) (Y), устанавливаем значения Area (Диаметр) 500 пикселей, Tolerance (Допуск) 0, Style (Стиль) Tight Long (Сжатая длинная). Затем выбираем мягкую кисть диаметром 10 пикселей и рисуем по всей фотографии.

Добавляем маску слоя, которая скрывает слой целиком. Layer – Layer Mask – Hide All (Слои – Слой-маска – Скрыть все).

Шаг 6

Устанавливаем цвет переднего плана #ffffff, активируем инструмент Brush Tool (Кисть) (B), выбираем мягкую кисть и рисуем везде, где хотим проявить больше деталей. Можно использовать различные диаметры кисти.

Создаем новый слой Layer – New – Layer (Слой – Новый – Слой) и называем его Painting_Small _Details (Мелкие детали).

Шаг 8

Теперь выбираем Art History Brush Tool (Архивная художественная кисть) (Y), устанавливаем значения Area (Диаметр) 500 пикселей, Tolerance (Допуск) 0, Style (Стиль) Tight Long (Сжатая длинная). Затем выбираем мягкую кисть диаметром 5 пикселей и рисуем по всей фотографии.

Добавляем маску слоя, которая скрывает слой целиком. Layer – Layer Mask – Hide All (Слои – Слой-маска – Скрыть все).

Шаг 10

Устанавливаем цвет переднего плана #ffffff, активируем инструмент Brush Tool (Кисть) (B), выбираем мягкую кисть и рисуем везде, где хотим проявить больше деталей. Можно использовать различные диаметры кисти.

Загрузка дополнительных наборов фигур

Как я уже упоминал, программа Photoshop работает с гораздо большим количеством произвольных фигур, чем то ограниченное количество, которое предоставлено нам изначально. Нам просто необходимо загрузить дополнительные фигуры в палитру. Мы можем сделать это, открыв палитру фигур на панели настроек и нажав на маленькую стрелку в правом верхнем углу палитры:

Нажимаем на маленькую стрелку в в правом верхнем углу палитры фигур

Это действие приведет к открытию меню с различными параметрами, в самом низу которого будет расположен перечень дополнительных наборов фигур, установленных в программе Photoshop. Каждый из этих наборов является собранием фигур, объединенных общей тематикой, например, «Животные» (Animals), «Музыка» (Music), «Природа» (Nature) и т.д. Некоторые из наборов появились только в версии программы Photoshop CS5 (именно эту версию используя я), но большинство наборов доступны в любых недавних версиях программы:

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

Если вы знаете, какой набор фигур вам нужно, вы можете его выбрать, нажав на соответствующее название набора в перечне. Однако проще — загрузить все наборы фигур за раз. Мы можем это сделать, выбрав название «Все» (All) в верхней части списка наборов:

Выбираем название «Все» (All) для загрузки всех дополнительных наборов форм

После этого появится диалоговое окно, и вам нужно будет решить — заменить текущие произвольные фигуры новыми или добавить фигуры к имеющимся. Выберите в окне пункт «Добавить» (Append), что позволит вам сохранить изначальные фигуры и добавить к ним новые:

Для загрузки новых фигур при сохранении в палитре изначальных фигур выбираем «Добавить» (Append)

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

В палитру фигур теперь загружены все дополнительные фигуры, доступные в программе Photoshop

Ниже представлено несколько примеров фигур, которые мы теперь можем нарисовать в программе:

В палитре фигур теперь отражены все дополнительные фигуры, доступные в программе Photoshop

Несмотря на все разнообразие готовых произвольных фигур, предоставленных в программе, может случиться так, что даже после загрузки всех наборов, мы не сможем найти нужное нам изображение для особого дизайна, над которым работаем. И в таком случае программа Photoshop окажется для нас незаменимым помощником, потому что она позволяет нам самим создавать любую фигуру. Чтобы узнать, как создать собственную коллекцию произвольных фигур, сохранить и в дальнейшем использовать ее, изучите наш урок «Создание собственных произвольных фигур»!

И вот мы закончили! Мы рассмотрели, как с помощью инструмента «Произвольная фигура» можно добавить в документ фигуру сложной формы. В следующем уроке мы изучим, чем отличаются векторные фигуры, контуры и пиксельные формы!

Ссылки по теме

Обратится в «Интерфейс» за дополнительной информацией/по вопросу приобретения продуктов

Рисуем мышью

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

Собственно, мы будем заниматься небольшим обманом, так как в чистом виде «рисованием» это назвать можно только с некоторой натяжкой.

Фигуры и выделения

Эти инструменты помогут отрисовать правильные геометрические формы, например, глаза персонажа, различные пятна и блики. Есть одна хитрость, позволяющая деформировать созданный эллипс, не прибегая к средствам трансформирования. О фигурах можете почитать в статье ниже.

Подробнее: Инструменты для создания фигур в Фотошопе

1. Создаем фигуру «Эллипс» (читаем статью).

2. Берем инструмент «Выделение узла».

3. Кликаем по любой из четырех точек контура. Результатом будет появление лучей.

4. Теперь, если потянуть за эти лучи или переместить саму точку, можно придавать эллипсу любую форму. При использовании кисти в тандеме с мышью таких ровных и четких краев добиться будет невозможно.

Инструменты выделения также помогают создавать правильные геометрические объекты.

1. Например, берем «Овальную область».

2. Создаем выделение.

3. Из этой области можно создать контур или сплошную заливку, кликнув внутри выделения ПКМ и выбрав соответствующий потребностям пункт контекстного меню.

   Подробнее: Виды заливки в Фотошопе

Линии

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

Подробнее: Рисуем линии в Фотошопе

Обводка контура

Поскольку мы не можем провести плавную линию контура вручную, то можно воспользоваться инструментом «Перо» для создания основы.

Подробнее: Инструмент Перо в Фотошопе

С помощью «Пера» мы уже можем имитировать реальный нажим кисти, что на холсте будет выглядеть как мазок, выполненный на планшете.

1. Для начала настраиваем кисть. Выбираем данный инструмент и жмем клавишу F5.

2. Здесь ставим галку напротив свойства «Динамика формы» и кликаем по данному пункту, открыв настройки в правом блоке. Под параметром «Колебание размера» выбираем в выпадающем списке «Нажим пера».

3. Кликаем по пункту «Форма отпечатка кисти» в шапке списка. Здесь настраиваем необходимый размер.

4. Теперь берем «Перо» и создаем контур. Жмем ПКМ и выбираем пункт, указанный на скриншоте.

5. В открывшемся диалоговом окне ставим галку возле «Имитировать нажим» и выбираем «Кисть». Нажимаем ОК.

6. Как видим, обводка очень похожа на ручную отрисовку.

Тренировка

Для того чтобы повысить свой уровень владения мышью, как инструментом рисования, можно воспользоваться готовыми контурами. Их можно скачать в интернете, введя в поисковой системе соответствующий запрос. Другой вариант – нарисовать контур на бумаге, затем отсканировать его и загрузить в Фотошоп. Таким образом, обводя мышью готовые линии, можно научиться более ровным и точным движениям.

Заключение

Как видите, существуют приемы, позволяющие сгладить негативное влияние мыши на процесс рисования. Следует понимать, что это лишь временная мера. Если планируется серьезная работа, то приобрести планшет все же придется.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

2. Приступаем к Раскраске Рисунка

Шаг 1

Я предпочитаю работать с документами больших размеров,
потому что, это позволяет мне распечатывать свои работы в большом размере. Итак, убедитесь, чтобы Разрешение (Resolution) было 300 dpi. Идём Изображение
– Размеры изображения (Image > Image Size). Для данной картины я использовал следующие размеры.

Шаг 2

Я всегда создаю дубликат основного слоя (наброска),
чтобы была запасная копия, если я что-то испорчу. Поменяйте режим наложения для дубликата слоя на Умножение (Multiply). Данный режим поможет вам рисовать ниже слоя с
рисунком. Закрепите этот слой замочком.

Шаг 3

Теперь, создайте новый слой. Расположите этот слой ниже слоя с рисунком (с режимом наложения Умножение (Multiply). Залейте этот слой базовым цветом. Это будет наш задний фон.

Далее, аккуратно нанесите основные цвета, которые вы
будете использовать для раскраски своего рисунка, создав палитру цветов. Для палитры цветов, создайте отдельный слой. Далее, вы можете выбирать цветовой оттенок с помощью
инструмента Пипетка (Eyedropper Tool). Как только вы завершаете закрашивать
фрагмент композиции, закрепляйте слой с помощью замочка.

Примечание
переводчика: палитру цветов можно создать с помощью нескольких
мазков кисти, автор создал палитру цветов в верхнем правом углу изображения.

Шаг 4

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

Я часто использую кисти от Майка Нэша. Это талантливый художник, на его сайте вы можете
скачать множество фантастических кистей бесплатно.

Шаг 5

Теперь, когда мы уже выбрали основные цвета, нам нужно
просто выбрать желаемые цветовые оттенки с помощью инструмента Пипетка (Eyedropper Tool)

На данном этапе, очень важно выбрать правильные цветовые
оттенки, т.к. картина будет создаваться на основе данной цветовой палитры

Не увеличивайте масштаб изображения, когда будете
прокрашивать задний фон, таким образом, вы сможете в полном масштабе увидеть
картину. Выберите основные цвета, которые вы уже задумали с
помощью Палитры цветов (Color Picker).

Шаг 6

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

Шаг 7

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

Теперь, создайте новый слой для раскраски персонажа.

Шаг 10

Теперь мы добавим объёма к изображению персонажа с
помощью светлого оттенка. Текстура кисти придаст изображению
красивый вид.

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

Шаг 11

Всегда хорошо работать, когда есть много слоёв, потому
что, если вы сделаете ошибку, то вы можете исправить это быстро и легко.

Далее, создайте новый слой поверх слоя с персонажем
в качестве обтравочной маски, мы будем раскрашивать персонажа. Обтравочная маски имеет тот же эффект, что и функция
кнопки Сохранить прозрачность пикселей (Lock Transparent Pixels).

Шаг 12

Наш персонаж постепенно начинает оживать. Не забывайте, что это только базовые цвета, поэтому,
пока ещё не фокусируйтесь на деталях. Старайтесь наносить всего лишь несколько мазков.