29 февр. 2016 г.

Как нарисовать милую кошечку в Adobe Illustrator

Всем привет! Сегодня у нас в гостях Юлиана Брыкова - талантливый иллюстратор и главный специалист по милым зверушкам. Юлиана покажет и расскажет, как рисовать вот такую замечательную кошечку.


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

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


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


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


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


Обводим все на планшете или мышкой. Если на планшете, то используем обычную круглую кисть, выставив в настройках нажатие (Pressure). Если мышкой - инструментом «перо» Pen Tool (P).

Начинаем обводить эскиз, в некоторых местах можно прорисовывать шерсть.


Когда всё обведено, подправляем неровности и линии, которые вышли за границы, с помощью Direct Selection Tool (A).


На этом этапе можно еще изменить эскиз, например, увеличить или уменьшить размер глаз, поворот головы и т.д. Я немного увеличила голову, добавила шерсти. Когда все это сделано, приступаем к обработке контура. Отдельно группируем контур тела кошки, шерстинки, глаза, нос, усы.

Выделяем сначала контур тела и в меню выбираем Object > Path > Outline Stroke (объект > контур > преобразовать обводку в кривые). Далее объединяем контур кошки с коробкой в один объект с помощью функции Unite (Соединить) в панели Pathfinder (Обработка контуров).


Тем же способом обрабатываем мордочку, шерсть, усы. Разбираем в кривые и соединяем.

Когда контур готов, рисуем простой квадрат и убираем его на задний план, выделив контур кошки, глаза и квадрат, нажимаем Trim (обрезка) в панеле Pathfinder, далее разгруппировываем квадрат и удаляем лишнее. Если некоторые объекты вышли на передний план, убираем их назад.


Теперь все разукрашиваем, добавляем блики глазам инструментом Ellipse Tool (L) (эллипс), а также выделяем нос и щеки белым цветом, изменяем цвет контура.


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


Затем дублируем нижний объект хвоста, выделяем его вместе с нарисованным контуром и нажимаем кнопку Intersect (пересечение) на панели Pathfinder (обработка контуров).


И затем убираем обводку, добавляя заливку.


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


Кошечка готова! Теперь можно добавить какие-нибудь детали. На задний план положить текстуру. И не забудьте в конце работы удалить слой с растровым исходником.


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

Юлиана Брыкова специально для блога Записки микростокового иллюстратора
Читать дальше...


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:



18 комментариев:

  1. Лапочка зверушка!!! Очень доступный и интересный урок, спасибо!

    ОтветитьУдалить
  2. А я как раз писала вам урок про милого кролика, хотя кошек я люблю больше. Теперь не выйдет.:(

    ОтветитьУдалить
    Ответы
    1. Привет! Почему не выйдет? Милых зверушек много не бывает. Присылай обязательно

      Удалить
  3. Как сделать такой фон, с потертостями?

    ОтветитьУдалить
    Ответы
    1. Есть много способов. Начиная от автотрейса, и заканчивая различными фишками с кистями. Недавно даже плагин у Astute Graphics появился, который генерирует текстуры. На закрытом блоге есть урок с одним интересным способом, посмотри: как нарисовать векторные кляксы, брызги и царапины

      Удалить
  4. Юлиана, спасибо большое за урок и за то, что делитесь своими знаниями! У меня вопрос - как вы рисовали "толстенькие" части котика на этапе обводки - бровки, "подводку" на глазах... что-то никак сообразить не могу...

    ОтветитьУдалить
    Ответы
    1. И Вам спасибо, Евгения! Я рисую так, как обычным карандашом на бумаге, т.е. если нужно потолще линию сделать как на глазах стрелки или брови, я просто еще раз провожу кистью, или штрихую :-)

      Удалить
    2. Спасибо, разобралась!

      Удалить
  5. Какая славная котька. Очень люблю звериков Юлианы :)

    ОтветитьУдалить
  6. Объясните пожалуйста один момент ^^
    Когда группирую и нажимаю "соединить", появляются какие-то новые линии, которые, собственно, соединяют линии нарисованные. Что не так делаю? Обводила эскиз обычной круглой кистью.

    ОтветитьУдалить
    Ответы
    1. Возможно кисть не разобрана. Либо разобрана, но не вычищен мусор, который мог образоваться после экспанда.

      Удалить
  7. Мусора нет. Сейчас специально отдельно нарисовала полукруг кистью (то есть получилась дуга линией), разобрала оформление, жму соединить - теперь соединить вообще нельзя. А если не разбирать - то опять же концы дуги линией новой соединяются. Ничего не понимаю ._.

    ОтветитьУдалить
  8. Ой, кажется поняла! Я, наверное, не то нажимала. Сейчас буду еще пробовать, спасибо!

    ОтветитьУдалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.

 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2018