Что можно сделать в приложении inkscape. Учимся рисовать в графическом редакторе Inkscape. Редактирование узлов и рычагов
Темой сегодняшнего занятия станет создание изображения государственного флага Швеции.
По ходу дела мы мы узнаем:
- Как рассчитать размеры страницы и интервалы сетки
- Как создать документ нужного размера
- Как создать сетку с нужными интервалами между линиями
- Что такое прилипание и как им пользоваться
- Как работать с инструментом для рисования прямоугольников
- Как объединять контуры
- Как изменять цвета заливки и обводки объекта
- Как сохранять готовый документ и как экспортировать его в растровое изображение
Мы уже знаем, что векторная графика ≈ это математическое описание изображения. Математика ≈ наука точная, поэтому прежде чем браться за дело, нужно точно знать размеры будущего документа и его отдельных частей.
Из Википедии узнаём, что флаг Швеции имеет сотношение сторон 32 к 20, причем вертикальная полоса креста начинается с 5/16 слева и имеет ширину 2/16, а горизонтальная полоса расположена по середине и равна по ширине вертикальной.
Значит нам нужно выбрать размер документа или 32х20, или 320х200 пикселей. Для векторной графики это не имеет принципиального значения, но в целях наглядности выберем размер страницы побольше.
Запускаем Inkscape и видим открывшийся по умолчанию документ размера А4. Идем в меню Файл -> Создать и в выпавшем внушительном списке форматов документов не находим нужного. Значит нужно изменить свойства документа.
Меню Файл -> Свойства документа (рисунок 1).
Рис. 1
Красным обведена секция Другой размер , в которую мы и вписываем нужные нам значения. (Кнопку В выделение не трогаем, она служит для изменения размера документа в соответствии с выделенным объектом).
Нажав ENTER или переведя указатель мыши в основное окно, мы видим внизу холста небольшой прямоугольник. Это и есть документ с нужными размерами. Чтобы увеличить его и поставить в центре холста, нажимаем клавишу 5 или значок на панели команд.
Пока открыто окно Свойства документа , полезно сразу настроить удобную сетку. Что есть сетка? Будучи подключена в меню Вид -> Сетка , она превращает холст в страницу школьной тетради в клеточку. Только размер этих клеточек мы можем изменять.
Перейдем на вкладку Сетки (рисунок 2).
Рис. 2
Пока эта вкладка пуста, но стоит нам создать новую сетку, как появятся настройки сетки по умолчанию (рисунок 3).
Рис. 3
Как видно в выделенном красном прямоугольнике, по умолчанию интервалы между линиями сетки составляют 1 пиксель. Нам это не подходит, слишком мелко. Мы вписываем по 20 пикселей как по X, так и по Y (овальная врезка). Почему по 20? На 20 делится как 320 так и 200. По ширине получаются как раз шестнадцатые доли, нужные нам для построения креста. По высоте легко найти середину документа, особенно когда основные линии сетки идут через каждые 5 обычных. Не сетка, а само удобство!
Рис. 4
Нам будет удобнее рисовать прямоугольники, если линии будут идти точно по клеточкам сетки ≈ "прилипать" к ней. Поэтому настроим сразу и прилипание на соответствующей вкладке (рисунок 5).
Рис. 5
Обратите внимание, чтобы было подключено глобальное прилипание (красный овал). А в секции Прилипание к сеткам нужно убрать галочку из квадратика, выделенного зеленой рамкой. Это будет означать, что узлы изображения будут прилипать к линиям сетки на каком бы расстоянии от них не находились.
Это удобно в нашем случае, когда рисунок состоит из одних прямоугольников. Но такая настройка может создать большие затруднения при рисовании кривых и эллипсов!
Для версий Inkscape 0.47 и 0.48 нужно сначала в Свойствах документа , во вкладке Прилипание подключить Прилипание к сеткам , отключить Прилипать только если ближе чем: что даст прилипание на любом расстоянии от линии сетки. Затем на Панели прилипания нужно подключить следующие миниатюры: Прилипание глобально , Прилипание узлов , убедиться, что подключены две кнопки прилипания к сетке и и удостовериться, что НЕ подключено Прилипание к углам площадки .
По окончании всех настроек окно Свойства документа нужно закрыть.
Пора приступить к рисованию. Первым делом нарисуем фон флага.
Берем инструмент , служащий для рисования прямоугольников (F4 ). На холсте его указатель представляет собой небольшой прямоугольник с крестиком над левым верхним углом. Крестик является собственно указателем. Наводим указатель на левый верхний угол документа, нажимаем и, удерживая левую кнопку мыши, ведем указатель в правый нижний угол страницы.
Благодаря прилипанию, стороны (а точнее узлы) прямоугольника точно совпадают с границами документа (а вернее, с линиями сетки. Не будь прилипания, нам пришлось бы вручную добиваться совпадения границ.
Цвет прямоугольника может оказаться любым, у меня получился красный с черной обводкой. Сейчас безразлично, какого цвета заливка прямоугольника, цвет все равно будем менять, а вот наличие обводки обязательно, иначе вы не увидите дальнейших действий. Поэтому, если у вашего прямоугольника нет обводки, то, не меняя инструмента, нажмите клавишу SHIFT и щелкните на черном квадратике на Палитре . Обводка появится.
Рис. 6
Обратите внимание на маленькие квадратики в левом верхнем и правом нижнем углах прямоугольника. Они служат для изменения его размера. Тем же инструментом F4 можно взять за квадратик и, потянув, изменить размер прямоугольника.
А вот кружок в правом верхнем углу предназначен для скругления углов прямоугольника. Как это делать, можно узнать, прочитав великолепный интерактивный Учебник Inkscape на русском языке, который находится в меню Справка -> Учебник . Очень рекомендую.
Можно было бы заняться сейчас изменением цвета заливки фона в нужный нам голубой, но это будет стратегически неправильно.
Пока у нас в руках инструмент рисования прямоугольников, стоит сразу нарисовать крест. Наводим указатель на пятую линию сетки по верхней стороне документа (как раз будет основная линия), ведем его вниз к пересечению седьмой линии сетки с нижней стороной документа (рисунок 7).
Рис. 7
Теперь понятно, почему мы не увидели бы результатов, не будь обводки!
Не откладывая дела в долгий ящик, рисуем горизонтальную полосу креста.
Рис. 8
На этом можно было бы остановиться. Когда мы изменим цвет фона на синий, креста на желтый, а обводку удалим, то флаг будет готов. Но поскольку мы учимся, то будем доводить каждое дело до конца. Пока что у нас не крест, а пересечение двух прямоугольников. Чтобы превратить его в настоящий крест, нужно объединить контуры этих прямоугольников.
Берем инструмент Выделения (F1 ) и, при нажатой клавише SHIFT щелкаем на обоих прямоугольниках креста по очереди. Оба они становятся выделенными, что видно в пунктирной обводке на рисунке 9.
Рис. 9
Теперь нужно пройти в меню Контуры -> Сумма и сложить два контура.
Рис. 10
Вот теперь у нас настоящий крест!
Осталось раскрасить документ в национальные цвета Швеции. Та же Википедия сообщает, что синий цвет шведского флага имеет оттенок Red: 0, Green: 90, Blue: 173 по системе RGB. Чтобы точно воспроизвести этот оттенок, нам понадобится окно Заливка и обводка . Прежде всего, нужно выделить нужный прямоугольник (фона) при помощи инструмента F1 , который у нас уже выбран. Для верности глянем в Секцию уведомлений на нижней панели окна программы. Там будет описан выделенный объект: Прямоугольник в слое Layer1 .
Открыть окно Заливка и обводка можно несколькими способами: Из меню Объект -> Заливка и обводка ; щелкнуть на объекте правой кнопкой мыши и открыть строку Заливка и обводка ; нажать на миниатюру на Панели Команд (правда ее не всегда видно из-за размеров окна); горячими клавишами Shift+Ctrl+F (не везде срабатывает). Так или иначе, открываем это окно (рисунок 11).
Рис. 11
Во вкладке Заливка уже нажата кнопка Плоский цвет, нам нужно установить известные нам значения RGB. Их можно просто вписать в соответствующие окошки, или выставить их стрелочками, можно двигать ползунки на шкалах, можно даже вписать шестнадцатеричный номер цвета в окошко RGBA . Шкала А означает прозрачность заливки, полная непрозрачность равна 255, полная прозрачность ≈ нулю.
Фон на глазах меняет цвета и принимает нужный оттенок.
Переходим на вкладку Обводка и нажимаем крестик Х , что означает Обводки нет . Она нам больше не нужна.
Рис. 12
Теперь нужно выделить крест (при этом в Секции уведомлений появится: Контур 12 узлов... В окне Заливка и обводка уже будут новые параметры выделенного объекта. Нам нужно установить желтый цвет R: 255, G: 194, B: 0 при полной непрозрачности. Обводку убрать.
Сетку снять (Вид -> Сетка ).
Флаг готов. Его рисунок вы видели в начале главы.
Осталось сохранить его. Но прежде пройдем в меню Файл -> Очистить defs . Что это значит? По ходу работы мы использовали временные цвета, не вошедшие в окончательный вариант обводки и так далее. Все они записаны где-то в XML тексте нашего файла, увеличивая его "вес". Конечно в сегодняшнем случае это немного, какие-то байты, но привычку избавляться от балласта нужно вырабатывать с самого начала. Ведь главным козырем векторной графики является малый размер файлов SVG.
Теперь, в том же меню Файл , жмем Сохранить , откроется диалоговое окно, где вы укажете имя файла, скажем, swedish_flag.svg и директорию, куда сохранить его.
А чтобы можно было использовать рисунок в других графических программах или помещать в Сети, его следует экспортировать в растровый формат. Для этого идем Файл -> Экспортировать в растр . Откроется диалог, как на рисунке 13.
Рис. 13
В поле Экспортируемая область вкладки Страница и Рисунок в данном случае совпадают. Поэтому вписываем имя файла и жмем Экспорт . (Потом ищем файл всюду, а находим в домашней директории). Немного сбивает с толку, что диалоговое окно экспорта не закрывается автоматически после завершения процедуры.
Сегодняшний урок подошел к концу, в следующей главе мы займемся более сложным делом.
Редактировать, копировать и сохранять.
Учебник охватывает приёмы ориентирования на холсте и работе с документами. Он даёт начальное представление об инструментах рисующих формы, о выделении, о изменении форм , группировке, установке параметров заливки и обводки, выравнивании и распределении объектов. Если ищете более глубокие знания, смотрите другие учебники из меню «Справка».
Перемещение по холсту
Есть множество способов перемещаться по холсту. Попробуйте Ctrl+стрелки для перемещения при помощи клавиатуры (Попробуйте прямо сейчас Ctrl+стрелка вниз для смещения документа вниз). Вы также можете передвигаться по холсту , зажав его поверхность средней кнопкой мыши или при помощи ползунков (нажмите Ctrl+B (тут и далее все буквы в клавиатурных комбинациях - латинские), для того что бы показать или спрятать их). Колёсико прокрутки на мышке также работает для вертикального перемещения. Для горизонтального перемещения используйте Shift вместе с колёсиком.
Изменение масштаба
Простейший способ изменить масштаб - это нажать - или + (для увеличения работает и =). Также работает вариант Ctrl+средняя кнопка мыши или Ctrl+правая кнопка мыши - для увеличения, Shift+средняя или Shift+правая - для уменьшения, или колёсико мыши с нажатым Ctrl. Как вариант , вы можете выбрать масштаб увеличения в нижнем левом углу окна документа. Значение указанно в процентах, набрав нужное нажмите Enter. Ко всему прочему есть инструмент масштабирования (среди инструментов слева), который позволяет увеличивать только необходимую выделенную область.
Inkscape хранит историю масштабов, которые вы использовали при работе. Нажмите клавишу `, чтобы вернуться к предыдущему состоянию, или Shift+` для перехода к следующему.
Инструменты Inkscape
Панель с пиктограммами в левой части окна представляет инструменты Inkscape для рисования и редактирования. В верхней части окна, под меню, находится панель управления с основными командными кнопками, и чуть ниже - панель Настройки инструментов , содержащую параметры, специфичные для каждого инструмента. Строка состояния, что в самом низу окна, будет показывать полезные подсказки во время вашей работы.
Многие действия доступны с клавиатуры. Полный справочник по клавишам можно вызвать через «Справка > Клавиатура и Мышь».
Для создания нового пустого документа используйте «Файл > Создать» или нажмите Ctrl+N. Чтобы открыть существующий SVG документ, используйте «Файл > Открыть» (Ctrl+O). Для сохранения используйте «Файл > Сохранить» (Ctrl+S) или «Сохранить как...» (Shift+Ctrl+S) для сохранения файла под другим именем. (Inkscape по прежнему может быть нестабильным в работе, так что запомните важное правило - СОХРАНЯТЬСЯ ПОЧАЩЕ!!!)
Inkscape использует SVG (Scalable Vector Graphics - Масштабируемая Векторная Графика) формат для своих файлов. SVG является открытым стандартом и широко используется в графических пакетах. SVG файлы базируются на XML и могут редактироваться любым текстовым или XML-редактором (отдельно от Inkscape). Помимо SVG Inkscape может работать и с другими форматами (EPS, PNG).
Для каждого документа Inkscape открывает новое окно. Вы можете переключаться между ними разными способами в зависимости от менеджера окон (например, нажав Alt+Tab для переключения между документами по кругу). Попробуйте сейчас создать несколько новых документов и попереключаться между ними для практики.
Создание фигур
Настало время фигур! Выберите синий прямоугольник в полоске слева (или нажмите F4). Наведите курсор мыши на документ (тут же или в новом созданном окне), нажмите клавишу мыши и переместите её курсор в сторонуs - вы получите прямоугольник:
Как видите, по умолчанию прямоугольник залит синим цветом, имеет чёрную обводку и частично прозрачен. Ниже вы увидите , как изменить эти параметры. Другими инструментами вы также можете создавать овалы, звёзды и спирали:
Рассмотренные инструменты называются инструментами фигур. Каждая созданная фигура имеет один и более белых прямоугольников управления (ручек); попробуйте потаскать их туда-сюда и обратите внимание на изменение фигуры (белые точки видны только когда выбран один из четырёх инструментов: синий квадрат, коричневый круг, жёлтая звёздочка или спираль). У панели настроек инструментов свой способ настройки фигуры. Управляющие элементы в ней влияют на выбранные в настоящий момент объекты (т.е. те, ручки которых видны), а также определяют параметры новых фигур.
Для отмены последнего действия действует комбинация Ctrl+Z. (Если вы изменили решение , можно вернуть отменённое действие, используя Shift+Ctrl+Z.)
Перемещение, изменение размера и вращение
Наиболее популярный инструмент в Inkscape - это Селектор. Выбрать его можно щёлчком по чёрной стрелке (либо нажатием F1 или пробела. Этим инструментом вы можете выбрать любой объект на холсте. Щёлкните квадрат, изображённый на иллюстрации ниже:
Вокруг объекта вы увидите восемь стрелок. Теперь вы можете:
Передвигать объект (с нажатым Ctrl перемещения ограничеваются двумя осями: горизонтальной и вертикальной).
Менять размер объекта, потянув за любую из стрелок (меняя размер с нажатым Ctrl , вы сохраните пропорции ориганала).
Поворачивать объект, потянув за угловые стрелки. (с нажатым Ctrl объект будет поворачиваться шагами по 15 градусов. Сместив крестик, вы сместите центр вращения.)
Перекашивать (наклонять) объект, двигая неугловые стрелки. (с нажатым Ctrl перекашивание будет производиться с шагом в 15 градусов.)
В этой главе сохраняется нумерация строк в меню Файл, начатая в предыдущих главах.
13. Файл ⇨ Метаданные
Метаданные ≈ это сведения, которые автор может включить в структуру документа. Они видны только при просмотре файла программами, позволяющими эти данные прочесть. К таким программам относятся большинство "больших" графических и векторных редакторов.
На рисунке 1 показано окно .
Рис. 1
В соответствующие графы этого диалога вписываем: название, автора докумета, дату и так далее.
Во вкладке Лицензия можно выбрать нужную лицензию из числа шаблонов, либо указать другую.
14. Файл ⇨ Настроить Inkscape
Инструменты
Рис. 2
Первая настройка ≈ настройка инструментов. И сразу начинаются "непонятки".
Используемая площадка
Под термином площадка имеется ввиду (по-английски bounding box или bb). Это такая пунктирная линия, которая окаймляет весь выделенный объект, показывая его границы (смотрите рисунок 3).
Рис. 3
Слева ≈ Видимая площадка , Справа ≈ Геометрическая
Так вот, эта площадка может быть настроена так, чтобы окаймлять весь объект целиком, со всеми его обводками (видимая площадка ; на рисунке 3 слева). А геометрическая площадка проходит строго по узлам объекта (на рисунке 3 справа).
Почти любой объект можно окаймить направляющими . Для этого нужно пройти в меню Объект ⇨ Объекты в направляющие .
Рис. 4
Данная опция позволяет Сохранять объекты после преобразования их в направляющие , а также Считать группы единым объектом при преобразовании в направляющие.
Мы рассмотрели все опции настройки строки Инструменты , теперь развернем эту строку, кликнув мышью на треугольном указателе перед ней. Строка раскроется в колонку с перечислением отдельных инструментов. Первым из них будет Выделитель (рисунок 5).
Рис. 5
Это первый инструмент в панели инструментов, , отзывающийся также на горячую клавишу F1 . Это самый употребительный инструмент, с его помощью мы выделяем, передвигаем и трансформируем объекты.
Показывать пометку выделения
Что подразумевается под Пометкой выделения ? По умолчанию пометкой выделения служит окаймляющая рамка . Стоит щелкнуть на объекте инструментом Выделитель , как вокруг него возникает пунктирная рамка и двусторонние стрелки, при помощи которых можно трансформировать объект. Но если убрать галочку из чекбокса Показывать пометку выделения , а в секции Пометка выделенных объектов выбрать позицию Нет , то рамка исчезнет, оставив только стрелки (рисунок 6).
Рис. 6
Слева выделенный круг, помеченный рамкой; справа ≈ без пометки выделения.
Примечание: Абсолютно тот же эффект получится и при включенном чекбоксе Показывать пометку выделения ; то есть налицо некоторая избыточность настроек. Вполне хватило бы и одной секции Пометка выделенных объектов .
Но, кроме привычной рамки, пометкой выделения может служить Метка ≈ небольшой остроугольный ромбик, возникающий под острием левой верхней стрелки преобразования , и меняющий свой цвет в зависимости от фона, на который падает.
На рисуке 7 показаны два круга на зеленом фоне с метками выделения.
Рис. 7
Метки указаны стрелками. Наличие двух меток выделения говорит о том, что оба объекта выделены.
При трансформации показывать:
Когда мы, при помощи стрелок, изменяем форму объекта, или просто пемещаем его по холсту, то стрелки временно исчезают. Следить за изменениями можно по самому объекту.
Рис. 8
На рисунке 8 показаны этапы вращения объекта.
Но, если выбрать Рамку , то сам объект будет неподвижен, а вращаться будет синяя рамка, как видно на рисунке 9.
Рис. 9
Еще на рисунке 9 виден указатель мыши, которым вращают рамку. Как только левая кнопка мыши будет отпущена, объект возникнет внутри рамки, заняв свое новое положение.
Опции настройки Выделителя исчерпаны, переходим к Узлам .
Инструмент , отзывается на горячую клавишу F2 и позволяет нам редактировать узлы контура и рычаги этих узлов.
Рис. 10
Показывать пометку выделения
Если эта опция включена, а она включена по умолчанию, то при щелчке инструментом на объекте, в нем становятся видны узлы и пометка выделения , по умолчанию ≈ окаймляющая пунктирная рамка (рисунок 11, красный треугольник).
Рис. 11
Если отключить эту опцию, и нарисовать желтый треугольник, то при клике на нем инструментом , появятся только сами узлы, а рамки видно не будет (рисунок 11, желтый треугольник).
Включить правку градиентов
Инструмент , помимо основного назначения ≈ выделять узлы ≈ служит еще и для правки градиентов . При щелчке этим инструментом на объекте, залитым градиентным цветом, появляется рычаг управления градиентом .
Рис. 12
Этим рычагом можно управлять при помощи инструмента .
Если же убрать птичку из чекбокса Включить правку градиента , то никакого рычага градиента при клике инструментом мы не увидим. Тогда придется для правки градиента воспользоваться инструментом Градиентная заливка
Абрис контура
≈ это тонкая линия, соединяющая середины узлов контура. С ним удобно видеть истинные размеры контура.
Всегда показывать абрис
По умолчанию эта опция отключена.
Рис. 13
На рисунке 13 слева показан контур при отключенной опции Всегда показывать абрис . Справа ≈ тот же контур при подключенной опции Всегда показывать абрис .
Обновлять абрис при перемещении узлов
Если эта опция подключена, то абрис будет изменяться вслед за изменением положения узлов, что не даст нам никакой информации. Вот если отключить эту опцию, то, сместив узел, можно по положению абриса, оставшегося на старом месте, судить о величине смещения (рисунок 14).
Рис. 14
На рисунке 14 видно, как мы смещаем узел, а прежний абрис остается на месте.
Обновлять контуры при перемещении узлов
По умолчанию (когда данная опция подключена) двигая узел, мы немедленно видим изменение контура. Если же отключить эту опцию, то, переместив узел, мы увидим абрис нового контура, в то время как прежний контур остался на месте. (При условии, что опция Обновлять абрис включена).
Рис. 15
Показывать направление контура на абрисе
Эта опция по умолчанию отключена. Но если ее подключить, то на абрисе (при условии что подключено Всегда показывать абрис ) появятся стрелочки, показывающие в каком направлении был нарисован контур. Например, на рисунке 16:
Рис. 16
На левом контуре цифрами показан порядок создания узлов контура, а справа, при помощи инструмента , подсвечен абрис с указательными стрелками.
На время показывать абрис
По умолчанию опция включена. При наведении инструмента на невыделенный объект, абрис появляется на некоторое время (задаваемое в миллисекундах в окошке Длительность мерцания ).
Рис. 17
В отличие от красного постоянного абриса, этот временный абрис имеет по умолчанию бирюзовый цвет (впрочем, цвет можно изменить, если кликнуть на бирюзовом прямоугольнике в начале секции Абрис контура ).
На время показывать абрис выделенных контуров
По умолчанию выключено, но если подключить, то можно видеть и абрис и узлы (рисунок 18).
Рис. 18
Параметры редактирования:
Показывать рычаги единичных узлов
Опция по умолчанию отключена. Если ее подключить, то можно, кликнув на отдельном узле, получить сверхточный механизм управления рычагом узла (рисунок 19).
Рис. 19
По умолчанию эта опция подключена, и программа старается максимально возможно сохранить форму контура при удалении узлов. На рисунке 20 вверху показан исходный объект 1 с узлом А, который будет удален.
Рис. 20
Объект 2 лишился узла А, но опция Сохранять форму объекта при удалении узлов была включена, поэтому силуэт объекта изменился не сильно.
У объекта 3 также удалили узел А, а поскольку опция Сохранять форму объекта при удалении узлов была выключена, то его очертания претерпели сильные изменения.
Инструмент позволяет вносить множество разнообразных изменений в контурные объекты: раскрашивать, двигать, изменять форму, вращать, и еще много чего. Описание работы этого инструмента не может быть дано в данной главе ≈ оно займет отдельную главу, когда мы доберемся до разбора инструментов.
Рис. 21
Сейчас рассмотрим только предлагаемые опции настройки инструмента .
Раскрашивать объекты
Можно либо , либо . Чтобы задать этот самый собственный стиль, нужно изобразить контурный (состоящий из узлов) объект и раскрасить его в желательные цвета (рисунок 22, верхний прямоугольник).
Рис. 22
Чтобы убедиться, что корректор работает, нарисуем ниже прямоугольника бирюзовый треугольник с красной обводкой (рисунок 22 в центре).
Выделим треугольник, переключимся на (SHIFT+F2 ), и проведем инструментом по объекту. Объект будет перекрашен в цвета корректора (рисунок 22, внизу).
Показывать пометку выделения
Удобно подключить эту опцию, чтобы всегда видеть, выделен ли объект, который вы собрались корректировать (напомню, что работает только с выделенными объектами).
Включить правку градиентов
При подключении этой опции будет виден рычаг правки градиента .
Распылитель
Это инструмент, способный разбрасывать объекты по холсту. Отзывается на SHIFT+F3 . Работа с распылителем займет отдельную главу, а для тех, кто уже умеет им пользоваться, напоминаем, что он имеет две опции.
Показывать пометку выделения (включена по умолчанию).
Включить правку градиентов.
По умолчанию выключена. Если подключить, то будет виден рычаг правки градиентов .
Лупа
Нехитрый инструмент имеет две опции: Показывать пометку выделения и Включить правку градиентов .
Фигуры
Раздел Фигуры имеет две опции, относящиеся ко всем фигурам: это Показывать пометку выделения и Включить правку градиентов
Теперь развернем эту строку Фигуры , кликнув мышью на треугольном указателе перед ней. И первой фигурой будет...
Это инструмент, позволяющий рисовать прямоугольники и квадраты. Откликается на горячую клавишу F4 .
Рис. 23
В настройках видим уже знакомый выбор между и .
При преобразовании в направляющие вместо площадки (BB) используются края
Мы помним, что некоторые объекты могут быть преобразованы в направляющие (смотрите раздел Преобразование в направляющие ). Так вот, эта опция определяет, преобразовывать ли объект в направляющие по окаймляющей площадке (рисунок 24), или по его краям (рисунок 25).
Рис. 24
Рис. 25
Паралеллепипед
Описание приемов работы с инструментом Паралеллепипед не входят в задачи данной главы. Для этого будет отдельная тема.
Настройки же инструмента Паралеллепипед полностью совпадают с таковыми для .
Эллипс
Последним использованным стилем и Собственным стилем инструмента .
Звезда
Имеет всего одну настройку ≈ выбор между Последним использованным стилем и Собственным стилем инструмента .
Спираль
Имеет всего одну настройку ≈ выбор между Последним использованным стилем и Собственным стилем инструмента .
Этот инструмент предназначен для рисования произвольных контуров и откликается на горячую клавишу F6 .
Рис. 26
Показывать пометку выделения По умолчанию включено.
Создавать новые объекты с:
Либо с последним использованным стилем , либо с собственным стилем инструмента . Задать этот стиль можно, создав объект с нужными параметрами, выделив его, а затем нажав кнопку Взять от выделения . По умолчанию собственный стиль таков: Заливка: Снята; Обводка: Снята.(?). Пусть это вас не смущает ≈ карандаш рисует черной обводкой толщиной в 1 пиксель.
Размер точки по CTRL+щелчок
Если, удерживая клавишу CTRL, кликнуть на холсте инструментом , то появится точка (рисунок 27, внизу).
Рис. 27
Диаметр этой точки будет в 3 раза (по умолчанию) больше размера обводки карандашного контура (рисунок 27, вверху).
≈ самый употребительный инструмент для создания кривых Безье и прямых линий. Откликается на SHIFT+F6 .
Рис. 28
Показывать пометку выделения
Как и многие другие инструменты, может показывать пометку выделения при включении данной опциии.
Создавать навые объекты с:
последним использованным стилем , либо с собственным стилем инструмента . Характерно, что собственный стиль по умолчанию без заливки и без обводки, однако рисует черную линию толщиной в 1 пиксель.
Если нужно изменить собственный стиль пера, то нужно нарисовать контур, изменить стиль и цвет его обводки (про заливку, понятно, тут говорить не приходится), выделить его, а потом нажать кнопку Взять от выделения .
При клике инструментом с нажатой клавишей CTRL, создается точка, диаметр которой в 3 раза больше ширины обводки. В окошке последней строки можно выставить любую кратность вместо трех.
Рисует линии наподобии плакатного пера.
Рис. 29
Показывать пометку выделения
По умолчанию отключено.
Создавать новые объекты с:
Можно создавать контуры либо с последним использованным стилем , либо с собственным стилем инструмента .
Ширина в абсолютных единицах измерения
Можно задать ширину плакатного пера хоть в пикселях, хоть в миллиметрах.
Выделять новый контур
По умолчанию выключено, так как всякие пометки контуров будут отвлекать от свободного рисования, для которого этот инструмент и предназначен.
Рис. 30
Снова не буду описывать приемы работы с этим инструментом ≈ для этого будет свое место. Что касается настроек, то они уже знакомы нам по предыдущим инструментам.
Рис. 31
Здесь не место объяснять как можно создавать новые объекты при помощи ластика. А настройка одна, и уже многократно описанная.
Рис. 32
Показывать пометку выделения
По умолчанию включено.
Включить правку градиентов
Это значит, что будет виден рычаг правки градиента , по умолчанию подключено.
Показывать образцы шрифтов в раскрывающемся списке
Этот раскрывающийся список стоит первым на Панели настройки текущего инструмента при выборе инструмента . Опция, подключенная по умолчанию, показывает в этом списке образцы написания шрифтов.
Ну, и обычный выбор между Собственным стилем инструмента и Последним использованным стилем .
Градиентная заливка
Всего одна настройка ≈ Показывать пометку выделения . Не стоит и скриншота.
Соединительные линии
Тоже не стоит скриншота, всего две настройки: Показывать пометку выделения и Не соединяться линиями с текстовыми объектами . Обе опции подключены по умолчанию.
Пипетка
Тоже всего две настройки: Показывать пометку выделения и Включить правку градиентов . Обе подключены по умолчанию.
Горячие клавиши CTRL+a, TAB, SHIFT+TAB выделяют объекты
Настройки, как показано на рисунке 33, позволяют менять условия работы этих горячих клавиш.
Рис. 33
Эти настройки очевидны и не нуждаются в пояснениях.
Трансформации
Объекты можно трансформировать различными способами.
Рис. 34
Не вдаваясь в обсуждение методов трансформации, отметим, что настройки, подключенные по умолчанию, обеспечивают сохранение формы, заливки и обводки объектов. Отключать те или иные опции следует только для достижения определенных целей.
В разделе Сохранение трансформации речь идет о способе фиксации сделанных изменений в SVG файле (который представляет собой текстовой файл на языке XML). Если выбрана опция Без оптимизации , то в тексте файла трансформация всегда будет сохраняться в виде аттрибута "transform=". Если же оставлена умолчальная опция С оптимизацией , то аттрибут "transform=" по возможности не будет создаваться.
Клон ≈ это копия объекта, связанная с оригиналом таким образом, что все изменения оригинала будут изменять и его клоны. Если клон копируется или дублируется, то эта копия становится потомком клона и сохраняет связь с оригиналом.
Рис. 35
Настройки Клонов , показанные на рисунке 35, говорят сами за себя; никаких объяснений здесь не требуется.
Обтравочный контур накладывается поверх объекта и после действия Объект ⇨ Обтравочный контур ⇨ Наложить , видимой остается только та часть объекта, что попала внутрь обтравочного контура. Маски работают сходным образом. Подробно об этом будет сказано в соответствующей главе.
Рис. 36
Настройки, показанные на рисунке 36, не нуждаются в пояснениях.
Фильтры
Обширная область, требующая отдельного разбора. Фильтров имеется множество, и у каждого свои особенности.
Настройки же фильтров сводятся к выбору желаемого соотношения Скорость / Качество.
В данном разделе речь идет об незначительной обработке растровых изображений, которую Inkscape способен производить самостоятельно, при помощи растровых Расширений , не прибегая к специальным растровым редакторам (типа Gimp).
Рис. 37
Настройки все понятные, я не вижу необходимости что-либо дополнительно разъяснять.
Управление цветом
Темна вода во облацех... Не нашел ничего по поводу данных настроек. Советую и вам их не трогать, если не знаете, что тут к чему. Если знаете ≈ сообщите мне для включения в этот путеводитель.
Настройки сеток по умолчанию представлены на рисунке 38.
Рис. 38
Выделение основной линии сетки
Смысл этой настройки в том, что если подключить опцию Не подчеркивать линии сетки на большом удалении , то при малом увеличении (когда обычные линии сетки уже пропадают) цвет основных линий меняется на цвет обычных. Если же оставить эту опцию неподключенной цвет основных линий меняться не будет ни при каком увеличении.
Параметры сетки по умолчанию
Позволяют задать удобный для вас вид сетки, чтобы не настраивать ее каждый раз. Я, например, в этой настройке изменил цвет обычных линий на красный.
Экспорт в SVG
Эти настройки касаются структуры SVG файла и будут полезны только тем, кто разбирается в языке XML и знает эти структуры. Всем остальным лучше оставить данные настройки по умолчанию.
Рис. 39
Как видите, настройки простые и однозначные.
Некоторая тонкость содержится только в подключении автосохранения . Дело в том, что после сохранения документа уже нельзя отменить последние действия. Так что автосохранение может произойти в самый неподходящий момент, когда вам нужно отменить неудачное действие. По мне, лучше не забывать вручную сохранять документ, закончив некий этап работы.
Импорт / Экспорт
Рис. 40
Разрешение указано в точках на дюйм (dpi) (а не от вышестоящей организации).
Адрес Open Clip Library указан правильно. Если вы зарегистрированы на этом сервисе, то можете ввести свой логин и пароль.
В этом разделе настраивается точность действия указателя мыши.
Рис. 41
Радиус захвата
Мы можем перетаскивать объекты мышью еще до того, как выделили их. Подведя указатель мыши (при выбранном инструменте Выделитель ) на некоторое критическое расстояние к объекту, указатель меняет цвет на белый и около него появляется пиктограмма руки. Если при этом нажать левую кнопку мыши, то можно захватить объект ("рука" сожмется) и перетаскивать его. Выделение же произойдет после отпускания левой кнопки.
Настройка Радиус захвата определяет это критическое расстояние, причем единицами служат пиксели экрана (как величина абсолютная), а не пиксели документа (как зависящие от увеличения).
Совершая щелчок кнопкой мыши на объекте, мы не можем удерживать мышь абсолютно неподвижной. Рука всегда немного подвинет мышь в ту или иную сторону.
Данная настройка определяет "люфт" (или "зазор"), на который указатель мыши может быть сдвинут без того, чтобы объект начал перемещаться. Другими словами, в пределах люфта будет считаться, что произошел просто щелчок, а не перетаскивание мышью.
Как и в предыдущей настройке, единицами служат пиксели экрана , а не документа.
Использовать графический планшет
Менять инструмент в зависимости от активного устройства графического планшета
Эта настройка нужна только тем, кто работает с планшетом. У меня его никогда не было, так что ничего не могу сказать по этому поводу.
Рис. 42
Колесико мыши прокручивает на:
Настройка позволяет регулировать точность прокрутки колесиком мыши.
CTRL +стрелки
Если удерживать клавишу CTRL и работать стрелками, то перемещаться будет не объект по документу, а документ в окне Inkscape. Это та же прокрутка. Данная настройка позволяет регулировать ее точность.
Если при этом не отпускать клавиши несколько времени, то прокрутка будет ускоряться. Это и есть Ускорение .
Автопрокрутка
Регулируется скорость автопрокрутки и Порог ≈ то расстояние (в пикселях экрана), на котором должен быть указатель мыши, чтобы включилась автопрокрутка. Отрицательные значения ≈ внутри окна, положительные ≈ вне окна.
Перемещение по окну с нажатым пробелом и левой клавишей мыши
По мысли разработчиков, если эта опция не подключена, то нажатие клавиши Пробел переключает текущий инструмент на Выделитель . Однако эта функция нормально не работала ни в 0.46, ни в 0.47, ни в 0.48, ни в Ubuntu, ни в Debian Lenny (c KDE3), ни в Fedora. Если же подключить эту опцию, то, по замыслу, можно передвигать холст перетаскиванием левой кнопкой мыши с нажатым Пробелом . Тоже не работает.
Чаще всего вместо этого начинается , как показано на рисунке 43.
Рис. 43
По умолчанию колесо мыши масштабирует вид
Это опция по умолчанию отключена, и колесо мыши просто прокручивает холст вниз-вверх, а с нажатой клавишей SHIFT ≈ вправо-влево. Если подключить данную опцию, то колесо станет увеличивать/уменьшать.
Рис. 44
Включить индикатор прилипания
Индикатор прилипания это небольшой крестик с пояснительной надписью, что к чему прилипает. Появляется в месте рисунка, где создались условия для прилипания. По умолчанию подключен. Регулируется задержка появления индикатора прилипания.
Рис. 45
На рисунке 45 мы взяли выделителем черный контур вблизи одного из узлов. Если опция Прилипает только ближайший к указателю узел включена, то мы можем видеть ближайший к указателю мыши узел. Только этот узел и будет прилипать (в данном случае к сетке).
Коэффициент взвешивания определяет к чему прилипать, если найдено несколько вариантов прилипания. Если выставлена единица, то прилипает ближайший к указателю узел; если 0, то предпочтение отдается ближайшему объекту прилипания.
Указатель мыши прилипает при перетаскивании узла с ограничением
Понять, о чем идет речь, невозможно. Не помогает и всплывающее пояснение: "При перемещении узла вдоль ограничительной линии прилипает указатель мыши, а не проекция узла на ограничительную линию".
Тут сошлись и неправильный перевод, и игра слов, и недостаточно точное определение в английском первоисточнике. Чтобы разобраться ушло два дня.
На самом деле данная настройка должна выглядеть как:
При перетаскивании кельтского узла с нажатой клавишей CTRL вдоль линии прилипания , кельтский узел не меняет своего положения относительно линии прилипания вне зависимости от перемещений указателя мыши (в определенных настройками прилипания пределах).
Показан на рисунке 46:
Рис. 46
А получить его можно, выделив самопересекающийся контур, и проследовав: Контур ⇨ Редактор контурных эффектов ⇨ Применить новый эффект ⇨ Кельтский узел .
Если рассматриваемая опция НЕ подключена, то, при перетаскивании контура вдоль напраляющей (включено прилипание к направляющим), прилипать будет то один, то другой край разрыва контура.
Если подключить рассматриваемую опцию (не хочу приводить ее непонятного названия), то при перетаскивании вдоль направляющей с нажатой клавишей CTRL , контур будет перемещаться ровно, не меняя своего положения, и не реагируя на движения указателя мыши (в определенных пределах). Хотя зрительно никакакого прилипания указателя к направляющей не будет, перетаскивание происходит, как будто указатель мыши прилип к направляющей и едет по ней как по рельсе.
По умолчанию опция отключена.
Рис. 47
Стрелки двигают на:
Настраивается точность преремещения выделенного объекта стрелкам клавиатуры .
Шаг масштабирования по > и <
Можно увеличивать или уменьшать масштаб выделенного объекта при помощи клавиш > и < (при нажатом Shift . Эта настройка регулирует точность такого масштабирования.
Втяжка или растяжка на:
Втяжка и растяжка (а точнее, вытяжка) ≈ это разновидности преобразования контура. Они находятся в меню Контур . Данная настройка регулирует их точность.
Компасообразное отображение углов
По умолчанию углы отсчитываются по математическому способу (рисунок 48, слева).
Рис. 48
Если же подключить данную опцию, то углы будут отсчитываться как на лимбе компаса (рисунок 48, справа).
Ограничение вращения
Если вращать объект при помощи стрелок инструмента Выделитель , то, при нажатой клавише CTRL , поворот будет осуществляться шагами по 15 градусов . При помощи данной настройки можно изменить величину шага вращения.
Шаг масштаба
Регулирует шаг масштабирования клавишами +/- и щелчками колесика мыши .
Рис. 49
Язык
Настройка позволяет выбирать язык интерфейса программы.
Значки
Несколько настроек размеров значков на различных панелях.
Попытаться исправить ползунок альфа-канала
При использовании некоторых тем GTK+ некорректно работает ползунок настройки непрозрачности (альфа-канала), например в окне Заливка и Обводка . Ползунок может "застревать" на цифре 244. Подключение данной опции попытается исправить ошибку.
Недавних документов в меню
Настройка регулирует величину истории программы.
Масштаб видимой страницы
Рис. 50
Запоминание геометрии окна (размера и положения)
В этой секции вопросов не должно возникнуть.
Поведение диалогов
Имеются ввиду диалоговые окна, такие как Заливка и Обводка, Масштабирование и многие другие. Неудобно, когда они занимают площадь окна программы.
Способ размещения диалогов поверх окна
По-моему все ясно.
Прозрачность диалога
Похоже, не работает. Я, во всяком случае, не заметил никакой прозрачности диалоговых окон вне зависимости от того, в фокусе они или нет.
Прочие параметры
Понятны и без комментариев.
Рис. 51
Добавлять метки в виде комментариев при выводе на печать
Если подключить эту опцию, то при выводе на печать к каждому объекту будут добавляться комментарии.
Не разделять определения градиентов между объектами
Если выключить эту опцию, то изменения градиентов одного объекта может сказаться на градиентах другого.
Порог упрощения
Имеется ввиду упрощение контуров путем удаления некоторых узлов (Контур ⇨ Упростить ). Порог упрощения можно регулировать.
Отклонение задержки
Имеется в виду отставание хронометража событий в некоторых системах от реального времени.
Предварительно отрисовывать именованные значки
Какие-то заморочки с GTK+. Что такое именованные значки? Кто знает? Внесите лепту в путеводитель.
Информация о системе
Небольшая шпаргалка по местоположению файлов Inkscape в системе Linux.
На этом настройки Inkscape закончились.
Огромная получилась глава. Берегите ее и сразу сохраняйте. Такое подробное описание всех настроек Inkscape сделано впервые. Аналогов нет ни по-русски, ни на каком другом языке.
Редактор векторной графики, который по своим возможностям и набору инструментов не уступает таким программным продуктам, как CorelDraw или Adobe Illustrator. Эта программа работает с фигурами, контурами, маркерами и текстом.
В этом уроке будут рассмотрены основные элементы окна программы Inkscape:
1. Строка заголовка
2. Строка главного меню
3. Стандартная панель
4. Строка свойств
5. Панель инструментов
6. Линейки
7. Рабочий лист
8. Цветовая палитра
9. Ползунок палитры цветов
10. Ползунок документа
Отметим основные отличительные для этой программы элементы окна:
Набор инструментов . Некоторые инструменты объединены в группы, на что указывает черная стрелочка в правом нижнем углу значка инструмента. Щелчок по этой стрелочке вызывает подменю, содержащее все инструменты данной группы.
Панель свойств . Ее содержимое меняется в зависимости от выбранного инструмента и выделенного объекта.
Линейки . Линейки дают возможность зрительно оценить расстояние и расположение объектов.
Палитра цветов . Позволяет задавать объектам цвет контура и заливки.
Панель инструментов
| Инструмент Селектор (Указатель) | Инструмент Перо Безье | ||
| Инструмен Редактор узлов контура | Инструмент Каллиграфическое перо | ||
| Инструмент Корректор | Инструмент Текст | ||
| Инструмент Масштаб | Инструмент Распылитель | ||
| Инструмент Прямоугольник | Инструмент Ластик | ||
| Инструмент Параллелограмм | Инструмент Заливка | ||
| Инструмент Овал | Инструмент Правка градиента | ||
| Инструмент Звезда или Многоугольник |
Инструмент Пипетка | ||
| Инструмент Спираль | Инструмент Соединительные линии | ||
| Инструмент Карандаш |
Изменение масштаба
Существуют несколько способов изменения масштаба:
Сохранение документа
В inkscape cуществует несколько способов сохранения файлов:
- Меню Файл -> Сохранить . Эта команда сохраняет существующий документ, используя имя текущего файла. Если документ является новым и еще ни разу не был сохранен, то будет открыто диалоговое окно, предлагая пользователю задать имя файла и место сохранения. Сохранить файл можно, используя сочетание клавиш Ctrl + S , а так же нажав кнопку Сохранить документ
- Меню Файл -> Сохранить как... Эта команда позволяет сохранить новую копию файла под другим именем или в другом месте. В этом случае последний сохраненный файл автоматически становится рабочей копией, таким образом, дальнейшие действия будут выполняться уже в новом файле. Этой командой обычно пользуются для сохранения разных версий рисунка. Это же действие доступно по сочетанию клавиш Ctrl + Shift + S .
- Меню Файл -> Экспортировать в растр . Эта команда позволяет трансформировать весь векторный SVG-файл или отдельные объекты документа в растровое изображение. В настоящее время inkscape поддерживает только один растровый формат PNG. Эта команда доступна по сочетанию клавиш Ctrl + Shift + E .
Открытие документа
Для открытия файла существующего документа можно использовать несколько способов:
- Меню Файл -> Открыть... . По этой команде inkscape открывает файл в новом окне. Таким образом, открытие файла никак не повлияет на работу с другими документами. Тоже самое действие по открытию нового документа можно выполнить по комбинации клавиш CTRL + O или через значок Открыть в панели инструментов.
- Меню Файл -> Импорт... Загрузка открываемого файла в активный документ, т.е. тот в которым вы сейчас работаете. Импортированный файл становится объектом в уже открытом документе. Импорт объекта возможен также по комбинации клавиш Ctrl + I или по кнопке Импорт в верхней панели инструментов.
Создание документа
Новый документ в inkscape можно создать несколькими способами.
Статьи по теме
