Как сделать ресницы в inkscape

Создание женского мультяшного аватара в Inkscape

Аватар это графическое представление пользователя в социальных сетях, форумах, играх и т.д. Другими словами, это второе я пользователя. Обычно 2D-аватар квадратный и имеет небольшой размер (100×100px, 64×64px). Именно поэтому при его создании следует исключить излишние детали и оставить только самое важное. Иначе, при его уменьшении будет либо трудно разглядеть детали, либо они замылят картинку.

В Inkscape существуют несколько полезных функций, которые помогут вам упростить создание аватара:

• Вид > Посмотреть как значок позволит увидеть выделение или содержимое страницы в виде значка размером 16×16px/24×24px/32×32px/48×48px или 128×128px.
• Вид > Повторить окно откроет новое окно с тем же документом, в котором вы работаете. Редактируя исходный документ, изменения будут вносится и в продублированное окно. При этом, работать можно как в первом, так и во втором окне. Данная функция может оказаться полезной при работе в Inkscape в целом, а не только при создании подобного вида изображений.

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

Рисуем

1. Создадим круг с помощью инструмента «Рисовать круги, эллипсы и дуги (F5)»
2. Переводим круг в контур (Контур > Оконтурить объект)
3. Редактируем узлы (F2) так, чтобы контур напоминал лицо
4. По аналогии создаем эллипс и редактируем его узлы, чтобы объект начал напоминать ухо. Продублируем созданное ухо (Ctrl+D) и отразим дубль по горизонтали (Объект > Отразить горизонтально). Расположим оба уха где-то посередине нашей головы.
5. Для создания шеи рисуем прямоугольник (F4), переводим его в контур и смещаем два нижних узла ближе к друг другу. Для этого выделяем два нижних узла и несколько раз нажимаем Ctrl +
6. Плечи создадим из прямоугольника, сделав его верхние узлы сглаженными. Плечи у нас намеренно небольшие, чтобы все внимание зрителя фокусировалось на голове.

Красим

Цвет кожи подобрать достаточно трудно, поэтому я пользуюсь небольшой подсказкой под названием «Catalogue of Human Features», автором которого является majnouna. Там же можно подобрать цвет глаз и волос для вашего персонажа.

Придаем объем

Чтобы зрительно отделить шею от головы, нужно добавить под ней тень. Для этого дублируем шею и перекрашиваем в более темный цвет кожи. Дублируем голову и перемещаем её немного вниз с зажатым Ctrl. Далее выделяем шею и дубль головы, а затем идем в меню Контур > Пересечение.

Рисуем

1. Обычно глаза имеют миндалевидную форму и располагаются примерно на одном уровне с краями ушей. Создадим эллипс (F5) и сузим его по краям через редактирование узлов (F2). В качестве радужной оболочки и зрачка мы используем два круга.
2. Создадим бровь с помощью кривой Безье (Shift+F6) в режиме «Угасание». Оконтуриваем объект и закругляем два крайних узла.

Примечание № 1: После оконтуривания кривой Безье созданной в режиме «Эллипс», она может содержать большое количество лишних узлов. Чтобы уменьшить их количество перейдите в Контур > Упростить или нажмите Ctrl+L предварительно выделив контур.

Примечание № 2: Стоит отметить, что многие элементы лица симметричны и это намного облегчает нам задачу. В данном случае, мы можем создать всего один глаз, продублировать его и отразить горизонтально.

Красим

— Желаемые цвета можно подобрать самостоятельно или получить из исходников/картинки воспользовавшись пипеткой (F7).

Придаем объем

1. Глаза блестят на свету, а блики передаются белыми пятнами. Добавим к зрачку белый круг, а к радужной оболочке — более светлый полукруг. Выделим область глаз ещё сильнее добавив под ними тень: создаем объект с помощью инструмента Безье (Shift+F6) и сглаживаем узлы.

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

Красим

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

Рисуем

1. Для большего разнообразия добавим нашему персонажу украшение. Сначала создадим одну бусину, контур ожерелья и воспользуемся расширением Текстура по Контуру (Расширения > Создание из контура > Текстура по контуру).

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

В результате мы должны получить единый объект состоящий из такого количества бусин, сколько поместилось на контуре, с учетом интервала между копиями. Чтобы добавить ожерелью объем, нужно продублировать контур с бусинам и уменьшить его зажав Ctrl+Shift.

Придаем объем

1. Добавим с помощью кривых Безье (Shift+F6) тень от ресниц. Закрасим контур темно-синим цветом и сделаем его максимально прозрачным.
2. Также добавим больше деталей волосам — создадим несколько линий с помощью кривой Безье (Shift+F6) в режиме «Эллипс».
3. Заключительным этапом является добавление линейных градиентов теням под глазами, розовым бликам на губах и небольшому блику на носу (создается кривыми Безье).

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

>> Скачать исходник «Женский мультяшный аватар» (.svg)

Похожие записи

• Создание мужского мультяшного аватара в Inkscape
• Создание символьного шрифта в Inkscape
• Построение перспективы в Inkscape
• Изометрия в Inkscape
• Реверсивные линии делают вашего персонажа более динамичным!

Written by AhNinniah

Visit my Website Follow me on Twitter

3 Responses to «Создание женского мультяшного аватара в Inkscape»

Отличный урок, спасибо! Многим пользователям (и я вхожу в их число) может оказаться удобнее сразу воспользоваться кривыми Безье для создания форм (без предварительного создания примитивов). Кстати говоря, для переключения на соответствующий инструмент вместо «Shift+F6» может быть удобней использовать клавишу «B» (я постоянно переключаюсь между кривыми Безье и режимом редактирования узлов при помощи клавиш «B» и «N» соответственно). Причем для всех симметричных частей можно рисовать только одну половину лица, используя для второй инструмент клонирования (Edit > Clone > Create Clone), и отразив клон по горизонтали. При этом изменения на одной половине лица тут же будут применяться и на склонированной второй половине. По завершению работ можно открепить клон (Edit > Clone > Unlink Clone) и при желании придать лицу некоторую несимметричность. Ну и конечно вместо «Объект > Опустить на задний план» гораздо удобней использовать клавиши «Page Up», «Page Down», «Home», «End». А для подбора цвета кожи и прочего можно использовать готовые палитры (эту например).
Работать с палитрами удобней, да и в будущем они могут не раз еще пригодиться. Не сочтите за критику, урок мне очень понравился 🙂

Данный туториал предназначен прежде всего для начинающих пользователей, поэтому здесь много отсылок в меню и очевидных вещей. Чтобы человек, который поверхностно знаком с программой, смог создать в ней хоть что-то. И каждый урок после написания проходит такого рода проверку. Я знаю, что далеко не многие понимают принцип работы кривых Безье. И в данном случае, подогнать готовую форму под желаемую гораздо удобней, чем создать её с нуля с помощью Безье. Это также прививает понимание, что любую сложную фигуру можно создать с помощью простых форм. Не спорю, возможно есть методы сделать проще, быстрее и т.д. Но вдаваться в тонкости работы с программой я не планировала, каждый может прийти к этому самостоятельно. В туториале важно сохранить простоту исполнения. Но все равно, спасибо за комментарий. Я уверена, некоторые читатели найдут ваши замечания полезными. P.S. Я вроде упоминала в уроке про цвет кожи из готовой палитры.. Разве нет?

40 туториалов для создания векторных иллюстраций

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

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

Приступая к работе

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

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

Инструмент «перо» — один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.

Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.

От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.

Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.

7. Добавление текстуры для векторных иллюстраций

Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.

Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.

Создание лиц

9. Создание векторного глаза

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

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

Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.

С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.

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

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

Дизайн персонажей

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

Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.

В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.

С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.

В руководстве описан процесс создания простого персонажа аниме от начала и до конца.

Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.

Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.

Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.

Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.

Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.

Ландшафт и окружающая среда

В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.

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

Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).

Особые эффекты

В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.

Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.

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

За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.

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

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

Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.

В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).

36. Конвертируйте растровое изображение в векторное

Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.

Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.

Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.

В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.

В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.

• Блог компании ua-hosting.company
• Работа с векторной графикой
• Графический дизайн

Как сделать ресницы в inkscape

Quote ( Марри )

Как сделать так, чтобы окрашивая глаз,не окрашивать зрачок?

Привет Марри!
Если конечно я правильно понял Вас.-> Вам нужно изменить цвет выделенной области, но внутри неё есть ещё одна область цвет, которой изменять не надо?

Это сделать очень просто.
1.Выделяем сначала внешнюю область любым удобным инструментом, например «Лассо»
2.На панели инструментов для инструмента «Лассо» нажимаем кнопку->»Вычесть из выделения» (на скриншоте она помечена красным кружком), и затем выделяем внутри выделенной области ту часть, которая не должна попасть в выделение, и соответственно окрашиваться не будет.

Прикрепления: 7311381.jpg (57.6 Kb)

ПР. Кукла Кокэси в Inkscape

Кокэси (реже кокейси или кокэйси) (яп. 小芥子 или こけし ) — японская деревянная кукла, покрытая роспиcью. Состоит из цилиндрического туловища и прикреплённой к нему головы, выточенных на токарном станке. В наши дни кокэси является популярной сувенирной продукцией. В этом уроке научимся рисовать такую куклу.

1. Основа куклы. Выберите инструмент рисования кругов и эллипсов (F5) и нарисуйте эллипс как на скриншоте ниже.

2. Выберите инструмент рисования прямоугольников (F4) и нарисуйте прямоугольник в нижней части эллипса. Прямоугольник должен находиться в нижней части эллипса и должен перекрывать его (иначе поднимите прямоугольник на передний план нажав на клавишу Home).

3. Выделите эллипс и прямоугольник. Перейдите в меню Контур > Разность (Ctrl+-). Полученный объект мы будем использовать для создания туловища и волос, поэтому создайте дубликат через меню Правка > Продублировать (Ctrl+D). Созданный дубль переместите в сторону (чтоб не мешался), к нему мы вернёмся позже.

4. Формируем тело. Выберете инструмент редактирования узлов (F2), выделите два боковых узла, это можно сделать, если во время выбора зажать клавишу Shift. После выделения на панели инструментов редактора узлов нажмите на «Сделать выделенные узлы автоматически сглаженными». Выделите два нижних узла, передвиньте их друг к другу пару раз нажав на клавишу

5. Волосы. Работаем с продублированной основой куклы. Необходимо уменьшить её высоту так, чтоб она была похожа на шлем. Далее рисуем квадрат и помещаем его поверх «шлема» (на самом деле это заготовка для волос). Для точного выравнивания откройте диалог Выровнять и расставить объекты.

Используем контурную операцию разность (Ctrl+-). В итоге мы должны получить заготовку для волос как на скриншоте ниже.

6. Теперь окончательно доделаем волосы.

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

Выберите два нижних боковых узла и сдвиньте их друг к другу нажав пару раз клавишу

7. Лицо. Нарисуйте эллипс, поместите его под волосы. Отцентрируйте волосы и эллипс. Далее подкорректируйте положение эллипса так, чтобы вместе с волосами было похоже на лицо.

8. Рисуем глаза. Выберите инструмент рисования кривых Безье (Shift+F6). Установите форму кривой Угасание.

На свободном месте холста поставьте точку. Далее рисуем небольшой отрезок под углом. Когда ставим точку конца отрезка не отпускаем левую кнопку мыши, а немного растягиваем рычаг точки. Когда линия будет похожа на дугу отпускаем левую кнопку мыши и жмём Enter. Полученную ресницу при необходимости подправляем инструментом редактирования узлов. После оконтуриваем ресницу через меню Контур > Оконтурить объект (Shift+Ctrl+C).

9. Нарисуйте маленький круг рядом с ресницей (при рисовании удерживайте Ctrl). Дважды продублируйте ресницу (Ctrl+D) и расставьте эти ресницы по краю круга как это показано на скриншоте ниже.

Выделите все ресницы и круг. После объедините их в один объект через меню Контур > Сумма (Ctrl++). Полученный глаз должен быть чёрного цвета и без обводки, подкорректировать можно в диалоге заливки и обводки (Shift+Ctrl+F).

10. Добавим блики. Рисуем два небольших овала (один меньше другого) внутри глаза как на скриншоте ниже. Далее выделите весь глаз с блёстками и продублируйте их (Ctrl+D). Используя клавиши со стрелками переместите дубль в сторону так, чтобы было видно оба глаза. Сделайте горизонтально отражение для одного глаза через меню Объект > Отразить горизонтально (H). Далее у этого глаза необходимо вернуть блёстки в первоначальное положение (без горизонтального отражения). Выделите их и ещё раз выполните горизонтальное отражение, после разместите их на глазе. Должно получится два таких глаза.

11. Выделите два глаза и переместите их на лицо куклы. Необходимо изменить размер глаз и подобрать между ними расстояние, чтобы они хорошо смотрелись на лице. Изменять размер можно клавишами < и >, перемещать — стрелками. Когда закончите — сгруппируйте глаза (Ctrl+G).

Отцентрируем глаза . Необходимо выделить лицо и глаза. Открываем диалог через меню Объект > Выровнять и расставить (Shift+Ctrl+A) и центрируем объекты по горизонтали.

12. Рот можно нарисовать несколькими способами. Вот один из них.

Нарисуйте окружность (заливки нет, обводка чёрная). В настройках для окружности (панель расположена выше области рисования) задайте параметры для начала и конца: 45 и 135соответственно. Получим сегмент окружности. Продублируйте получившийся объект и переместите его намного наверх (используйте клавиши со стрелками). После выделите оба объекта и выполните контурную операцию через меню Контур > Разность (Ctrl+-). Получившуюся улыбку необходимо переместить на лицо куклы, подкорректировать размер, залить всё красным цветом и убрать обводку.

13. Добавим румянец. Нарисуйте два небольших эллипса по краям рта. В диалоге заливки и обводки (Shift+Ctrl+F) залейте эллипсы розовым цветом, уберите обводку, размывание и непрозрачность установите на 40 (с этими параметрами можно поэкспериментировать для достижения наилучшего вида).

14. Соберите все части куклы. Залейте волосы чёрным цветом. Цвет для тела можете выбрать на свой вкус.

15. Рукава кимоно. Нарисуйте сегмент круга как в шаге 12. Поверните его как показано на скриншоте ниже. Сделайте дубль, который необходимо горизонтально отразить (H). После разместите рукава на кукле и залейте их цветом тела.

16. Нарисуйте небольшой чёрный эллипс и поместите его на макушку. Это будет пучок волос.

17. Рукава кимоно можно украсить (а можно оставить и так) руководствуясь своим воображением и вкусом. Ниже показан способ создания простого цветка, можно использовать его.

18. Ворот кимоно создаётся инструментом рисования кривых Безье (Shift+F6 или b). Форма кривой должна быть установлена на Эллипс. Нарисуйте две прямые так, чтобы они образовали ворот кимоно. Оконтурите обе прямые (Ctrl+Shift+C) и подкорректируйте размеры и положение. Необходимо знать, что кимоно запахивается на правую сторону (относительно нас — левую). На левую сторону запахивают только покойников на похоронах. Так что не спешите хоронить нашу Кокэси, мы её ещё не дорисовали.

19. Куклы как правило изготавливают из дерева и покрывают лаком, поэтому добавим немного глянца. Нарисуйте эллипс, оконтурите его. Инструментом редактирования узлов придайте форму боба. Получившийся объект залейте белым и удалите обводку. После продублируйте и разместите эти два объекта на кукле.