Inkscape — бесплатная программа для редактирования векторной графики . Inkscape предоставляет графический пользовательский интерфейс для редактирования таких диаграмм, используя стандартный формат масштабируемой векторной графики (SVG). [1]
В этом документе рассматриваются основы использования программы Inkscape. [2] Более подробную информацию о расширенном редактировании и самой программе можно найти на веб-сайте Inkscape.
Векторная графика является основным выбором формата изображения для диаграмм в Википедии, поскольку она имеет небольшой размер файла и может быть изменена без потери качества. Изображения, такие как фотографии и подобные цветовые оттенки, должны быть обработаны с помощью программного обеспечения, например GIMP или Krita . Линейные чертежи предопределенных типов диаграмм, таких как UML, Entity-Relationship, Flow-Chart, легче создавать с помощью более специализированного программного обеспечения, например Dia_(software) или JetUML .
Поскольку Inkscape — это программное обеспечение с открытым исходным кодом , оно поддерживается для различных платформ, включая Linux , Mac OS X , [3] BSD и Windows . Для систем Linux он, скорее всего, будет в списке доступных пакетов из вашего менеджера пакетов (например, apt-get , yum или аналогичного). Для Mac и Windows вам придется вручную загрузить программное обеспечение и установить его; инструкции доступны на веб-сайте Inkscape. [4] Обратите внимание, что для платформы Mac доступны пакеты .app, и все версии Inkscape требуют установки X11.app от Apple .
В этом разделе рассматриваются основные манипуляции объектами. Промежуточные пользователи могут пропустить этот раздел
Сначала мы нарисуем очень простой смайлик, для этого воспользуемся инструментом «Круг», набором инструментов «Обводка и заливка», а также набором инструментов «Выравнивание».
Создать схему
Сначала у нас есть пустая страница, на которой мы будем рисовать наш смайлик. Сначала выберите значок круга на левой панели, затем, удерживая клавишу Ctrl (это также Ctrl для компьютеров Apple, а не клавиша Apple), растяните круг. Клавиша Ctrl сохраняет целочисленное соотношение сторон для формы. Обратите внимание, что инструмент круга на самом деле является инструментом эллипса и эллиптической дуги , для которого мы используем особый случай эллипса, то есть круг.
Теперь у вас должен быть красивый круг с сплошным черным контуром, который полностью замкнут. Если у вас есть форма Pac-Man или дуга, просто нажмите кнопку «сделать целым» на верхней панели инструментов.
Добавляем глаза
Теперь для следующего шага создайте меньший круг, а затем щелкните правой кнопкой мыши по его контуру (на Mac используйте Apple Click). Теперь выберите заливку и обводку. На вкладке заливки выберите сплошной прямоугольник, который теперь должен заполнить круг сплошным черным цветом. Вы можете изменить цвет с помощью ползунков цвета. Для этой работы я рекомендую использовать ползунки HSV , которые позволят вам легко изменить цвет объекта, а затем изменить «полноту» (насыщенность) и яркость цвета независимо (в отличие от использования ползунков RGB, где эти вещи изменяются запутанным образом). Цветовые пространства — это интересная область, но она выходит за рамки этого документа.
Получив маленький черный круг, поместите его внутрь большего незаполненного круга, чтобы получился глаз для смайлика. Если, по вашему мнению, ваш глаз слишком мал или велик, просто выберите круг «глаз», убедившись, что инструмент круга активен, затем щелкните по белому квадрату (ручке объекта) и перетащите его, чтобы изменить размер, удерживая Ctrl для сохранения пропорций. Как только вы будете довольны размером глаза, используйте Ctrl + C, чтобы скопировать его, убедившись, что объект выбран при этом. Теперь, направив курсор туда, куда вы хотите поместить другой глаз, нажмите Ctrl + V. Обратите внимание, что вставленный объект появится там, где был ваш курсор. Очень удобно при создании больших групп объектов, разбросанных повсюду.
На этом этапе глаза могут быть немного смещены. Неважно, поскольку мы воспользуемся панелью инструментов выравнивания, чтобы исправить эту проблему. Чтобы вызвать панель инструментов выравнивания, выберите ее из раскрывающегося меню объекта «Выровнять и распределить» или с помощью сочетания клавиш Ctrl + Shift + A. Когда в раскрывающемся списке относительно установлено значение «выделение» и оба «глаза» выбраны, просто нажмите кнопку выравнивания по центру горизонтальной оси; это выровняет центры обоих глаз друг с другом.
Используйте команду «group», чтобы сгруппировать глаза в одну выбираемую группу объектов (используйте либо Ctrl + G, либо object->group). Теперь используйте shift, чтобы выделить круг. Обратите внимание, как он добавляется к выделению. После этого измените раскрывающийся список для «align and distribution» на «last selected». Теперь нажмите кнопку выравнивания по вертикальному центру, и глаза теперь будут выровнены по вертикальному центру смайлика. Если объекты не сгруппированы, оба глаза окажутся друг над другом. Просто отмените (Ctrl + Z), сгруппируйте и попробуйте снова.
Добавление эллиптических дуг и сплайнов
Теперь нам нужен рот для нашего смайлика. Мы можем сделать это снова с помощью инструмента «Круг», нарисовав круг примерно в половину радиуса круга лица. Теперь, выбрав инструмент «Круг», щелкните и перетащите круглый маркер. Обратите внимание, что есть два режима, сектор и дуга, которые выбираются, если ваша мышь находится снаружи или внутри круга соответственно. В этом случае мы хотим нарисовать примерно 1/3 или 1/2 полной дуги. Перетащите два круглых маркера, пока у вас не получится что-то похожее на улыбку.
Наконец, нужно нарисовать нос. Для этого выберите инструмент «Дуга Безье и прямая линия» (Shift + F6) в меню слева. Теперь примерно в том месте, где вы хотите видеть нос, щелкните прямую линию по горизонтали, используя клавишу Ctrl, чтобы зафиксировать вас на горизонтальной оси, затем щелкните еще одну точку выше и обратно к началу линий, чтобы завершить треугольник. В этой точке треугольник, скорее всего, смещен в сторону. Мы можем исправить это, используя поле «Выровнять и распределить» в режиме редактирования пути (второй инструмент слева, F2). Обратите внимание, что теперь треугольник состоит из трех узлов. Выберите опцию «Распределить равномерно по горизонтали», и теперь ваш треугольник будет симметричным по вертикали. Поместите свой треугольник там, где вам нравится, и вуаля, это треугольный нос. Это все хорошо, но треугольные носы не так убедительны. Теперь с помощью инструмента редактирования узлов (F2) выберите два нижних узла для носа, а затем нажмите на опцию «сделать узлы симметричными» на верхней панели инструментов, теперь нос приобретает немного более убедительную форму слезы. Поиграйте с маркерами узлов, чтобы уточнить форму носа, пока она вас не устроит.
Теперь у вас есть смайлик и ваш первый рисунок в Inkscape.
Mediawiki (программное обеспечение, из которого работает Wikipedia) использует программу RSVG (librsvg) для растрирования всех своих SVG-файлов. Программа RSVG не всегда правильно растрирует SVG-файлы Inkscape. Таким образом, изображения Inkscape должны быть изменены перед загрузкой в любую вики. Чтобы добиться этого, просто выполните «stroke to path» в меню path в Inkscape, выбрав все объекты, которые необходимо изменить. Вы можете обнаружить, что в случае текста «object to path» дает правильный результат.
Объекты, которые необходимо изменить, включают в себя:
Неправильное преобразование этих объектов может привести к неправильному Z-порядку, фантомным черным ящикам или отсутствующим (не растеризованным) объектам. При работе в системе с установленным RSVG может быть хорошей идеей проверить изображение перед загрузкой на серверы Mediawiki. Если черные ящики все еще появляются после правильного преобразования всех объектов, может потребоваться ручное редактирование XML для удаления всех прямоугольников с цветом FFFFFF (белый), это можно легко сделать с помощью инструмента поиска текстового редактора для поиска прямоугольников или черных объектов.
Из-за ограничений авторских прав Фонд Викимедиа не может использовать фирменные шрифты, которые обычно встречаются в нескольких фирменных операционных системах. Такие шрифты, как Arial и Times New Roman, требуют лицензионных сборов для распространения. Таким образом, RSVG не сможет обнаружить эти шрифты, из-за чего текст не будет отображаться на визуализированных изображениях. Есть два решения этой проблемы: во-первых, можно просто заменить шрифт, который доступен в Википедии, или, в качестве альтернативы, можно преобразовать текст в информацию о пути в Inkscape. Для простоты редактирования и (значительно) меньших размеров файлов рекомендуется заменить шрифт доступным шрифтом. Многие из распространенных шрифтов имеют нефирменные альтернативы, которые очень похожи по типографскому стилю, что приводит к минимальному нарушению существующих изображений во время замены, например, Nimbus Roman является возможной заменой для Times New Roman .
Если при загрузке изображения вы получите результаты, отличные от тех, что были на экране, дополнительную помощь можно найти на странице Wikipedia:SVG Help .
Вики Inkscape содержит большой объем расширенной информации, связанной с Inkscape. Рекомендуется, чтобы пользователи среднего уровня использовали учебные пособия, предоставляемые Inkscape, а продвинутые пользователи использовали информацию, предоставляемую в ресурсах сообщества Inkscape.
Кроме того, существуют онлайн-документы [1], в которых подробно рассматривается Inkscape.