Создаем векторный рисунок в Photoshop

Создаем векторный рисунок в Photoshop

Всем доброго времени суток! Очень рада снова вас видеть. В этом уроке мы с вами будем рисовать, именно в «компьютерном» понимании этого слова. Для тех, кто привык творить свои шедевры различными красками на холсте, будет поначалу довольно непривычно. Но, немного терпения, желания и настойчивости, и вы обязательно освоите выполнение векторной графики.

Открываем программу Photoshop, я буду работать с версией CS4 Extended. Нажимаем File->New… или сочетание клавиш Ctrl + N. В соответствующих полях появившегося окна обозначаем желаемый размер будущего рисунка и его имя, жмем кнопку ОК.

Урок Photoshop от Beewomen

Создадим новый слой (Layer->New…->Layer или сочетание клавиш клавиатуры Shift + Ctrl + N), назовем его «Чертеж».

Урок Photoshop от Beewomen

Урок Photoshop от Beewomen

На панельке слева, или нажатием клавиши B выбираем инструмент Brush (Кисть). Настройки для кисти: Master diameter – 3 px, Hardness – 100%. Цвет для рисования #605f5f .

Урок Photoshop от Beewomen

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

Урок Photoshop от Beewomen

Вот наш чертеж, дальше самое интересное. Добавляем новый слой, назовем его «голова», и переместим курсором мыши так, чтобы он располагался под слоем «Чертеж».

Урок Photoshop от Beewomen

Выбираем цвет шерстки нашему мишке. В данном примере я выбрала цвет #92611b . Нажмем клавишу P или выберем инструмент Pen на панели слева, со следующими настройками:

Урок Photoshop от Beewomen

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

Итак, мы выбрали инструмент Pen. Нажатием левой кнопки мыши ставим первую точку в начале вертикальной линии, проходящей посередине чертежа. Не отпуская кнопку, отводим мышь слегка вправо. Вторая точка у нас будет в конце третей горизонтальной линии, ставим ее и, не отпуская кнопку, отводим мышку вниз, до того момента, когда изгиб линии будет таким, как нам нужно. Это часть головы мишки, первая точка – макушка, вторая – середина щеки. Если вам плохо видно точки на фоне чертежа, можно перейти на слой под соответствующим названием и изменить его параметр Opacity.

Урок Photoshop от Beewomen

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

Урок Photoshop от Beewomen

Вот такая у нас получилась голова мишки, с симпатичной макушкой. Теперь создадим новый слой под именем «Туловище» и расположим его под слоем «Голова». Используя те же примеры, создаем туловище мишки.

Урок Photoshop от Beewomen

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

Лапки у нас расположены практически одинаково, поэтому мы можем немного упростить и ускорить процесс их создания. Сначала «нарисуем» первую лапку на новом слое.

Урок Photoshop от Beewomen

Сомкнув точки, дублируем слой с лапкой (проще всего сделать это сочетанием клавиш Ctrl + J). Копию слоя отражаем по горизонтали, сделать это можно путем нажатия следующих пунктов меню: Edit->Transform path->Flip Horizontal .

Урок Photoshop от Beewomen

Пункт Transform path приобретает такое название только тогда, когда мы работаем с векторной маской слоя (все маски обычно видны на панели слоев). Если же мы работаем в другой технике, без векторной маски, этот пункт меню называется просто Transform.

Отраженную деталь перемещаем на нужное место. В данном случае к плечу медвежонка. Это можно легко сделать инструментом Move, выбираем его клавишей V.

Урок Photoshop от Beewomen

Смотрим на линию чертежа… Изначально планировалось немного иначе. Линий придерживаться не обязательно, ведь в процессе рисования человек начинает лучше понимать, как будет выглядеть рисунок, чем тогда, когда он только делает его набросок. Но в этом случае немного подгоним правую лапку под чертеж. Для этого нажмем сочетание клавиш Ctrl + T , немного повернем и сместим ее.

Урок Photoshop от Beewomen

Учитывая все вышеизложенные приемы, сделаем задние лапы и ушки нашему мишке.

Урок Photoshop от Beewomen

Поработаем над деталями, все тем же инструментом Pen. Сначала более светлым цветом #be8f4c «раскрасим» живот и мордочку персонажа.

Урок Photoshop от Beewomen

Более темным цветом #74490a обработаем края лап и ушки.

Урок Photoshop от Beewomen

Черным цветом нарисуем нос и глаза. Поставим белые точки, имитирующие отблеск.

Урок Photoshop от Beewomen

Сменим настройки инструмента Pen, переключив с Shape Layers на Paths, как показано ниже.

Урок Photoshop от Beewomen

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

Доделаем мордочку нашему мишке. Проведем линию от носа к будущему рту персонажа инструментом Brush с диаметром 1px и жесткостью 100%. Не меняя настройки кисти, вернемся к инструменту Pen и обозначим линию рта.

Урок Photoshop от Beewomen

Кликнем правой кнопкой мыши и выберем из меню пункт Stroke Path…

Урок Photoshop от Beewomen

В появившемся окне, из предложенного списка возьмем инструмент «кисть» (Brush). Это означает, что линия, которая создастся после нажатия кнопки ОК, будет выполнена в соответствии с настройками кисти (диаметр, жесткость, цвет).

Урок Photoshop от Beewomen

Слой с чертежом можно удалить. Вот такой мишка у нас получился.

Урок Photoshop от Beewomen

Используя все те приемы, о которых написано выше, доработаем детали, чтобы наш рисунок был завершенным и красочным.

Урок Photoshop от Beewomen

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

Желаю вам творческих успехов! ;)

Автор урока: Beewomen

Нет комментариев »

Еще нет комментариев.

RSS лента комментариев к этой записи.

Комментировать