Рисунок по картинке в Фотошопе

Опубликовано ,

Всем привет!

В последнее время я занята созданием собственной темы WordPress (кстати, скоро выложу урок по рисованию шаблона), поэтому статьи появляются не особо часто. И у меня проблема с организацией времени, да =( Обещаю исправиться. Честно-честно!

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

Что примечательно, навыки рисования от вас не требуются =)

Идея написать этот урок пришла совсем недавно — я выкладывала на рукодельном блоге переводы мастер-классов по валянию елочных игрушек по картинке. Некоторые авторские рисунки были очень маленького размера, вот и пришлось использовать фотошоп.

Результат мне понравился =)

Итак, нам понадобится:

  1. Фотография игрушки;
  2. Фотошоп — у меня CS5;
  3. Планшет или мышка.

Приступим!

Рисовать мы будем вот такую милую зайку:

gotovaya-zayka-1

Для рисования я использую планшет Bamboo Pen & Touch. Классная штука, рекомендую.

Что ж, давайте приступим.

Пользоваться мы будем всего двумя инструментами:

  1. Перо (P)перо фотошоп
  2. Выделение контура (А)выделение контура фотошоп

 

Открываем нашу картинку в Фотошопе.

Для начала создадим все необходимые слои. Проще всего пользоваться комбинацией клавиш Ctrl+Shift+N

2014-12-26 17-03-53 Новый слойЯ делаю слои для каждой группы элементов рисунка. Позже их легко будет менять местами, редактировать

2014-12-26 17-13-30

Затем настраиваем кисть (B), при помощи которой будет осуществляться обводка рисунка. Попробуйте нарисовать линию, чтобы оценить ее толщину

2014-12-26 17-14-23 Скриншот экрана

Первыми начинаем обводить глаза и нос. Для этого используем Перо (Р). В этом уроке я не буду подробно рассматривать, как пользоваться инструментами.

Просто ставим опорные точки и при помощи касательных получаем необходимые изгибы контура.

2014-12-26 17-14-07 gotovaya-zayka-1.jpg @ 234% (Глаза, нос, RGB 8#)

Когда контур готов, щелкаем по нему правой кнопкой мыши (ПКМ) и выбираем пункт «Выполнить обводку контура»

2014-12-26 17-14-37 Скриншот экрана

Затем в выпадающем списке выбираем кисть. Как вы помните, мы уже настраивали ее ранее

2015-01-14 12-11-15 Скриншот экрана

Получается:22Второй глаз у зайки круглой формы. Нарисовать его можно просто используя кисть большего размера.

Вот оба глаза:

2014-12-26 17-15-47 gotovaya-zayka-1.jpg @ 234% (Фигура 1, RGB 8#)

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

2014-12-26 17-17-21 Скриншот экрана

Совет: в панели цветов поставьте черный цвет обводки основным, а цвета заливок — как фоновый цвет. Тогда вы постоянно будете иметь в распоряжении два рабочих цвета.

В данном случае мы выполняем заливку черным — основным цветом2014-12-26 17-17-30 Скриншот экрана

Вот такая вышла мордочка:

2014-12-26 17-17-53 gotovaya-zayka-1.jpg @ 234% (Глаза, нос, RGB 8#)

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

Затем рисуем щеки, это удобно делать при помощи инструмента «Эллипс» (U)

2014-12-26 17-15-55 Скриншот экрана

Им удобно рисовать все круглые и овальные объекты. В панели настроек выбираем подпункт «Контуры»:

2015-01-14 12-15-28 Скриншот экрана

Если требуется нарисовать круг — удерживайте клавишу Shift.

Для определения цвета заливки воспользуемся пипеткой:

2014-12-26 17-18-15 Скриншот экрана

Можно поиграть с палитрой, добиваясь нужного цвета:

2014-12-26 17-18-15 Скриншот экрана1

Нужную форму контура можно получить, выделив «Стрелкой» (А) и передвинув опорные точки:

2014-12-26 17-28-56 gotovaya-zayka-1.jpg @ 173% (Щеки, RGB 8#)

Затем выполним заливку и щечки готовы

2014-12-26 17-19-16 Скриншот экрана

Рисуем ветку с ягодами — три листа произвольной формы и несколько кружков-ягод. Для контраста можно сделать черный контур элементам. 

Используем инструменты в следующей последовательности: сначала «Заливка контура», затем «Обводка контура»

2015-01-14 12-37-09 gotovaya-zayka-1.psd @ 100% (Глаза, нос, RGB 8#)

При помощи Пера обводим ленту:

2014-12-26 17-34-23 gotovaya-zayka-1.jpg @ 173% (Лента, RGB 8#)

Заливаем ее розовым цветом и обводим черным:

2014-12-26 17-34-37 Палитра цветов (Фоновый цвет)

Рисуем Пером уши. Как видите, можно делать сразу несколько контуров, а потом выполнять заливку.

2014-12-26 17-35-56 gotovaya-zayka-1.jpg @ 173% (Уши, RGB 8#)

Ну и последнее — нижний слой — вся голова. Используем «Эллипс»

2014-12-26 17-39-04 gotovaya-zayka-1.jpg @ 105% (Голова, RGB 8#)

Убираем задний фон и любуемся результатом:

2014-12-26 17-43-28 gotovaya-zayka-1.jpg @ 77,9% (Глаза, нос, RGB 8#)

Аналогично вы можете сделать любой рисунок =)

 

А что вы думаете по этому поводу?

Ваш e-mail не будет опубликован.

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