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

Урок 1. Веcенние листочки.

Итак, открываем Inkscape, возьмем инструмент для рисования кривых Безье — «Draw Bezier curves and straight lines» («Рисовать кривые Безье и прямые линии») — ‹Shift+F6› или ‹B›, в верхней панели проверим «Mode»(«Режим»): должна быть нажата кнопочка «Create regular Bezier path»(«Рисовать кривую Безье») и «Shape» («Форма») должна быть установлена в значение «None» («Нет»).

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

Мне удобно рисовать листик из двух точек в два приема: сначала я рисую левую часть: ставлю точку левой кнопкой мыши и, не отпуская мышь, тяну ее влево и вверх для образования направляющей, отпускаю кнопку мыши, ставлю точку над первой чуть выше и тяну направляющую вверх и вправо, при достижении нужной кривизны. Отпускаю мышь и нажимаю на клавиатуре «Enter», чтобы завершить рисование кривой. Получилась левая половина листика.

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

При желании, контур можно подкорректировать инструментом «Edit paths by nodes» («Редактировать узлы контура или рычаги узлов») — ‹F2› или ‹N›.

Кроме коррекции существующих узлов можно добавлять и удалять узлы, делать их острыми, сглаженными или симметричными. В этом вам поможет панель для инструмента «Edit paths by nodes» («Редактировать узлы контура или рычаги узлов») – на рисунке выше эта панель подчеркнута красным. Новый узел так же можно добавить не с помощью панели, а просто двойным щелчком в нужном месте существующего контура.

Ну вот, у меня получилось что-то более или менее напоминающее листик.

Теперь надо нарисовать черешок и жилки. Рисовать их будем тем же инструментом, что рисовали листовую пластину. Для удобства рисования можно поставить привязку: во-первых, включить прилипание на верхней панели инструментов: кнопка «Enable snapping» («Включить прилипание»); во-вторых, надо указать к чему прилипать: кнопки «Snap nodes or handles» («Прилипать к узлам или их рычагам»), «Snap to paths» («Прилипать к контурам») и «Snap to cusp nodes» («Прилипать к острым узлам»).

Черешок и среднюю жилку будем рисовать одним объектом, при желании их можно будет разделить потом. Возьмем вновь наше любимое перо ‹Shift+F6› или ‹B› — и нарисуем черешок от вершины листа (это может показаться странным, но перо — действительно мой самый любимый инструмент в любом графическом редакторе).

Конечную форму можно так же подкорректировать инструментом для редактирования контура ‹F2›

А затем нарисовать остальные жилки. Необязательно рисовать каждую жилку отдельно, достаточно нарисовать одну, а остальные получить методом «‹Ctrl+C› ->‹Ctrl+V›» (копировать -> вставить), либо «‹Ctrl+D›» (дублировать) в этом случае новый объект ляжет поверх старого и его можно будет подвинуть инструментом «Select» — ‹F1›.

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

После того как нарисуете жилки с одной стороны, выделите их с помощью щелчков левой кнопки мыши с зажатым ‹Ctrl›.

Нажмите ‹Ctrl+D› (дублировать) и зеркально отразите полученные дубли по горизонтали с помощью клавиши ‹H› или кнопки на верхней панели инструментов «Flip selected objects horizontally» («Горизонтально отразить выбранные объекты»).

Получится что‑то вроде этого:

Теперь с помощью Select (‹F1›) расставьте полученные жилки по местам. Должен получиться вот такой листик:

Теперь нужно его раскрасить. Для выбора цвета вам нужно зайти в пункт меню «Object->Fill and Stroke» («Объект->Заливка и Обводка»).

Откроется диалог для работы с заливкой и обводкой.

Выберите на своем рисунке любой объект (например, листовую пластину) и кнопки для работы в диалоговом окне станут активными. Во вкладке «Fill» («Заливка») нажмите кнопку «Flat color» («Плоский цвет») и вам откроется сразу несколько закладок для вариантов выбора цвета — RGB, HSL, CMYK, Wheel (Цветовой круг), CMS (честно говоря не знаю как пользоваться этой вкладкой).

В каждой закладке есть составляющая прозрачности для цвета — A (Alpha), всегда внимательно следите, чтобы она стояла в максимуме (иначе при сохранении в eps объекты с такой заливкой станут растровыми).

Кроме закладок есть еще поле RGBA – здесь можно ввести 16-тиричное значение для цвета с учетов опять же прозрачности. Если пользуетесь этим полем, следите, чтобы составляющая для прозрачности (последние 2 цифры) была всегда в значении «ff»

Я возьму для листовой пластины цвет RGBA: a0dd41ff, а для жилок — 84b04ff.

В закладке для обводки «Stroke paint» («Обводка») можно выбрать цвет обводки (здесь так же будте внимательны с прозрачностью), а можно ее отключить нажав на кнопку «No paint» («Нет заливки»).

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

Что же можно сделать с одним листиком? Да все что угодно! Например:

Основное окно

При открытии программы, на экране появится следующее окно программы.

Как видно из рисунка, в основном поле находится прямоугольник, который обозначает холст. Возникает вопрос: а где можно рисовать? Рисовать можно в любом месте, как в прямоугольнике, так и вне его. При сохранении будет сохранена вся область и все корректировки, в том числе и вне прямоугольника. Однако если напечатать рисунок на принтере, то будет распечатана только область внутри прямоугольника. Можно, конечно экспортировать рисунок в другой формат, например, . png и, если во время экспорта не будет выделенных областей, то экспорт будет по всей области, как внутри, так и вне прямоугольника. Затем можно распечатать весь полученный рисунок.

Читать еще:  Причины, по которым Яндекс.Браузер произвольно открывается

Инструмент – карандаш

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

А сверху появится строчка с параметрами режимов.

Теперь можно рисовать на холсте. Проведем линию при помощи левой кнопки мыши, то есть, подведем курсор мыши на холст, нажмем на левую кнопку мыши, проведем линию, после чего отпустим левую кнопку мыши.

Полученная линия окажется в прямоугольнике, который имеет пунктирную границу. Данная граница не будет выводиться на принтере и служит для того, чтобы определить границы объекта (в данном случае – линии).

Отметим, что цвет линии во время проведения линии будет зеленый. При этом квадрат обозначает начало линии.

Стоит отпустить левую кнопку мыши, как линия станет темной и появится второй квадрат.

Цвет линии можно посмотреть внизу окна программы, в статусной строке, в поле Обводка . При открытии программы и создании нового рисунка цвет будет указан как – Н/Д (нет данных), то есть, не установлен. После проведения первой линии будет установлен черный цвет.

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

Теперь можно выбрать режим копирования выделенной области в буфер обмена (Скопировать). Затем можно вставить данную область на холст.

Изменение цвета линии (обводка)

Внизу окна находится строчка с цветами.

Нажмем на клавишу Shift и щелкнем, не отпуская эту клавишу, по нужному цвету. Будет изменен цвет обводки фигуры.

Можно изменить цвет обводки и другим способом. Щелкнем правой кнопкой мыши по цвету, который нужно установить.

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

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

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

Применение заливки

Ранее цвет заливки был не установлен, поэтому он не применялся. Установим цвет заливки как зеленый, для этого в строке с цветами щелкнем по зеленому квадрату левой кнопкой мыши.

Также можно сделать это другим способом. Щелкнем правой кнопкой мыши по нужному цвету и в появившемся панно выберем режим – Установить заливку .

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

Также выполненная нами фигура станет иметь заливку.

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

Применение прилипания

В правой части окна находится панель прилипания.

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

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

Приведем еще несколько рисунков по действию данных режимов.

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

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

Inkscape (Инскейп) ― бесплатный векторный редактор

Inkscape (Инскейп) ― это альтернатива популярным графическим векторным редакторам, таким как Adobe Illustrator (для работы с растровыми изображениями) и векторный Corel Draw. За счет своей распространенности и огромного функционала эти продукты требуют как серьезных финансовых вложений, так и продолжительного обучения. Отличной альтернативой является современный графический редактор Inkscape (Инскейп), который по своим функциональным возможностям и набору инструментов ни в чем не уступает своим конкурентам.

Возможности редактора

Редактор векторной графики Inkscape (Инскейп) позволяет создавать технические чертежи, художественные иллюстрации. Его легко скачать с официального сайта inkscape.org, а лицензия на него является бесплатной и бессрочной. Программный продукт поддерживает всевозможные форматы изображений, в том числе и GIF, а также SVG.

Нарисовать в Inkscape (Инскейп) можно все, что требуется для создания качественного веб-дизайна, проектирования и решения технических задач (планы, чертежи). Для этого редактор предлагает широкий спектр возможностей:
Импорт изображений в любом из 28 доступных форматов. Среди них известные всем GIF, PDF, JPEG, а также узкоспециализированные AI, EPS, TIFF, XPM и многие другие.
Экспорт файлов в одном из 14 доступных форматов. В их число входят те же AI, EPS, PDF, а также PNG и многие другие.
Наборы инструментов для эффективной работы со стилями и цветами. К ним относятся возможности выбора цвета, его копирование, вставка скопированного стиля, маркеры контура, создание и редактирование градиента.
Инструменты для работы с дубликатами объектов.
Векторизация растровых изображений.
Создание альфа-каналов, текстур, контуров, группировка объектов.
Инструменты для работы с текстом: вставка в контур, правка, создание перетекающего моно- и многострочного текста.
Экспорт и открытие сжатых по алгоритму gzip файлов.

Читать еще:  Как включить Java в браузере Google Chrome

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

Основные инструменты Inkscape (Инскейп)

Инскейп располагает всеми стандартными инструментами рисования важнейших геометрических фигур масштабируемой векторной графики ― SVG (Scalable Vector Graphics standard):

  • эллипсов
  • прямоугольников
  • звездочек
  • полигонов
  • спиралей.

К стандартным так же относятся инструменты позволяющие трансформировать графические объекты: вращать, растягивать и наклонять.
В редакторе можно работать со слоями, узлами, выполнять весьма сложные операции с контурами.
Работа с текстом в Inkscape так же удобна как и в любом другом векторном редакторе. Шрифты используются штатно, есть возможность вставлять, редактировать и масштабировать текст. Перед использованием приглянувшегося шрифта его нужно скачать и установить
Редактор работает с растровыми изображениями большинства форматов (RAW, JPEG (он же JPG),TIFF, PSD, BMP, GIF, PNG и прочие)
Для удобства и оперативности есть настраиваемая поддержка «горячих клавиш».
Inkscape гибок и многообразен. Созданные с его помощью изображения совместимы с всевозможными приложений и всеми платформами

Как скачать и установить Inkscape

Для загрузки лицензии и установочного дистрибутива лучше всего использовать официальный сайт Inkscape. Здесь всегда можно найти актуальную версию программы. На момент написания статьи самой последняя версия, которую можно скачать — inkscape-0.92.3
Помимо версий Inkscape для Windows-10 32-bit и 64-bit, на сайте доступны дистрибутивы для macOS и Gnu/Linux.

Для разных операционных систем предусмотрен свой формат установочных файлов.
Windows — пакет в формате 7zip, .exe.
Mac OS — файлы с расширением .dmg.
Кроме того, скачать Inkscape можно с открытым исходным кодом в виде файлов расширения .gz или .bz2. В этом случае возможно к утилите написать собственные расширения и интегрировать ее в работу сторонних приложений.

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

Загрузка

Эта процедура столь же проста, как и использование возможностей редактора. Ищите ссылку, по которой можно скачать Inkscape, в верхнем меню официального сайта. Выбираете раздел Download, определяете необходимую версию продукта, затем определяете формат файла и нажимаете на значок «скачать».
Файлы можно сохранить на рабочий стол для быстрого доступа к ним или в любом ином месте ПК.
После того как загрузка завершится, переходите к процессу установки. Дважды кликаете левой кнопкой мыши по скачанному приложению. Вам откроется Мастер Установок.

Установка

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

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

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

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

Теперь требуется еще раз нажать кнопку «Далее», чтобы запустить процесс установки. После его успешного завершения вы увидите соответствующее уведомление.

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

Резюме:

Из статьи вы узнали

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

Видео уроки InksCape