Учимся рисовать в графическом редакторе Inkscape

Рисуем ёжика в 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.
Перевод — Дежурка.

Смотрите также:

Источник: //www.dejurka.ru/tutorial/inkscape-hedgehog/

Inkscape – векторный графический редактор

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

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

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

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

И при переходе на лицензионное и бесплатное ПО я стал искать подходящую по функциональности замену CorelDRAW. Главными критериями поиска были бесплатность, удобство работы, сходство интерфейса.

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

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

Программа Inkscape обновляется и пополняется новыми функциями каждый год.

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

По утверждению разработчиков главная цель — это создание мощного инструмента, а главное удобного для рисования, и полностью совместимого со стандартами SVG, CSS, XML.

Основные характеристики Inkscape

• программа бесплатна и распространяется на условиях лицензии GNU General Public License
• кроссплатформенность
• программа поддерживает следующие форматы документов: импорт — практически все популярные и часто используемые форматы SVG, JPEG, GIF, BMP, EPS, PDF, PNG, ICO, и много дополнительных, таких как SVGZ, EMF, PostScript, AI, Dia, Sketch, TIFF, XPM, WMF, WPG, GGR, ANI, CUR, PCX, PNM, RAS, TGA, WBMP, XBM, XPM; экспорт — основной форматы PNG и SVG и много дополнительных EPS, PostScript, PDF, Dia, AI, Sketch, POV-Ray, LaTeX, OpenDocument Draw, GPL, EMF, POV, DXF
• есть поддержка слоев
• как и во многих программах Inkscape поддерживает клавиатурные комбинации клавиш, что ускоряет в разы разработку того или иного макета или рисунка
• есть много встроенных расширений, многие из которых позволяют автоматизировать тот или иной процесс, или же просто позволяют сделать прорисовку большого объема информации
• расширенная статусная строка, которая содержит много полезной информации, а именно — информация о выделенных объектах, подсказки для клавиатурных комбинаций
• Inkscape имеет редактор XML с деревом объектов, связанный с рабочим пространством
• очень полезная и часто используемая мной функция, это возможность векторизировать растровое изображение
• есть возможность писать свои расширения, и сценарии на Perl, Python и Ruby
• программа доступна на нескольких языках, включая и русский и украинский

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

• создание логотипов, визиток, плакатов, иллюстраций для презентаций
• технические схемы, графики и др.
• web-графика — баннеры, макеты сайтов, кнопки для сайта, логотипы, полноценный дизайн сайта

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

Установка Inkscape

Для загрузки Inkscape, есть несколько вариантов официальных версий: архив с исходным кодом — .gz, архив с исходным кодом — .bz2, Mac OS X — .dmg, Windows — установочный пакет .exe, 7zip. Так как у меня установлена ОС Windows, то я выбираю соответственно установочный пакет в формате .exe.

Все остальные вариации для загрузки доступны на странице — //inkscape.org/download/?lang=ru. Для того чтобы загрузить версию 0.48 в формате 7zip, нужно перейти последующему адресу — //downloads.sourceforge.net/inkscape/Inkscape-0.48.0-1.exe.

Файл весит примерно ~33МB, для его загрузки можно воспользоваться программой Download Master.

После загрузки у Вас должен появится файл Inkscape-0.48.0-1.exe, после запуска которого появится окно выбора языка, на выбор доступные следующие языки: English, Indonesian, Russian, Ukrainian. Выбираем нужный нам язык и нажимаем кнопку ОК. (в моем случае это Russian)

После чего появится окно приветствия, в котором нужно нажать кнопку Далее >.

В следующем окне приводится текст лицензии, читаем и нажимаем кнопку Далее >.

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

• Inkscape, редактор SVG(требуется),
• Среда исполнения GTK+(требуется).

Также можно выбрать дополнительные компоненты для установки:

• Для всех пользователей(если поставить флажок то программа установится для всех пользователей компьютера),
• Ярлыки(здесь можно выбрать места, куда будут установлен ярлык для программы — Рабочий стол, Панель быстрого запуска, Открывать файлы SVG в Inkscape(будет произведена ассоциация файлов SVG с программой), Контекстное меню),
• Удалить личные настройки(если у Вас уже была установлена программа Inkscape то нажав здесь флажок все сохраненные настройки будут удалены),
• Дополнительные файлы(если поставить здесь флажок, то установятся Примеры и Уроки),
• Переводы(здесь можно выбрать один или несколько переводов, и доступно для этого большое количество языков, выбираем Русский(ru) или Украинский(uk)).

После того как Вы выберите все дополнительные компоненты нужно нажать на кнопку Далее >.

В следующем окне будет информация о том в какую директорию установить Inkscape, по умолчанию C:\Program Files\Inkscape, для того что бы выбрать другую директорию нужно нажать кнопку Обзор …. После чего следует нажать на кнопку Установить для продолжения установки.

После чего будет выведено следующее окно в котором будет происходить сам процесс установки, нужно будет подождать примерно 2-3 минуты.

Для того что бы отобразить подробные сведения об установке нужно нажать на кнопку Детали ….

После того как в полосе статуса установки появится слово Готово, станет активной кнопка Далее >, на которую собственно и нужно нажать.

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

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

Ссылки

• //inkscape.org — официальный сайт программы Inkscape

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

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

В общем что бы понять что из себя представляет Inkscape, нужно просто установить, запустить и попробовать что то сделать.

Источник: //www.uamedwed.com/blog/soft/inkscape-vektornyj-graficheskij-redaktor.html

Практические работы по информатике в графическом редакторе Inkscape

Цель:

1. Ознакомиться с элементами рабочего окна программы Inkscape.

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

3. Научиться редактировать заливку и штрих объекта.

Теоретическая часть

Перемещение холста в inkscape

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

Можно использовать Ctrl+Стрелочки прокрутки холста с клавиатуры. Можно также перемещать полотно, средней кнопкой (колесиком) мыши. Или можете использовать полосы прокрутки (комбинация клавиш Ctrl+B позволяет показать или скрыть их).

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

Масштабирование холста

Самый простой способ для увеличения масштаба – это нажать на клавиатуре – и + (или =).

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

А еще можно воспользоваться полем “масштаб” в нижнем правом углу окна документа, здесь можно установить точное значение масштаба в %. А еще в боковой панели инструментов есть инструмент “Масштаб” в виде значка с лупой.

А еще inkscape хранит историю изменения масштаба, которые вы выполняли в ходе работы, используйте клавиши ` или Shift+` что бы вернуться к предыдущим настройкам или последующим.

Создание и работа с документами в inkscape

Чтобы создать новый пустой документ, используйте главное меню “Файл” – “Создать” или нажмитеCtrl+N. Чтобы открыть существующий SVG документ, используйте “Файл” – “Открыть” илиCtrl+O. Чтобы сохранить документ, используйте главное меню “Файл” – “Сохранить” или Ctrl+S, либо “Сохранить как” Shift+Ctrl+S, чтобы сохранить под новым именем.

Inkscape использует формат SVG (масштабируемая векторная графика) для своих файлов. SVGявляется открытым стандартом векторной графики. SVG файлы базируются на XML и могут редактироваться в любом редакторе текста или XML (т.е. даже без inkscape). Кроме этого SVGфайлы Inkscape можно импортировать и экспортировать в другие форматы, например, EPS, PNG.

Inkscape открывает каждый новый документ в отдельном окне. Таким образом, перемещаться между документами можно так же, как вы переключаетесь между окнами Windows. Возможно, вам будет интересно узнать, что переключаться между окнами в Windows можно с помощью сочетания клавиш Alt+Tab.

Создаём фигуры в inkscape

Щелкните мышью по инструменту “прямоугольник” в боковой панели инструментов (или нажмите клавишу F4). При активном инструменте для рисования прямоугольников вы легко можете рисовать их на холсте.

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

Для каждой из этих фигур следует использовать свои инструменты и боковой панели инструментов. Где, какой инструмент в панели понятно по их значкам, но на всякий случай: “круги и эллипсы” кнопка F5, “звездочки и многоугольники” кнопка *, “спирали” – кнопка F9.

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

Чтобы отменить последнее действие, нажмите Ctrl+Z. (Или, если вы передумали отменять и снова хотите вернуть назад, вы можете повторить отмененное действие Shift+Ctrl+Z)

Перемещение, масштабирование, поворот

Наиболее часто используемый инструмент inkscape – это инструмент выделения и трансформации. Это верхний инструмент в боковой панели инструментов, выглядит он как черная стрелка.

Инструмент выделения можно активировать с клавиатуры по кнопке F1 или Пробел (самая большая кнопка на клавиатуре). Этим инструментом вы можете выбрать любой объект на холсте.

Просто щелкните по нему.

Если объектом является прямоугольник, например, такой как на рисунке справа, то вы увидите восемь маркеров в форме стрелок вокруг объекта. Теперь вы можете:

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

Теперь еще раз щелкните кнопкой мыши по прямоугольнику. Черные стрелочки по краям изменят форму. Теперь вы можете:

• Поворачивать объект путем перетаскивания угловых маркеров-стрелочек. (Удерживайте Ctrl для ограничения шага угла поворота 15-ю градусами. Перетащите крестик, чтобы изменить положение центра вращения).
• Наклонять объект путем перетаскивания серединных маркеров-стрелочек. (Удерживайте Ctrl, чтобы ограничить шаг угла наклона 15-ю градусами).

Во время работы с инструментом выделения и перемещения, можно использовать числовые поля параметров на верхней контекстной панели инструментов, чтобы задать точные значения для координат (X и Y) и размера (W и H) выделения. Подробнее про работу инструмента выделения и трансформации смотрите в инструкции.

Управление с клавиатуры

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

Вы можете использовать стрелочки клавиатуры для перемещения объектов, кнопки  для изменения размера, а вращать объекты можно кнопками [ и ]. По умолчанию размером шага являются 2 пикселя. Удержание клавиши Shift увеличивает этот шаг в 10 раз. Ctrl+> и Ctrl+ и Alt+

Источник: //infourok.ru/material.html?mid=68890

Основы | Inkscape

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

Урок охватывает приёмы ориентирования на холсте и работу с документами. Он даёт начальное представление о рисующих фигуры инструментах, о выделении, о редактировании и группировке фигур, об установке параметров заливки и обводки, выравнивании и распределении объектов. Более сложные темы смотрите из меню «Справка».

Есть множество способов перемещаться по холсту. Попробуйте Ctrl+стрелки для перемещения при помощи клавиатуры (к примеру, попробуйте такую комбинацию для смещения документа вниз).

Вы также можете передвигаться по холсту, зажав его поверхность средней клавишей мыши, или при помощи ползунков (нажмите Ctrl+B для того, чтобы показать или спрятать ползунки). Колесо прокрутки мыши также работает для вертикального перемещения.

Для горизонтального перемещения используйте Shift вместе с колесом мыши.

Изменение масштаба

Проще всего изменять масштаб клавишами – или + (для увеличения работает и =).

Также можно использовать следующие варианты сочетания клавиш: Ctrl+средняя клавиша мыши или Ctrl+правая кнопка мыши — для увеличения, Shift+средняя, Shift+правая или колесо мыши с нажатым Ctrl — для уменьшения.

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

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

Инструменты Inkscape

Панель со значками в левой части окна представляет инструменты Inkscape для рисования и редактирования.

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

Многие действия доступны с клавиатуры. Полный справочник по клавишам находится в меню «Справка > Использование клавиатуры и мыши».

Работа с документами

To create a new empty document, use File > New or press Ctrl+N. To create a new document from one of Inkscape's many templates, use File > New from Template… or press Ctrl+Alt+N

To open an existing SVG document, use File >Open (Ctrl+O). To save, use File > Save(Ctrl+S), or Save As (Shift+Ctrl+S)to save under a new name. (Inkscape may still be unstable, so remember to saveoften!)

Inkscape использует формат SVG (Scalable Vector Graphics — Масштабируемая векторная графика) для своих файлов. SVG является открытым стандартом и широко используется в графических пакетах.

Помимо SVG, в Inkscape можно работать и с другими форматами (например, EPS и PNG).

Для каждого документа Inkscape открывает новое окно. Вы можете переключаться между ними разными способами в зависимости от настроек менеджера окон (например, Alt+Tab), либо используя собственное сочетание клавиш Inkscape — Ctrl+Tab для переключения между документами по кругу.

Для практики попробуйте создать несколько новых документов и переключайтесь между ними. Примечание: Inkscape относится к этим окнам как к вкладкам в браузере, а это значит, что Ctrl+Tab работает только для документов, запущенных в одном процессе.

Если вы откроете несколько документов через файловый менеджер или запустите несколько копий Inkscape, то переключение работать не будет.

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

Настало время фигур! Выберите синий прямоугольник в полоске слева (или нажмите F4). Наведите курсор мыши на документ (тут же или в новом созданном окне), нажмите левую клавишу мыши и переместите её курсор в сторону — вы получите прямоугольник:

Как видите, по умолчанию прямоугольник залит синим цветом, имеет чёрную обводку и частично прозрачен. Ниже вы увидите, какими способами можно изменять эти параметры. Другими инструментами вы также можете создавать овалы, звезды и спирали:

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

Управляющие элементы в ней влияют на выбранные в настоящий момент объекты (т.е. те, ручки которых видны), а также определяют параметры новых фигур.

Для отмены последнего действия действует комбинация Ctrl+Z (если вы изменили решение, можно вернуть отменённое действие, используя Shift+Ctrl+Z).

Перемещение, изменение размера и вращение

Наиболее популярный инструмент в Inkscape — Селектор. Выбрать его можно щелчком по чёрной стрелке (либо нажав F1 или пробел. Этим инструментом вы можете выбрать любой объект на холсте. Щёлкните мышью по квадрату, изображённому на иллюстрации:

Вокруг объекта вы увидите восемь стрелок. Теперь вы можете:

• Передвигать объект (с нажатым Ctrl перемещения ограничиваются двумя осями: горизонтальной и вертикальной).
• Менять размер объекта, потянув за любую из стрелок (меняя размер с нажатым Ctrl, вы сохраните пропорции оригинала).

Щёлкните мышью по прямоугольнику ещё раз — направление стрелок изменится. Теперь вы можете:

• Поворачивать объект, потянув за угловые стрелки (с нажатым Ctrl объект будет поворачиваться шагами по 15 градусов; сместив крестик, вы сместите центр вращения).
• Перекашивать (наклонять) объект, двигая неугловые стрелки (с нажатым Ctrl перекашивание будет производиться с шагом в 15 градусов).

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

Изменение формы при помощи клавиш

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

Вы можете использовать клавиатуру для перемещения объектов (клавиши-стрелки), изменения размера (клавиши ) и вращения (клавиши [ и ]). По умолчанию шаг перемещения и смены размера равен двум пикселам.

С нажатой клавишей Shift это значение увеличивается в 10 раз (и становится равным 20 пикселам). Клавиши Ctrl+> и Ctrl+ и Alt+ Select Same > Fill Color from the menu.

All the objects with a fill color the same shade of blue are now selected.

In addition to selecting by fill color, you can select multiple similar objectsby stroke color, stroke style, fill & stroke, and object type.

Заключение

Урок по основам работы с Inkscape на этом закончен. В нём рассмотрена малая часть возможностей Inkscape, но со знаниями, которые вы получили, можно создавать простые и полезные графические работы. Описание более сложного материала можно найти в учебнике «Второй уровень» и других учебниках в меню «Справка > Учебник».

Источник: //inkscape.org/ru/doc/basic/tutorial-basic.ru.html

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

Inkscape – это очень популярный векторный графический редактор с открытым исходным кодом, который может работать как в операционной системе Linux, так и в Windows и MacOS.

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

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

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

Установка Inkscape

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

sudo apt install inkscape

Для установки в системах Red Hat и CentOS выполните:

sudo yum install inkscape

Если вы хотите установить программу в Windows, то установочный файл можно скачать на официальном сайте. Кроме версии для Linux, Windows и MacOS, можно скачать исходный код и собрать программу самому. Когда установка будет завершена, вы можете найти программу в главном меню:

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

Теперь рассмотрим более подробно как пользоваться утилитой. Но начать необходимо с разбора интерфейса утилиты.

1. Интерфейс программы

Сразу после запуска программы вы увидите такое главное окно:

Интерфейс программы достаточно прост и выглядит намного понятнее, чем в том же Gimp. Его можно условно разделить на несколько областей:

• Меню – находится в самом верху окна, с помощью него вы можете выбирать различные опции и параметры работы программы;
• Панель инструментов – находится сразу под меню, здесь расположены часто используемые инструменты, к которым нужно иметь возможность легко получить доступ;
• Инструменты рисования – панель с инструментами рисования находится в левой части окна и расположена вертикально;
• Рабочая область – холст для рисования, расположенный в центре окна;
• Инструменты действий – панель инструментов действий находится справа от рабочей области;
• Нижняя панель и палитра – в самом низу окна расположена панель с несколькими инструментами для настройки параметров фигур и палитрой цветов.

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

• Ctrl+стрелка – для перемещения по листу. Также перемещаться можно с помощью колесика мышки по вертикали и с зажатой кнопкой Shift по горизонтали;
• Клавиши + и – используются для масштабирования документа;
• Ctrl+Z и Ctrl+Shift+Z используется для отмены и повтора последних действий соответственно;
• Shift – выделить несколько фигур.

Черный прямоугольник в центре вашего холста – это область для рисования, вы можете изменить ее размер через меню “Файл” -> “Свойства документа”.

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

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

Каждая фигура имеет два параметра, которые влияют на ее оформление. Это заливка и обводка. Заливка определяет основной цвет фигуры, а обводка – цвет контура. Обводка и заливка настраиваются в окне, которое можно отрыть на панели инструментов:

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

3. Группировка объектов

Для удобства перемещения и применения объектов векторный редактор Inkscape поддерживает объединение их в группы.

Для этого отметьте несколько объектов с помощью кнопки Shift и в меню “Объект” выберите “Сгруппировать”.

Для расгруппировки используйте пункт разгруппировать. Или нажмите несколько раз клавишу Ctrl+U. В вопросе как пользоваться Inkscape более важна работа с формами и цветами фигур, рассмотрим это подробнее.

4. Действия над фигурами

Чтобы перемещать фигуру нужно использовать инструмент “Стрелка”. Также, когда активирован инструмент фигуры, например, “Прямоугольник”, вы можете изменить ее размер, углы и очертания с помощью белых квадратиков. Просто перетаскивайте их в нужную сторону.

С помощью инструмента “Стрелка” можно не только менять размер, но и переключать передний и задний план, отражать объекты и тонко настраивать их координаты. Обратите внимание, что когда вы меняете инструмент рисования, меняется панель инструментов, на ней отображаются возможности этого инструмента:

Инструмент “Редактировать углы” позволяет различным образом изменить углы и очертания объекта:

Инструмент “Корректировать объекты раскрашиванием или лепкой” позволяет изменить цвет и очертания объектов, например, вы можете сделать их вогнутыми, перемещать в различных направлениях, уменьшать и увеличивать, вращать и даже дублировать объекты. Для применения действий необходимо чтобы объект был выделен.

Инструмент “Измеритель” позволяет изменять длины и углы различных геометрических объектов:

5. Фильтры

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

6. Сохранение результата

Поскольку в этой статье мы ставим перед собой задачу рассказать об Inkscape для начинающих, разберем как сохранить изображение. Поскольку это векторные изображения, здесь будет использоваться специальный формат – svg. Чтобы сохранить готовое изображение откройте меню “Файл” и выберите “Сохранить”, затем выберите расположение файла:

Но не все программы смогут открыть файл svg. У вас также есть возможность пересохранить изображение в традиционный формат, например, в png. Для этого выберите в меню “Файл” пункт “Экспортировать” и выберите нужный формат:

Выводы

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

(10 4,80 из 5)
Загрузка…

Источник: //losst.ru/kak-polzovatsya-inkscape