Инскейп. Техника рисования. Как нарисовать в программе Инскейп? Inkscape tutorial: Основы дизайна

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

Чем хорошо Инкскейп? По-видимому, тем, что платные аналоги стоят безумные деньги. Кроме того, данная программа работает на Виндоус и на Линукс.

Что он может в руках профессионала? Многое.

Вот по нашим сведениям творчество Лучиано Лоренсо (мы не знаем точную ссылку на оригинал)

Вот еще сложный пример

Попроще, но ближе к детям

А для начала надо научиться делать что-нибудь попроще. В поисках доступного учебника мы нашли в сети следующие источники для школьников.

1. Практикум учителя информатики школы 91 г. Перми Марии Александровны Зильберман .

2. Другой победитель конкурса “КОД СВОБОДЫ” Шаламов Алексей Владимирович представил в формате odt

7. Популярно об Инкскейпе с примерами работ. (Ссылка удалена - ресурс исчез из сети)

9. Для знающих английский, францзский или испанский языки, и уже изучивших простые уроки, все же есть еще пространство для развития. Объемистая книга по Инкскейпу "Inkscape: Guide to a Vector Drawing Program" от Tavmjong Bah.

11. Элементарные уроки по первым шагам рисования черепашки находятся ниже в данной теме.

Добавление 2012

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

Несколько практических замечаний:

• В сети наметилась явная тенденция по идентификации пользователей. Следующий естественный шаг - идентификация софта на компьютерах. В этой связи использование прекрасных программ вроде иллюстратора или фотошопа кажется все менее и менее привлекательным в силу дороговизны лицензий. Один из вариантов - переход на свободное ПО. В частности, программы инкскейп, blender и т.д.
• Новые версии Линукса ничем не уступают windows, а во многом превосходят - защита, удобство использования, бесплатность. Тот же Ubuntu устанавливается за 15-20 минут, находит все необходимые драйвера, имеет интуитивно понятный графический интерфейс, прост в использовании. В качестве доп. плюсов - полностью легальные программы работы с графикой вроде gimp, программы построения фрракталов, программы для обработки видео, работы с соц. сетями. Библиотеки программ под линукс переполнены, и в настоящее время это - качественные программы, удобные даже для новичков.
• Что касается инкскейпа. Для людей, создающих графику для веб сайтов, соц. сетей и т.д. зачастую не нужны приемы мастерства, описываемые в книжках. У многих пользователей к инкскейпу очень простые запросы. В этом случае крайне полезны бесплатные библиотеки готовых.svg файлов (в любом поисковике вбиваете запрос "галлерея svg"). Из таких галлерей можно скачать файл на нужную тему: они выкладываются именно для этой цели, чтобы другим людям не создавать стандартные объекты с нуля. Потом, открыв файл в inkscape, можно добавить свои элементы, отредактировать объекты, сменить цвета, и т.д. и на экспорте получить оригинальную, уникальную свою картинку. Для подобных операций нужны только простейшие навыки в инкскейп.

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

Inkscape уроки для начинающих – управляем узлами

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

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

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

Управление узлами на примере ломаной линии

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

Клавиши для управления узлами

Рассмотрим клавиши, которыми можно управлять узлами. Удалить узел можно клавишей (Delete ), не забыв выделить нужный узел щелчком мыши. Клавиша (TAB ) выделяет следующий по счету узел, а двойной щелчок мыши, на любом участке линии, создает новый узел. Ну а если вы хотите выделить несколько узлов, то вам в помощь клавиша (Shift ), которую нужно удерживать и выделять нужные вам узлы.

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

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

Основные функции

• различные методы обработки текста (рендеринг, вставка в контур, правка и т. д.);
• инструменты для рисования (градиент, эллипс, звезда, спираль и др.);
• ыполнение разнообразных операций с контурами;
• векторизатор растровых изображений;
• работа с клонами объектов;
• коллективное рисование;
• сохранение/открытие файлов в сжатом виде;
• импорт/экспорт многочисленных графических форматов;
• набор макросов для создания графики.

Достоинства и недостатки

Достоинства:

• бесплатное распространение;
• набор многочисленных полезных инструментов для работы с графикой;
• наличие индивидуального движка рендеринга;
• создание графических элементов для высококачественной печати.

Недостатки:

• замедление работы процессора вследствие высокой ресурсоемкости;
• отсутствие функции экспорта в формат SWF;
• периодические ошибки при импорте файлов.

GIMP - бесплатный редактор графики . Отличается огромным набором эффектов и рабочих инструментов. Умеет обрабатывать GIF-анимации и работать со слоями. Поддерживает пакетную обработку файлов.

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

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

Как пользоваться

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

Интерфейс

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

Если вы хотите изменить параметры страницы (редактировать размеры холста, ориентацию, фон и т. д.), нажмите «Shift+Ctrl+D» и перед вами появится такое окно:

Параметры страницы

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

Создание фигур

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

Перетаскивание

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

В этом уроке мы нарисуем милого векторного ёжика, используя программу Inkscape. Обычно, когда речь заходит о векторе, Дёжурка публикует уроки Adobe Illustrator. Но сегодня мы решили отдать предпочтения другому графическому редактору, разнообразия ради. Этот урок подходит для изучения самых базовых и простых инструментов Inkscape.

Финальный результат

1. Рисуем тело

Шаг 1
Начнем с иголок. Выберите инструментPolygon и выберите тип Star . Затем в параметре Corners укажите значение 15, а в Spoke ratio — 0.8 . Теперь нарисуйте многоугольник с заливкой коричневого цвета. Размер на данном этапе не важен.

Шаг 2
Теперь масштабируйте фигуру до размеров 410px х 465px .

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

Шаг 4
Задайте второму (более темному) многоугольнику обводку шириной в 13px (того же цвета что и заливка). Таким образом он увеличится в объеме.

Шаг 5
Выделите оба многоугольника и откройте вкладку Object > Align and Distribute . Нажмите иконку Center on vertical axis и Align top edges . Фигуры должны выровняться так:

Шаг 6
Теперь нам нужно нарисовать внутреннюю часть тельца. Выберите инструмент Ellipse и нарисуйте круг, зажав клавишу Control . Пока круг выделен, выберите в меню Path > Object to Path, чтобы мы могли редактировать эту фигуру в дальнейшем. Укажите кругу заливку как на картинке ниже.

Шаг 7
Теперь при помощи инструмента Nodes мы превратим круг в тельце ёжика, как на картинке ниже. Итоговый размер вышел 366px на 266px .

2. Рисуем глазки

Шаг 1
Инструментом Polygon нарисуйте равносторонний треугольник. (Укажите количество углов, равное трем и удерживайте ctrl, чтобы фигура была правильной). Пока треугольник выделен, в меню выберите Path > Object to Path .

Шаг 2
Инструментом Nodes выделите все узлы и нажмите иконку Make selected nodes symmetric .

Шаг 3
Это будут темные участки под глазами. Расположите фигуру так, как указано на рисунке ниже. Мы специально перенесли фигуру на тело ёжа, чтобы было лучше видно как она смотрится...

Шаг 4
Рисуем глаз. Берем инструмент Ellipse и удерживая Control рисуем круг. Закрашиваем его темно-серым цветом.

Шаг 5
Теперь рисуем еще два маленьких круга и заливаем их белым цветом.

Шаг 6
Когда закончите работу над первым глазом, отразите его копию по горизонтали. Однако не отражайте блики!

3. Рисуем мордочку

Шаг 1
Инструментом Ellipse рисуем овал. В меню выбираем Path > Object to Path. После этого редактируем узлы, чтобы вышло как на картинке ниже.

Шаг 2
Теперь рисуем нос: тем же инструментом Ellipse рисуем сперва темно-серый овал, а следом небольшой белый, который будет бликом на носу.

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

4. Рисуем уши

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

Шаг 2
Укажите ушку обводку толщиной в 12px . Задайте уху заливку розового цвета, а обводку сделайте цвета кожи ёжика. Также разместите ухо под фигурой внутреннего тельца ёжа, но над иголками. Чтобы сделать это, выделите ухо нажимайте Page Up и Page Down (Object > Raise/Lower ).


Шаг 3
Дублируйте ухо и отразите его горизонтально.

5. Используем сужающиеся линии для лап

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


Также мы округлили верхние узлы.


Шаг 2
Теперь выберите инструмент Pencil . Параметр Smoothing выставите на значение 50, а в графе Shape выберите From clipboard . Значение «From clipboard» означает, что к вашему контуру будет применяться то, что вы скопировали перед тем как его нарисовать. Так что копируйте наш сплющенный квадрат (Control + C ) и попробуйте нарисовать любую линию. Вот например так:


Шаг 3
После того как вы опробовали инструмент Pencil, ничего не меняя, нарисуйте ёжику лапку. Вы можете подредактировать линию при помощи узлов, если не вышло нарисовать идеально от руки. Теперь, когда вы зададите линии коричневый цвет, вы обнаружите что это заливка вместо обводки. Чуть позже мы объясним это.


Шаг 4
Дублируйте лапку и разместите ее зеркально.

6. Рисуем ножки

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


Шаг 2
Дублируйте линию ножки и вынесите ее за пределы ёжового тела. Поместите линию на квадрат телесного цвета (Object to Path ). Сейчас мы вырёжем необходимую нам фигуру из квадрата при помощи операций с контуром. Выделите линию ножки и квадрат и в меню выберите Path > Intersection .


Должна получиться вот такая фигура:


Шаг 3
Теперь вы можете расположить заливку для ножки под линией ножки. Чтобы сделать все ровно используйте Align and Distribute. Теперь дублируйте ножку и расположите зеркально копию.

7. Добавляем тень

Шаг 1
Давайте добавим эффект объема. Дублируйте фигуру тельца ёжа и залейте ее темно-коричневым цветом.


Шаг 2
Мы расположим эту фигуру под тельцем, ушами и ногами, но над иголками. Расположите фигуру так, чтобы она была на 10 пикселей правее и на столько же ниже фигуры тельца.


Шаг 3
Теперь сделаем тень для всего ёжика. Дублируйте фигуру иголок, задайте ей черный цвет заливки и прозрачность (Alpha ): 50 .


Шаг 4
Поместите тень на самый задний план (Lower to Bottom или клавиша End ). После этого выделите всего ёжика вместе с тень и сгруппируйте все элементы, чтобы дальше было проще работать.


Шаг 5
Добавим зеленый фон. Нарисуйте квадрат зеленого цвета размером 600 x 600px .

8. Рисуем листья

Шаг 1
Используя инструмент Pen нарисуйте фигуру из четырех узлов треугольной формы. После этого выделите нижние три узла и округлите их.


Шаг 2
После того как вы получите желаемую форму листа, тем же инструментом Pencil рисуйте детали как на картинке ниже.


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


Шаг 4
Не забываем о стебле. Просто нарисуйте его тем же инструментом Pencil, и укажите толщину в 2 пикселя и округленный кончик (rounded cap) . Цвет выберите темно-серый. Также скорее всего вам придется поместить его под сам лист.


Шаг 5
Чтобы получилось совсем замечательно, дублируем листик дважды и раскрашиваем копии в разные цвета. Теперь сгруппируйте каждый листик отдельно.

9. Разбрасываем листья

Шаг 1
Теперь нам нужно раскидать листья по фону. Начнем с первого листа. Выделите его и сразу после этого выберите инструмент Spray. Выставите параметры так, как показано на картинке ниже.


Шаг 2
Теперь вы можете просто кликая и удерживая левую кнопку мыши разбрасывать листья.


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


Шаг 4
Не снимайте выделения с группы листьев. Зайдите в меню Filters > Shadows and Glows > Drop Shadow. Укажитенастройки как показано на картинке ниже.


Шаг 5
Теперь мы может отправить все листья под ёжа и над зеленым фоном.

Ёжик готов!

Автор урока — Aaron Nieze .
Перевод — Дежурка.

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

Первые уроки в этом разделе представляют собой базовые уроки inkscape для новичков и рекомендуются для прохождения всем, кто начинает работать с этой программой. Основные или базовые уроки inkscape на русском языке (inkscape tutorials на русском языке) научат вас основам работы с холстом, навигации в inkscape , работе с документами, фигурами, инструментами. Так же в них представлены методы выбора, изменения объектов, работы с узлами, группировки объектов, работы с параметрами заливки и обводки, выравниванием и порядком объектов. Для более сложных уроков открыт специальный раздел - векторная графика - на форуме .

	Урок №1. Этот урок inkscape представляет собой серию простых базовых упражнений, позволяющих новичкам начать работу с этим векторным редактором. Урок дает базовые знания о работе с холстом, фигурами, инструментом выделения и изменения фигур, группировки фигур, изменении цвета контура и обводки, работе с градиентами. Урок inkscape посвящен ответам на вопросы по стандартным базовым возможностям программы.
	Урок №2. На этом уроке inkscape мы научимся рисовать вот такую стрелку. Этот урок полезен для закрепления навыков работы с фигурами и узлами, а также из этого урока inkscape можно узнать, как рисовать треугольники.
	Урок №3. Этот урок inkscape всего из пяти шагов рассказывает о работе с текстом и закрепляет знания контуров и заливки.
	Урок №4. Этот урок inkscape ориентирован на изучение основ работы с кривыми. Мы потренируемся создавать кривые, добавлять в них узлы и объединять узлы, научимся делать узлы гладкими, а также немного поработаем с градиентами и другими инструментами inkscape .
	Урок №5. Урок inkscape звездочка с глазами Этот урок inkscape ориентирован на изучение инструмента звезды и инструмента эллипс . В этом уроке мы потренируемся рисовать эти фигуры, а так же научимся их дублировать и группировать, и вспомним градиенты, заливки и обводки в inkscape .
	Урок №6. Как нарисовать бильярдный шар Наверное, самый простой и в тоже время самый эффектный урок векторной графики - это рисование сфер. Нельзя обойти и нам этот урок стороной. Давайте нарисуем вот такой бильярдный шарик, используя возможности и работу с градиентами в этой программе.
	Урок №7. Этот урок inkscape сделан в продолжение круглой темы, но немного сложнее предыдущего урока: как нарисовать векторный бильярдный шар . В этом уроке мы будем рисовать векторный чупа-чупс.
	Урок №8. Этот простой урок inkscape сделан о том, как сделать надпись, вырезанную из фона. В этом уроке мы еще раз познакомимся со свойствами контуров и возможностью их объединения и исключения.
	Урок №9. Урок inkscape как нарисовать валентинку Этот урок inkscape не очень сложный, но содержит много этапов. Правда, и для целей обучения этот урок очень познавательный. Из этого урока вы узнаете, как работать с пером, как работать с узлами, как разрывать и соединять контуры, как создавать узор из контуров с помощью интерполяции, как кадрировать изображение в нужный размер и многое другое. Урок содержит подробные описания каждого действия. Этот урок inkscape очень полезен для новичков , не смотря на кажущуюся сложность из-за его объема.
	Урок №10. Урок inkscape как нарисовать граффити на кирпичной стене Этот урок inkscape не очень сложный. посвящен созданию узоров из фигур, на примере стены из кирпечей. Создание узоров рассмотрено в уроке подробно, в то время как другие очевидные вещи, которым были посвящены предыдущие уроки данны с сылками на инструкцию inkscape .
	Урок №11. Урок inkscape надпись жизнь жуков В этом уроке inkscape подробно рассмотрена возможность создания сложных контуров с помощью разницы или вычитания двух более простых контуров. Так же в этом уроке можно узнать, как сделать форму листа с дерева, используя базовую форму овал.
	Урок №12. Урок inkscape сердечко, нарисованное фломастером или карандашом В этом уроке inkscape рассмотрен еще один способ, как сделать сердечко, используя базовую форму круг. А также в этом уроке можно познакомиться с некоторыми контурными эффектами inkscape.
	Урок №13. Для новичков inkscape это очень полезный урок , поскольку, когда навыков работы с программой еще мало, то очень полезно бывает посмотреть, как сделали работу другие более опытные товарищи и попытаться повторить подобное. Этот урок даст вам много полезной информации, которая поможет в этом, тем более, что файлы SVG являются открытыми исходниками и надо уметь извлекать из них полезные для себя вещи.
	Урок №14. Урок inkscape кукла в стиле кантри Этот урок inkscape является еще одним примером использования фильтров, на примере рисования куклы в inkscape и дополнительных фильтров inkscape для стиля кантри из предыдущего урока.
	Урок №15. Этот урок inkscape пример совместного использования векторной и растровой графики. В этом уроке мы будем работать с inkscape и paint.net для обработки растрового изображения.
	Урок №16. Урок как нарисовать пингвина Этот очень простой урок inkscape , сделанный с очень большим количеством иллюстраций.
	Урок №17. Урок обои с бликами Это крайне простой урок inkscape . В этом уроке мы будем использовать простые фигуры: прямоугольник и круг, а так же свойства размытия и прозрачности. Вот в принципе и все, что нам понадобится для этого урока.
	Урок №18. Урок обои с рыбой Сам по себе этот урок inkscape не особо сложный , но в нем есть много важных и показательных моментов, так что даже, не смотря на симпатичный результат, его стоит пройти, что бы почувствовать работу в inkscape.
	Урок №19. Урок cтеклянный стакан с соком На этом уроке inkscape можно научиться, как нарисовать стеклянный стакан с апельсиновым соком, используя возможности векторного редактора inkscape.
	Урок №20. Урок как нарисовать Hello Kitty Это несложный урок inkscape . В этом уроке кроме того, что мы научимся рисовать мордочку кошки Hello Kitty, мы еще научимся использовать направляющие линии в inkscape, научимся создавать их, поворачивать, настраивать.
	Урок №21. Урок как нарисовать поросенка Деда Мороза Это несложный урок inkscape на повторение "конструирования" образов из геометрических фигур, а так же о том, как делать блики.
	Урок №22. Урок как нарисовать векторный пейзаж грустный камень Этот несложный урок inkscape имеет целью показать, как можно рисовать в векторном редакторе inkscape оригинальные и симпатичные картинки, например, вот такой векторный пейзаж, используя простые геометрические фигуры.
	Урок №23. Как нарисовать в векторе текстуру джинсовой ткани Этот несложный урок inkscape имеет целью показать, что у фигур существует не только заливка цветом или градиентом, но и текстурная заливка. А так же в этом уроке мы научимся с ней работать.