Inkscape tutorial: Основы

Распределение объектов по радиусу круга с использованием функции «Узор из клонов»

Если ваш радиальный узор будет состоять из 3, 4, 6, 8 или 12 элементов, попробуйте типы симметрии P3, P31M, P3M1, P4, P4M, P6 или P6M. Они прекрасно подходят для снежинок и схожих с ними фигур. Более общий способ получения радиального узора описан ниже.

Выберите симметрию P1 (простое смещение) и скомпенсируйте это смещение, перейдя во вкладку Смещение и установив значение На строку/Смещение по Y и На столбец/Смещение по X равным -100%. За счёт этого все клоны будут расположены точно над оригиналом. Всё что остаётся — это перейти во вкладку Поворот и установить некоторый угол вращения на столбец, а затем создать узор в одну строку и несколько столбцов. Вот пример шаблона из горизонтальной линии и 30 столбцов, каждый из которых повёрнут на шесть градусов:

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

Более интересный эффект может быть создан при использовании строк и столбцов одновременно. Вот шаблон из 10 столбцов и 8 строк с поворотом в 2 градуса на строку и 18 градусов на столбец. Каждая группа линий здесь — «столбец», так что каждая группа отстоит от другой на 18 градусов; внутри каждого столбца интервал между линиями равен 2 градусам:

В приведённом выше примере линии поворачиваются вокруг центра. Но как быть, если вы хотите, чтобы центр был вне фигуры? Просто создайте невидимый (без штриха и наполнения) прямоугольник который должен закрывать всю фигуру и центр которого в нужном вам месте, сгруппируйте фигуру и прямоугольник вместе и используйте функцию Узор из клонов на этой группе. Именно так вы можете создавать «взрывы» и «звездопады» путём случайных поворота, смены размера и, возможно, прозрачности:

Как сделать нарезку работы (на несколько прямоугольных областей)?

Создайте новый слой, а в нём — невидимые прямоугольники, перекрывающие необходимую часть картинки. Удостоверьтесь, что документ использует единицу измерения "px" (точки растра), используемую по умолчанию. Затем включите сетку и расположите прямоугольники по сетке так, чтобы каждый прямоугольник занимал целое число единиц "px". Назначьте осмысленные ID прямоугольникам и экспортируйте каждый в собственный файл. Прямоугольники запомнят имена этих файлов. После этого любой из прямоугольников очень прост экспортировать ещё раз. Достаточно переключиться на экспортируемый слой, клавишей Tab (или поиском по ID) выбрать нужный прямоугольник клавишу Tab и нажать кнопку «Экспортировать» в диалоге экспорта. Кроме того, можно написать сценарий для автоматического экспорта всех интересующих областей через командную строку, используя команду вида:

inkscape -i -t <имя_файла.svg>

для каждой экспортируемой области. Ключ "-t" говорит программе, что для экспорта будет использоваться запомненное имя файла, но вы можете указать любое при помощи ключа "-e". В качестве альтернативы можно использовать утилиту svgslice, которая автоматически экспортирует области документа Inkscape, используя направляющие, либо передаваемые ей значения ID.

Нелинейные градиенты

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

Начните с обычного градиента из двух опорных точек. Откройте редактор градиента (двойной щелчок по узлу градиента курсором инструмента для редактирования градиентов). Добавьте новую опорную точку посередине и сместите её немного. Добавьте ещё несколько опорных точек до и после этой, а затем тоже сместите их так, чтобы градиент получился ровным. Чем больше опорных точек вы добавите, тем более мягкими будут переходы в градиенте. градиент. Ниже изображён исходный чёрно-белый градиент с двумя опорными точками:

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

Радиальный градиент со смещённым фокусом

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

Выравнивание по центру страницы

Для того что бы выравнить что-либо по центру или по стороне страницы, используя функцию «Выровнять» (Ctrl+Shift+A), выберите пункт Страницы напротив Относительно:.

Удаление ненужного из документа

Множество неиспользуемых градиентов, шаблонов и маркеров (точнее, тех, что изменялись вами вручную) остаётся в соответствующих палитрах. Их можно использовать в новых объектах. Однако, если вы хотите оптимизировать размер вашего документа, вы можете использовать функцию Очистить Defs в меню «Файл». Эта операция уберёт все градиенты, шаблоны и маркеры, которые не используются в документе, что, соответственно, уменьшит размер файла.

Обтраврчные контуры и маски для растра

Изначально импортированное изображение (например, фотография) — это элемент , к которому не применим инструмент для редактирования узлов. Это легко поправимо: преобразуйте изображение в прямоугольник с текстурной заливкой, используя функцию Объект(ы) в текстуру (Alt+I). В результате у вас появится прямоугольник, заполненный изображением как текстурой. Теперь этот объект можно преобразовать в контур, и над ним можно производить логические операции (вычитание, объедиение и пр.), изменять узлы и.т.д. В настройках Inkscape (вкладка Прочее) можно указать, должны ли все импортируемые изображения быть прямоугольниками с текстурным заполнением, или же растровыми изображениями в виде элемента .

Скрытые возможности и редактор XML

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

Изменение единицы измерений для линеек

В стандартном шаблоне единицей измерения для линеек является пиксел "px" («единицы SVG», в Inkscape он равен 0.8pt или 1/90 дюйма). Эта же единица используется для отображения координат в нижем левом углу и во всех подменю. Вы всегда можете навести курсор мыши на линейку и увидеть в подсказке, какие единицы измерения используются. Изменить эту настройку можно в разделе Страница диалога Настройки документа (Ctrl+Shift+D), измените значение параметра Единица измерения по умолчанию.

Штамповка

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

Трюки с пером

Используя инструмент, рисующий кривые Безье и прямые линии, вы можете завершить контур несколькими способами, описанными ниже:

• 
  нажать клавишу Enter;
  
• 
  дважды щёлкнуть левой клавишей мыши;
  
• 
  выбрать этот инструмент ещё раз;
  
• 
  выбрать другой инструмент;
  

Обратите внимание, что пока контур не завершён (т.е. отображается зелёным или, если сегмент текущий, то красным) он ещё не является объектом документа. Следовательно чтобы отменить его, можно использовать клавишу Esc (отменить весь контур) или клавишу Backspace (убрать последний сегмент незаконченного контура) вместо команды Отменить.

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

Ввод значений Unicode

При использовании инструмента Текст, нажатие Ctrl+U переключает режим ввода с обычного на Unicode и обратно. В режиме Unicode каждая группа из вводимых вами четырёх шестнадцатеричных цифр превращается в символ Unicode. Это позволяет вам вводить произвольные символы (конечно, если вы знаете их Unicode-коды и шрифт, содержащий такие символы). Для выхода из Unicode-режима нажмите Esc. Например, введя Ctrl+U 2 0 1 4 Esc, вы получите тирe (—).

Использование сетки для рисования пиктограмм

Предположим, вы хотите нарисовать пиктограмму размером 24x24 пикселов. Создайте холст 24x24 px (используя диалог Настройки документа) и установите сетку в 0.5 px (48x48 пересекающихся линий). Теперь когда вы выравниваете заполненные объекты по чётным линиям сетки, а объекты со штрихом — по нечётным с шириной штриха, являющейся целым числом пикселов, и экспортируете их с изначальным значением dpi равным 90 (т.е. каждый пиксел холста становится одним пикселом изображения), вы получаете чёткую растровую картинку без сглаживания.

Вращение объекта

Выбрав инструмент Выделение, щёлкните какой-нибудь объект, чтобы увидеть его стрелки для смены размера. Щёлкните ещё раз по объекту, и вы увидите стрелки для вращения и скашивания. Если перемещать угловые стрелки, объект будет поворачиваться вокруг центра (центр изображён крестиком). Если нажать клавишу Shift в момент поворота, поворот будет происходить вокруг противоположного угла. Вы также можете переместить центр вращения куда угодно.

Вращение можно производить и с клавиатуры нажатием клавиш [ и ] (на 15 градусов) или Ctrl+[ и Ctrl+] (на 90 градусов). Эти же клавиши [] с нажатием Alt поворачивают объект(ы) с шагом в один пиксел.

Использование меню «Открыть...» как палитры

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

Отбрасывание тени у растровых изображений

Inkscape поддерживает фильтр SVG «Гауссово размывание», так что вы легко можете создать размытые тени для объектов. Выберите объект, продублируйте его, нажав Ctrl+D, нажмите PgDown, чтобы поместить его под оригинальный объект, затем сдвиньте немного вправо и вниз. Теперь откройте диалог «Заливка и штрих» и укажите значение размывания равным, скажем, 5.0. Вот и всё!

Размещение текста по контуру

Чтобы разместить текст по поверхности кривой, выберите текст и контур одновременно и используйте функцию Разместить по контуру из меню «Текст». Текст будет размещён от начала контура. Лучший вариант — использовать отдельный контур для заполнения текстом, чем заполнять текстом один из существующих элементов —, это даст вам больше контроля без лишних проблем.

Поиск оригинала

Когда у вас есть текст, направленный по контуру, связанный объект или клон, то порой очень сложно найти их исходный объект, потому что он может находиться под другими объектами, быть невидимым или просто закрытым для изменений (функция «запереть»). Магическая комбинация клавиш Shift+D поможет вам. Выберите текст, связанный объект или клон и нажмите Shift+D, чтобы выделение переключилось на соответствующий контур, оригинал клона или оригинал связанного объекта.

Возвращение ушедших за экран окон.

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

Прозрачность, градиенты, и экспортирование в PostScript формат

PostScript и EPS-форматы не поддерживают прозрачность, так что никогда не используйте её, если собираетесь экспортировать рисунок в PS/EPS. При однородной прозрачности объектов вопрос решается просто. Выберите один полупрозрачных объектов, переключитесь на инструмент Пипетка (F7), удостоверьтесь, что включен режим «Брать видимый цвет без альфа-канала», и щёлкните по уже выбранному объекту. Видимый цвет будет получен и заново присвоен объекту, но уже без полупрозрачности. Повторите эту процедуру с остальными объектами. Если полупрозрачный объект перекрывает несколько объектов с простой заливкой, вам придётся разделить его на части и повторить процедуру для каждого из кусочков.

Экспортирование градиентов в PS или EPS не работает ни для текста (пока текст не преобразован в контур), ни для штрихов. Кроме того, поскольку прозрачность при экспорте в PS и EPS теряется, вы не можете использовать градиент из, скажем, непрозрачного синего в прозрачный синий. Обойти это ограничение можно создав градиент от непрозрачного синего в непрозрачный цвет фона.

Converted from DocBook source by tutorial-html.xsl. Last update: Mon Jun 25 21:52:51 CEST 2007

	В Inkscape 0.45 фильтр гауссова размывания может быть применён для получения различных световых эффектов. Это изображение за авторством Chromakode, основанное на фотографии, демонстрирует возможность создания эффектов объёмного света и густого тумана. Обратите внимание на рассеянный свет по краям силуэта и ореол там, где свет светит сквозь руки (контуры ореола видны в копии окна с каркасным отображением рисунка). Кроме того, размывание используется для художественного снижения детализации волос.
	Фильтр гауссова размывания, появившийся в Inkscape 0.45, делает возможным создание фотореалистичных изображений. Это изображение Lamborghini Gallardo было создано Майклом Гросбергом (Michael Grosberg) на основе фотографии. В нём обширно используется размывание теней и свечение вокруг ярких отражений. Файл SVG распространяется вместе с Inkscape. На снимке экрана также видно второе окно с каркасным отображением рисунка (зелёные контуры — обтравочные).
	Вот ещё одно фотореалистичное изображение автомобиля, созданное Константином Роткевичем при помощи размывания теней и светлых участков. Обратите внимание на ползунок «Размывание» в нижней части диалога «Заливка и обводка». Файл SVG распространяется вместе с Inkscape.
	Новое ценное расширение Текстура по контуру позволяет гнуть, повторять и/или растягивать объект текстуры (может быть контуром или группой) вдоль «скелетного» контура. Это позволяет быстро создавать различные текстурные/фигурные штрихи или плавно гнуть текст вдоль контура.
	В Inkscape 0.45 пока что нет градиентных сеток. Однако, при помощи гауссова размывания эта функция становится неожиданно достижима, так что следите за выходом новых версий программы. На этом снимке экрана (файл SVG лежит тут) продемонстрирован способ, при помощи которого (скорее всего) градиентные сетки будут реализованы в Inkscape без какой-либо потери совместимости с SVG. Часть кода для реализации градиентных сеток находится в составе библиотеки lib2geom.
	Этот снимок экрана демонстрирует использование гауссова размывания для имитации эффекта глубины резко изображаемого пространства, где различные части объекта размыты в разной степени в зависимости от того, как далеко они находятся от предполагаемого зрителя. На снимке экрана также виден новый диалог истории действий, выполненных в рамках текущей сессии работы над документом.
	Это не фотография! Это векторный рисунок, сделанный в Inkscape 0.45 Лучано Лоуренсо (Luciano Lourenco) при помощи всё того же фильтра гауссова размывания.
	Джон Бинц (John Bintz) показывает, как использует Inkscape для создания комиксов.
	Новая группа расширений в меню «Эффекты→Цвет» позволяет менять все цвета в выделении одним махом. Эти команды работают как с заливкой, так и с обводкой, включая градиенты (но не работают с растровыми изображениями). С группами команды работают рекурсивно. Единственная незадача состоит в том, что эти расширения написаны на Python, поэтому большие контуры/группы обрабатываются медленно.
	Ещё одним эффектом, который стал возможным благодаря гауссову размыванию, является изгибающийся «канат» или «трубка» с удивительно реалистичной отбрасываемой тенью. На этом снимке экрана показывается пример использования клонов и обтравочных контуров не только для создания такого трёхмерного каната, но и для автоматического обновления его тени в случае изменения «каната» (файл SVG лежит тут).

жүктеу/скачать 2.63 Mb.

Достарыңызбен бөлісу: