Главная / Информатика / Рабочая программа курса по выбору «Мастерская компьютерной графики. Работа в векторном графическом редакторе Inkscape» 9 класс

Рабочая программа курса по выбору «Мастерская компьютерной графики. Работа в векторном графическом редакторе Inkscape» 9 класс

Название документа Мастерская компьютерной графики Inkscape для 9.docx

Утверждено на МО учителей математики и информатики МОУ «Средняя общеобразовательная школа №3» г. Николаевска

Утверждено на районном МО учителей информатики г. Николаевска

Утверждено на

г. Николаевска

«______» _________________ 2010г.

«______» _________________ 2010г.

«______» _________________ 2010г.

Руководитель _______________Чеметева О.А.

Руководитель _______________Романов А.Б.

Руководитель _______________



Рабочая программа курса по выбору

«Мастерская компьютерной графики. Работа в векторном графическом редакторе Inkscape»

Для учащихся 9-х классов

Курс рассчитан на 17 часов

учитель математики и информатики

МОУ «Средняя общеобразовательная

школа №3» г. Николаевска

Мазеева Татьяна Александровна







2010 г.

Пояснительная записка.

Толчком к разработке курса «Мастерская компьютерной графики. Inkscape» послужило внедрение операционной системы Linux в наши школы. У многих осталась операционная система Windows, но не все могут позволить себе платные программы типа Corel Draw.

Элективный курс для учащихся 9-х классов. Ребята уже имеют начальные представления о работе с векторным графическим редактором Inkscape из курса информатики 7 класса, но этого недостаточно. Актуальность работы несомненна в свете новых требований к содержанию образования по освоению учащимися информационных технологий. Курс рассчитан на 17 часов.

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

Цели:

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

Задачи:

  • привитие навыков сознательного и рационального использования компьютера

  • знакомство с методами графических изображений и форматами графических файлов

  • изучение возможностей векторного графического редактора Inkscape

В результате освоения теории учащиеся должны знать:

  • виды компьютерной графики

  • достоинства и недостатки графического редактора Inkscape

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

  • работать со всеми инструментами программы

  • рисовать в векторном графическом редакторе

  • выполнять различные эффекты с уже имеющимися картинками

  • владеть техниками, текстом, уметь клонировать объекты

  • научиться работать с текстурами и шаблонами

Содержание курса.

В курсе «Мастерская компьютерной графики. Работа в векторном графическом редакторе Inkscape» рассматриваются:

  • Основные вопросы создания, редактирования изображений

  • Особенности работы с изображениями в векторном графическом редакторе Inkscape

Примерное тематическое планирование

п\п

Тема занятия

Количество часов

1

Виды компьютерной графики

1

2-3

Знакомство с интерфейсом программы Inkscape

2

4

Отражение текста

1

5

Создание шара

1

6

Создание мозаики из клонов

1

7

Рисуем дерево

1

8

Детский шрифт

1

9

Рисуем лучшего друга - телефон

1

10

Почтовая марка

1

11

Снежинка

1

12

Елочные игрушки

1

13

Абстрактные изображения

1

14

Инь и Янь

1

15

Имитация фотокарточки

1

16

Объем и перспектива

1

17

Итоговая работа

1


Итого:

17



Список использованных интернет — ресурсов:





Занятие №1 «Виды компьютерной графики»

Цели: вспомнить теорию, которую проходили в 7 классе, которую лучше представить в виде презентации (курсивом выделены комментарии к слайдам).

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

  2. Слайд: по способу формирования изображений компьютерную графику подразделяют на векторную, растровую, фрактальную и трехмерную (3D).

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

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

  5. Слайд: растровая графика. Растровая графика устроена несколько сложнее, с такой графикой связано множество терминов. Растр — это решетка, сетка. Сетка может быть частой, редкой, какой угодно. Ячейка сетки называется пикселями. Это своего рода кирпичики, из которых строится изображение. Любое конкретное растровое изображение содержит фиксированное количество пикселей. Каждый пиксель имеет определенное положение и цвет. Представление точечного изображения в памяти компьютера — это набор сведений о цвете всех пикселей, упорядоченных тем или иным способом. Пиксель имеет определенное положение и цвет.

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

  7. Слайд: фрактальная графика как и векторная основана на математических вычислениях. Однако базовым элементом фрактальной графики является сама математическая формула. т. е. Никаких объектов в памяти компьютера не храниться, и изображение строится исключительно по уравнениям. Таким способом строят как простейшие регулярные структуры, так и сложные иллюстрации, имитирующие природные ландшафты и трехмерные объекты. В математике существует понятие фрактала — геометрического образования, представляющего собой систему само подобных фигур, расположенных относительно друг друга закономерным образом. Как форма и размер отдельных элементов, так и их взаимное расположение может быть описано математической формулой. Многие природные объекты так же само подобны и состоят из повторяющихся элементов разных размеров. Примером может служить соцветие «сложный зонтик» - «зонтик», состоящий, в свою очередь, из маленьких зонтиков.

  8. Слайд: трехмерная (3D) графика изучает приемы и методы построения объемных моделей объектов в виртуальном трехмерном пространстве.

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



Занятие №2-3 «Знакомство с интерфейсом программы Inkscape»

Цели: познакомиться с структурой редактора Inkscape, инструментами и их возможностями.

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

В отличии от Corel Draw, стоимость которого просто заоблачная, Inkscape абсолютно бесплатен. Поскольку редактор может работать как в форматах векторной графики, так и с растровыми изображениями, он оказался ещё и очень удобен для веб-дизайнеров. Широчайшие возможности программы позволяют быстро и без проблем редактировать иллюстрации, конвертировать их из одного формата в другой, что очень удобно при подготовке графических файлов для веб-дизйна.

Конечно, возможности Inkscape заметно уступают возможностям того же Corel Draw или Adobe Illustrator, но, справедливости ради, необходимо отметить, что очень многие супер навороты этих программ редко используются на практике. По мнению многих специалистов, способность Inkscape работать в таких форматах, как SVG, JPEG, PNG, TIFF, уже делает его полноценным и пригодным для работы в такой области человеческой деятельности, как веб-дизайн.

Удобный интерфейс Inkscape, по всей видимости, был позаимствован разработчиками у своего главного конкурента: Corel Draw. Вообще создаётся впечатление, что Inkscape – это своего рода оптимизированный Corel.

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

Иное дело Inkscape. Программа изначально создавалась не для коммерческого распространения, а в качестве удобного инструмента для работы с графическими файлами. Программа одинаково хорошо работает как в среде Windows, так и в средах таких операционных систем, как Linux, FreeBSD и Mac OS.

Интерфейс редактора Inkscape очень напоминает CorelDraw, даже назначения клавишей во многом совпадают с теми, что приняты в этой программе. Интерфейс Inkscape полностью русифицирован. Это, безусловно, значительно облегчит научное «тыканье» начинающему русскоязычному пользователю. Среди удобных функций следует отметить сохранение viewport вместе с документом и редкую для кроссплатформенных программ «фишку» — возможность полноэкранного редактирования (fullscreen). Кроме того, в Inkscape замечательно крутится колесо мыши. С его помощью можно двигать документ вверх-вниз или влево-вправо, если при этом нажать и удерживать клавишу . С нажатой клавишей колесо позволяет изменять масштаб документа. Нажав непосредственно на колесо, вы сможете двигать холст под окном в любом направлении как будто рукой. Также можно отметить плавность скроллинга редактируемой графической области.



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

Есть множество способов перемещаться по холсту. Попробуйте 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), либо используя собственное сочетание клавиш 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+< увеличивают или уменьшают объект на 200% или 50% от оригинала соответственно. С нажатой клавишей Ctrl вращение будет выполняться с шагом в 90 градусов вместо 15.

Кстати говоря, наиболее удобны пиксельные изменения формы, производимые с нажатой клавишей Alt и клавишами изменения форм. Например, Alt+стрелки будут двигать выбранное на 1 пиксел данного масштаба (т.е. на 1 пиксел экрана, не путайте с пикселом, который является SVG единицей длины и отличается от пиксела масштаба). Это значит, что если вы увеличили масштаб, то Alt+стрелка даст меньшее смещение от абсолютного измерения, что по-прежнему будет выглядит как смещение на пиксел на экране. Это даёт возможность точно разместить объект, меняя масштаб.

Схожим образом Alt+> и Alt+< меняют размер на один пиксел, а Alt+> и Alt+< вращают объект на один пиксел.

Alt+стрелка и некоторые другие комбинации клавиш могут не работать, если используемый в Linux оконный менеджер перехватывает эти клавишные события прежде, чем они достигнут Inkscape. Обычно этот вопрос решается настройкой оконного менеджера.

Выделение нескольких объектов

Вы можете выбрать любое количество объектов одновременно, нажав Shift+щелчок на желаемых объектах. Еще можно выбрать объекты рамкой выделения — так называемым резиновым выделением. (Рамка выделения появляется, когда выделение начинается с пустого места, а с нажатой клавишей Shift рамка выделения появится и над объектом.) Попрактикуйтесь в выделении на этих трех фигурах:

Теперь, используя «резиновое» выделение (без или с клавишей Shift), выделите эллипсы, но не прямоугольник, что под ними:

Каждый выделенный объект отображается с пунктирной рамкой вокруг него. Благодаря этой рамке просто определить, какой объект выделен, а какой — нет. Например, если выбрать оба эллипса и прямоугольник под ними, без пунктирной рамки будет сложно понять, выделены эллипсы или нет.

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

Нажатие Esc сбросит все выделения. Ctrl+A выделяет все объекты в пределах активного слоя (если вы не создавали слоёв, это равносильно выделению всех объектов документа).

Группировка

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

Для создания группы нужно выбрать один или более объектов и нажать Ctrl+G. Разгруппировать их можно, нажав Ctrl+U и предварительно выбрав группу. Сами по себе группы могут быть сгруппированы и как одиночные объекты. Подобная поэтапная группировка может быть сколь угодно сложной. При этом следует помнить, что Ctrl+U разгруппирует только последнюю группировку. Нужно нажать Ctrl+U несколько раз, если вы хотите полностью разгруппировать сложносгруппированные группы в группе.

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

Заливка и обводка

Множество функций Inkscape доступны через диалоги (субменю). Вероятно, самый простой способ заполнить объект каким-либо цветом — это выбрать «Образцы цветов...» из меню «Вид», выбрать объект и его цвет в палитре образцов цвета (изменение цвета заливки или обводки объекта).

Но более мощным способом будет выбрать диалог «Заливка и обводка...» через меню «Объект» (Shift+Ctrl+F). Выберите ту фигуру, что ниже, и откройте диалог «Заливка и обводка...».

Вы увидите, что диалог содержит три вкладки: «Заливка», «Цвет обводки», и «Стиль обводки». Вкладка «Заливка» позволит вам изменить заполнение выбранного объекта (или объектов). Используя кнопки под вкладкой, вы можете выбрать тип заливки, включая режим «Нет заливки» (кнопка со знаком X), режим «Плоский цвет», режимы «Линейный градиент» или «Радиальный градиент». Для приведенной выше фигуры будет нажата кнопка «Плоский цвет».

Чуть ниже расположены кнопки-варианты выбора цвета. Каждый вариант имеет свою вкладку: RGB, CMYK, HSL, и «Круг». Вероятно, самым удобным вариантом является «Круг», где можно выбрать тон цвета, вращая треугольник, а затем подобрать насыщенность и яркость в самом треугольнике. Все варианты выбора цвета имеют возможность менять альфа-канал (прозрачность) выбранного объекта (или объектов).

Каждый раз при выборе объекта вкладка «Заливка и обводка...» показывает текущее значение для данного объекта (для нескольких, одновременно выбранных объектов, вкладка цвета показывает их усредненный цвет). Поэкспериментируйте на этих примерах:

Используя вкладку «Цвет обводки», вы можете убрать обводку объекта, установить его цвет или прозрачность:

Последняя вкладка «Стиль обводки» позволит вам изменить толщину и другие параметры обводки:

И, наконец, вместо сплошной окраски можно использовать градиенты для заливки и/или обводки:

При переключении с режима «Плоский цвет» на режим градиента, создаваемый градиент использует предыдущий цвет и направлен от насыщенности к прозрачности. Переключитесь на инструмент для градиентов (выбрав инструмент в левой панели или нажав Ctrl+F1). При перемещении рычаги градиента — видно, что рычаги связаны линиями, которые определяют направление и длину градиента. Когда какой-нибудь из вычагов градиента выбран (подсвечен синим), диалог «Заливка и обводка...» устанавливает цвет рычага (цвета части градиента), а не выбранного объекта.

Ещё один способ изменить цвет объекта — использовать инструмент Пипетка («Брать усредненные цвета от изображения (F7)»). Просто щелкните этим инструментом в любой части рисунка, и полученный цвет будет присвоен выбранному до этого объекту (Shift+щелчок присвоит цвет обводке).

Дублирование, выравнивание, распределение

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

Вероятнее всего, копии квадрата стоят неровно; это можно поправить, используя диалог «Выровнять (Ctrl+Shift+A). Выберите все квадраты (Shift+щелчок или выделив мышью), откройте диалог(в меню «Объект ») и нажмите на кнопку «Центрировать на горизонтальной оси», а после на кнопку «Выровнять интервалы между объектами по горизонтали» (читайте подсказки над кнопками). Теперь объекты аккуратно расстановлены и расстояние между ними одинаковое. Вот другие примеры выравнивания и расстановки:

Z-порядок

Термин Z-порядок (порядок по оси Z) относится к перекрыванию объектами друг друга на рисунке. Иначе говоря, Z-порядок определяет, какой объект находится выше и закрывает собой другие. Две команды в меню «Объект» → «Поднять на передний план» (клавиша Home) и «Опустить на задний план» (клавиша End), переместят выбранный объект в самую верхнюю или самую нижнюю позицию по оси Z данного слоя. Другие две команды, «Поднять» (PgUp) и «Опустить» (PgDn), опустят или приподнимут выбранный объект (или объекты), но только на один уровень относительно других невыделенных объектов по оси Z (считаются только объекты, перекрывающие выделенные; если выделение ничем не перекрывается, действие «Поднять» и «Опустить» будет ставить его в самую верхнюю или самую нижнюю позицию соответственно).

Попрактикуйтесь в использовании этих команд, развернув Z-порядок нижестоящих объектов так, чтобы крайний левый эллипс оказался вверху, а крайний правый — в самом низу:

Очень полезная клавиша для выделений объектов — Tab. Если ничего не выбрано, Tab выделяет самый нижний объект по оси Z; иначе Tab выбирает объект, находящийся над выбранным объектом (объектами) на оси Z. Shift+Tab срабатывает наоборот, переключая от верхнего к нижнему, поскольку при создании объекта он добавляется в самый верх Z-уровня. И если нет выделения, нажатие Shift+Tab выберет последний созданный объект. Опробуйте использование Tab и Shift+Tab на стопке эллипсов вверху.

Выделение объектов под объектами и перемещение выделенного

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

В такой ситуации может помочь комбинация Alt+щелчок. Для начала щелкните объект, зажимая при этом клавишу Alt. В результате будет выбран тот объект, что сверху, как и при обычном выделении. Но при повторном нажатии Alt+щелчок в этом же месте выделенным станет нижний объект, ещё нажатие — и выделение сместится на объект уровнем ниже и т.д. Таким образом, несколько нажатий Alt+щелчок на стопке объектов будут перемещать выделение от верхнего объекта к нижнему на оси Z. Добравшись до самого нижнего объекта, нажатие Alt+щелчок выберет самый верхний объект.

[Alt+щелчок может не работать в Linux, если используемый оконный менеджер зарезервировал эти события для собственных надобностей. Попробуйте либо настроить оконный менеджер так, чтобы он этого не делал, либо заставьте его использовать клавишу Meta (она же клавиша Windows), так чтобы Inkscape и другие приложения могли свободно использовать Alt.]

Это замечательно, но что вы теперь будете делать с выделенным объектом, находящимся под объектом? Вы можете менять его форму и передвигать за управляющие ручки, но при попытке перемещения самого объекта ваше выделение сбросится и выделенным станет объект, находящийся выше (таким образом работает система щелчок-и-перемещение — сначало она выбирает объект (верхний) под курсором, а потом уже даёт возможность его перемещать). Чтобы сказать Inkscape перемещал то, что выбрано сейчас, не выбирая ничего другого, используйте Alt+перемещение (мышью). Эта комбинация будет перемещать нужное выделение вне зависимости от того места, где движется курсор мыши.

Попрактикуйте Alt+щелчок и Alt+перемещение (мышью) на двух коричневых фигурах, что под зеленым прозрачным прямоугольником:

Inkscape - быстрый старт
Для примера приведу свой плакат с выставки - он целиком сделан в Inkscape.
После запуска нас ждёт главное окно программы: панель инструментов рисования слева (выделено синим цветом на скриншоте), цветовая палитра внизу (там же управление слоями - выделено жёлтым), и несколько полезных кнопок на главной панели сверху (группировка\разгруппировка объектов, свойства текста, выравнивание объектов - группа выделена зелёным цветом). Собственно, скриншот во всей красе:



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



Это легко поправить: выбираем инструмент "Редактировать узлы контуров" (стрелка с узлом, помечено на скриншоте красным цветом). После этого выбираем фигуру, которую нарисовали, и начинаем дёргать за узлы (чтобы их переместить) или "усы", которые от узлов отходят (они отвечают за изгиб кривой). С узлами можно поступать как с любыми другими объектами - удалять, добавлять или изменять. Для этого, после выбора инструмента "Редактировать узлы контуров", появится группа инструментов на верхней панели (отмечено зелёным цветом на скриншоте), которые позволят это сделать. Немного тренировки, чуток практики, и вы будете рисовать как завзятых художник.



Стрелки в Inkscape
Как-то мимо меня пробегала ссылка на пост, в котором автор рыдал в три ручья об отсутствии возможности в Inkscape ставить стрелки на линиях - очень нужная опция для рисования схем и простых чертежей. И она-таки в Inkscape есть, причём сокрыта не очень глубоко: по нарисованной линии щёлкаем правой кнопкой, выбираем пункт контекстного меню "Заливка и штрих", идём в "Стиль штриха", и там выбираем любую понравившуюся нам стрелку в пункте "Конечные маркеры" и "Начальные маркеры". Результат на скриншоте:



Об эстетике результата можно спорить, но стрелку в Inkscape поставить можно запросто. Может она не по ГОСТ ил ISO, но выглядит приемлемо и нареканий особых не вызывает.


Интересные возможности Inkscape
Немного потренировавшись рисованию в Inkscape, вы заметите, что часть инструментов (линии, текст, градиент, пипетка) вам уже знакомы из Gimp. Но так как Inkscape векторный редактор, а не растровый, в нём есть и отличия: например, инструменты для выравнивания объектов (на главной панели, вверху, на скриншоте помечено голубым цветом). Например, мне нужно было выровнять названия и прямоугольные блоки по центральной оси. Этим-то инструментом выравнивания я и воспользовался:



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


Трассировка растровой графики в векторную в Inkscape
Часто удобно хранить вставляемые в Inkscape изображения в векторном виде - но картинка-то изначально растровая! И вот нам нужен трассировщик растровой графики... Конечно, есть такие мощные средства, как
potrace и autotrace, но интерфейс работы с ними скажем сразу ни разу не интуитивный и результат их работы не всегда предсказуемый.
К счастью, в самом Inkscape есть очень и очень приличный плагин трассирования растровых изображений в векторные. Хотя работает он не быстро и имеет минимум параметров, результат трассировки очень хорош. Например, он позволяет быстро и точно трассировать сложные логотипы, которые некоторые несознательные граждане присылают в растровом виде.
Для того, чтобы им воспользоваться, импортируем в Inkscapе растровое изображение, выделяем его и идём в меню "Контуры" искать пункт "Векторизовать растр...". Перед нами появится незамысловатый диалог:



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


Временное сокрытие сложных объектов

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

В документации по этому поводу говорится:
While these are solutions, the ultimate solution is just to not
hide objects. Instead put them on a separate
Layer and hide the
Layer (see the section called "Layers").
Я не могу с ними согласиться: иногда слоёв и так много, и городить ещё один совсем не хочется. Потом, чаще всего объект перерисовывается и хочется просто оставить его на месте и вообще не трогать. Наконец, сдаётся мне, что такие вот "ultimate solution" есть дешёвая отмазка при отсутствии инструментов работы со скрытыми объектами: дескать, сие не баг но фича. Но мы-то знаем... :-)

Но тут появляется маленькая проблема: как его обратно показать!? Это (по крайней мере в версии 0.45) несколько неочевидно. Это даже стало поводом для скриншота:



Так вот, чтобы сделать объект снова видимым, сначала щёлкаем на любом видимом объекте и открываем окно "Свойства объекта". Далее нажимаем CTRL+F для поиска, отмечаем галку
"Включая скрытые", и в поле Стиль подставляем display:none

Ищем - Inkscape будет по очереди находить скрытые объекты. Когда он доберётся до искомого, отобразится его (скрытого объекта) рамка. Тут-то нам и пригодится заблаговременно открытое окно "Свойства объекта" - оттуда мы убираем галку "СКРЫТЬ" у найденного скрытого объекта. Всё, он должен снова стать видимым.

Есть ещё такой вариант: нажимать на кнопку TAB для выделения объектов и смотреть, когда появится рамка вокруг скрытого объекта. При этом в настройках Inkscape (Файл - Настроить Inkscape - Выделение) должна быть снята галка "Игнорировать скрытые объекты".

Заключение
Это, разумеется, далеко не полный перечень возможностей Inkscape (которые к тому же постоянно развиваются). Здесь я только упомянул о нескольких вещах (трассировка, выравнивание и особенно сокрытие объектов, о котором я постоянно забываю). Буду рад, если для кого-то векторные редакторы станут ещё одним полезным инструментов для работы и творческого самовыражения.

Основные возможности Inkscape:

- Обработка текста: рендеринг, вставка текста в контур, правка как однородного многострочного, так и перетекающего текста.
— Импорт: SVG, SVGZ, EMF, EPS, PostScript, PDF, AI, Dia, Sketch, PNG, TIFF, JPEG, XPM, GIF, BMP, WMF, WPG, GGR, ANI, ICO, 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.
— Множество инструментов для удобства рисования: Эллипс, Звезда, Спираль, Каллиграфическое перо, Текст, Градиент, Пипетка.
— Работа с контурами: логические операции, динамическая и связанная втяжка, упрощение контура, оконтуривание штриха, создание составных контуров, вставка нового узла в любую точку контура, быстрая смена типа узла с острого на сглаженный или симметричный, динамические контурные эффекты.
— Большое количество продуманных клавиатурных комбинаций для быстрого вызова функций.
— Информативная статусная строка с информацией о выделенных объектах и подсказывающая клавиатурные комбинации.
— Встроенный векторизатор растровых изображений.
— Расширенные возможности работы с клонами объектов, создание узора из клонов при помощи любой из 17 групп симметрии.
— Коллективное рисование через протокол XMPP (Jabber).
— Редактор XML-кода документа с деревом объектов — для доступа к временно неподдерживаемым в графическом интерфейсе параметрам документа.
— Сохранение и открытие документов в сжатом виде, с использованием алгоритма компрессии gzip.

Заключение

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

Домашнее задание: установить программу дома (если есть компьютер), рассмотреть возможности инструментов, попробовать с помощью них нарисовать небольшой рисунок.



Занятие №4 «Отражение текста»

Цели: научиться работать с текстом.

Текст практической работы смотрите в приложении 1.

Домашнее задание: закрепить знания, полученные на занятии.

Занятие №5 «Создание шара»

Цели: научиться создавать объекты.

Текст практической работы смотрите в приложении 2.

Домашнее задание: попробуйте создать куб.

Занятие №6 «Создание мозаики из клонов»

Цели: научиться клонировать объекты.

Текст практической работы смотрите в приложении 3.

Домашнее задание: попробуйте создать иллюстрацию из клонированных объектов.

Занятие №7 «Рисуем дерево»»

Цель: научиться рисовать, используя инструменты Перо, узлы и т.п.

Текст практической работы смотрите в приложении 4.

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

Занятие №8 «Детский шрифт»

Цель: научиться оформлять текст.

Текст практической работы смотрите в приложении 5.

Домашнее задание: попробуете дома поработать с текстом.

Занятие №9 «Рисуем лучшего друга - телефон»

Цель: закрепить навыки работы с различными инструментами редактора.

Текст практической работы смотрите в приложении 6.

Домашнее задание: попробуете дома изобразить свой телефон.

Занятие №10 «Почтовая марка»

Цель: закрепить навыки работы с инструментами.

Текст практической работы смотрите в приложении 7.

Домашнее задание: попробуете дома таким образом сделать почтовую марку

Занятие №11 «Снежинка»

Цели: закрепить навыки работы с инструментами

Текст практической работы смотрите в приложении 8

Домашнее задание: попробуете дома сделать снежинку с другим рисунком.

Занятие №12 «Елочные игрушки»

Цели: закрепить навыки работы с инструментами.

Текст практической работы смотрите в приложении 9.

Домашнее задание: попробуете дома нарисовать другие елочные игрушки.

Занятие №13 «Абстрактные изображения»

Цели: закрепить навыки работы с инструментами.

Текст практической работы смотрите в приложении 10.

Домашнее задание: попробуете дома создать абстрактное изображение.

Занятие №14 «Инь и Янь»

Цели: закрепить навыки работы с инструментами.

Текст практической работы смотрите в приложении 11.

Домашнее задание: попробуете дома повторить это занятие.

Занятие №15 «Имитация фотокарточки»

Цели: закрепить навыки работы с инструментами.

Текст практической работы смотрите в приложении 12.

Домашнее задание: попробуете дома сделать таким же образом свою фотокарточку.

Занятие №16 «Объем и перспектива»

Цели: закрепить навыки работы с инструментами.

Текст практической работы смотрите в приложении 13.

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



Занятие №17 итоговое «Итоговая работа»

Цели: проверить полученные знания.

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



Приложения:

  1. Отражение текста в Inkscape

  2. Создание шара в Inkscape

  3. Создание мозаики из клонов в Inkscape

  4. Рисуем дерево

  5. Детский шрифт в Inkscape

  6. Рисуем лучшего друга – телефон

  7. Почтовая марка

  8. Снежинка

  9. Ёлочные игрушки

  10. Абстрактные изображения в Inkscape

  11. Инь и Янь

  12. Имитация фотокарточки

  13. Объем и перспектива



Приложение 1

Отражение текста в Inkscape

Отражение текста в своих работах сегодня не использует только ленивый. Подобный эффект уже давно стал одной из основных «гламурных штучек в стиле Web 2.0». Как проще и эффективней всего создать подобный эффект в Inkscape, мы и рассмотрим в сегодняшнем уроке.

1

Первым делом создайте подложку (фон) для нашего будущего текста, нарисовав на холсте большой черный прямоугольник (F4). Напоминаю, что изменить цвет выделенного элемента можно при помощи полосы цветов внизу окна, либо при помощи диалога «Заливка и обводка» (Shift+Ctrl+F).

Фон для создания отраженного текста в Inkscape

2

Выберите инструмент «Текст» (клавиша «T»), кликните поверх нарисованного прямоугольника и введите произвольный текст. В нашем примере это текст «screencast». Вероятно, вы не увидите набираемого текста, поскольку он, как и подложка, будет черного цвета. После окончания набора нажмите клавишу F1 (для выделения текста) и задайте ему другой цвет.

Создание текста в Inkscape

3

При желании вы можете поменять шрифт для написанного текста, вызвав диалог «Текст и шрифт» (Shift+Ctrl+T).

http://www.openarts.ru/images/stories/inkscape-tutorials/text-effects/reflected-text-03.png

4

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

Смена шрифта и размера текста в Inkscape

5

Не снимая выделения, продублируйте текст при помощи комбинации «Ctrl+D». Затем отразите полученный дубликат по вертикали (клавиша «V»).

Дублирование и отражение текста в Inkscape

6

Переместите отраженный дубликат под нормальный текст, зажав клавишу «Ctrl» (чтобы перемещение было четко по вертикали).

7

Теперь, не снимая выделения с дубликата, выберите инструмент создания градиента (клавиша «G»), щелкните чуть выше дубликата и не отпуская ЛКМ, потяните курсор вниз. Для того, чтобы четко выдержать вертикаль, можно удерживать при этом клавишу «Ctrl».



В общем-то это все. Основная работа выполнена, наш отраженный текст готов. Теперь можно поэкспериментировать с дополнительными эффектами.

Создание постепнного затухания отражения в Inkscape при помощи градиента

8

Выделите текст и отражение при помощи инструмента выделения (F1), обведя оба объекта с зажатой левой клавишей мыши, либо щелкнув поочередно на оба объекта с зажатой клавишей «Shift». Сгруппируйте оба объекта («Ctrl+G»). Выделив полученную группу и кликнув по ней еще раз, мы можем повращать текст в какую-либо сторону.

Вращение текста в Inkscape

9

Либо же, используя соответствующую стрелочку, можно перекосить текст нужным нам образом, добившись в итоге своеобразного 3D- эффекта.

Работа с текстом в Inkscape

Приложение 2

Создание шара в Inkscape

1

Первым делом создадим подложку (фон) для нашего шарика. Нарисуйте прямоугольник при помощи соответствующего инструмента (F4). При помощи диалога «Заливка и обводка» (Shift+Ctrl+F) измените цвет этого прямоугольника на темно-синий (например, #113355ff).

Создаем в Inkscape прямоугольную подложку для шара

2

Теперь выберите инструмент для создания кругов и эллипсов (F5), и нарисуйте с его помощью правильный круг (удерживая клавишу Ctrl). Измените цвет полученного круга на ярко-красный (например, #fc0303ff).

Создаем в Inkscape круглую основу для шара

3

Не снимая выделения с нарисованного круга, создайте его дубликат (Ctrl+D). Поменяйте цвет заливки дубликата на более темный (например, #910000ff). Там же, в диалоге «Заливка и обводка», на вкладке «Заливка» в качестве метода заливки выберите «Радиальный градиент». По-умолчанию радиальный градиент будет меняться от полной заливки в центре до полной прозрачности на краю круга. При помощи кнопки «Правка» под выпадающим списком градиентов сделаем обратный вариант — полную прозрачность в центре и поную непрозрачность по краям. В итоге у вас получится что-то вроде того, что изображено на рисунке ниже.

Рисование шара в Inkscape — придаем шару объем

4

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

Создаем окружность для придания шару эффекта свечения

5

К этой окружности (маленькой белой) также примените градиент, но на этот раз линейный. Сделать это можно при помощи соответствующего инструмента. Не снимая выделения с окружности, нажмите на клавишу G, и, кликнув по верхней части окружности, не отпуская правую клавишу мыши, тяните курсор вниз. Удерживайте клавишу Ctrl для получения строго вертикального градиента.

Размываем окружность при помощи линейного градиента

6

Следующим шагом создадим тень для нашего шарика. Для этого нарисуйте эллипс (F5) под шариком и поменяйте его цвет на черный.

Создание тени шара в Inkscape

7

Теперь остается только размыть тень при помощи радиального градиента, и наш шар готов! Теперь можно его экспортировать (Ctrl+Shift+E) в PNG-формат и использовать по своему усмотрению.

Наш шар готов, и мы использовали для его рисования только Inkscape


 

 Приложение 3

Создание мозаики из клонов в Inkscape

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

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

1

Теперь создайте в левом верхнем углу холста небольшой квадрат (F4) размером 75x75 пикселей. Затем продублируйте этот квадрат (Ctrl+D) и измените цвет дубликата на светло-серый. При помощи диалога выравнивания (Shift+Ctrl+A) расположите серый квадрат справа от черного.

Создаем основу для нашего узора из клонов в Inkscape

2

Выделив оба квадрата, сгруппируйте их (Ctrl+G) и создайте дупликат группы (Ctrl+D). Отразите полученный дубликат по горизонтали (клавиша «H»). Расположите вторую группу прямо под первой (можно при помощи того же диалога выравнивания).

Продолжаем создавать основу для нашего узора из клонов в Inkscape

3

Выделив обе группы (все 4 квадрата), создайте группу из них (Ctrl+G). Основа для наших будущих узоров готова. Теперь откройте диалог создания узора из клонов, выбрав в меню «Правка -> Клонировать -> Создать узор из клонов».

Диалог создания узора из клонов в Inkscape

4

На первой же вкладке («Симметрия») задайте 5 столбцов и 5 строк и нажмите на кнопку «Создать». Узор создан, диалог можно закрыть.

Диалог создания узора из клонов в Inkscape, вкладка Симметрия

В результате у вас должен получиться узор из 5 колонок и 5 столбцов. Как использовать полученный узор — это уже дело ваше.

Симметрия

5

Переходим к следующему примеру использования узоров из клонов. Отмените предыдущую операцию (Ctrl+Z), чтобы на холсте осталась только основа для узора из 4 квадратов. Опять выберите в меню «Правка -> Клонировать -> Создать узор из клонов», только на этот раз откройте вторую вкладку в этом диалоге («Смещение»). Введите изображенные на рисунке значения в поля этой вкладки и нажмите на кнопку «Создать».

Диалог создания узора из клонов в Inkscape, вкладка Смещение

Как вы видите, в результате снова создан узор, но на этот раз каждый из элементов смещен на заданное нами значение.

Смещение

6

Рассмотрим следующий пример, предварительно вернувшись к исходному элементу для создания узора (Ctrl+Z). Снова откройте диалог создания узора из клонов. Первым делом верните к нулевым значениям смещения по осям на вкладке «Смещение». Затем перейдите на следующую (третью) вкладку под названием «Размер». Здесь мы уже будем управлять не смещением, а изменением размеров элементов получаемого узора. Установите изменение в 5% для обоих осей (как на рисунке ниже) — и для столбцов, и для строк. Нажмите на кнопку «Создать».

Диалог создания узора из клонов в Inkscape, вкладка Размер

Полученный результат говорит сам за себя.

Размер

7

Для дальнейших экспериментов опять отмените последнюю операцию (Ctrl+Z) и откройте диалог создания узоров из клонов. На этот раз первым делом верните значения к нулевым на вкладке «Размер». Откройте следующую вкладку («Поворот») и задайте значения в 15° и 30° соответственно на строку и на столбец (как на рисунке ниже), после чего нажмите на кнопку «Создать».

Диалог создания узора из клонов в Inkscape, вкладка Поворот

Посмотрите на полученный эффект.

Поворот

8

Опять отменим последнее действие (Ctrl+Z) и перейдем к следующему примеру. Откройте диалог создания узора из клонов и верните нулевые значения углов на вкладке «Поворот». Перейдите на следующую вкладку — «Размывание и непрозрачность». Задайте значения в 5% для размывания и повышения прозрачности элементов (как на рисунке).

Диалог создания узора из клонов в Inkscape, вкладка Размывание и непрозрачность

Результат опять же говорит сам за себя.

Размывание и непрозрачность

 



Приложение 4

Рисуем дерево

Шаг 1

Нарисуйте Пером узкий треугольник. Ориентация пока что не имеет значения.

Шаг 2

Переключитесь на инструмент Узлы (F2 или N) и выделите все узлы, нажав комбинацию клавиш Ctrl+A.

Шаг 3

Теперь необходимо увеличить количество узлов в 5-10 раз.

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

Шаг 4

Используйте Перо (Shift+F6 или B) для создания искривленного контура. Вы можете сделать его по двум-трем узлам.

Шаг 5

Выделите треугольник и добавьте в выделение только что созданный контур. Затем вызовите команду «Эффекты→Создание из контура→Текстура по контуру».

Укажите приведенные ниже параметры и нажмите OK.

  • Копии текстуры: «Одиночные, растягиваются»;

  • Тип деформации: «Змейка».

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

Шаг 6

Сместите получившийся объект в сторону и снова переключитесь на инструмент Узлы.

Шаг 7

Упростите контур, нажав несколько раз Ctrl+L, либо один-два раза вызвав команду «Контуры→Упростить».

Шаг 8

Повторите приведенные выше шаги несколько раз или просто создайте копии объекты и поменяйте их размер и отзеркалируйте горизонтально клавишей H («Объект→Отразить горизонтально»), а затем расположите так, чтобы получить очертания дерева:

Шаг 9

Теперь выделите все объекты (Ctrl+A) и примените операцию логической суммы контуров комбинацией Ctrl++ («Контуры→Сумма»).

Шаг 10

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

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

Теперь переместите курсор обратно к первому узлу и щелчком создайте третий узел:

По сути, вы только что создали многоугольник с двумя сторонами.

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

Повторите это со второй стороной:

Шаг 11

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

Шаг 12

Остается лишь раскрасить результат, и дело сделано.

В оригинальном рисунке использованы следующие цвета:

  • листья: заливка — 677821ff, обводка — 445016ff

  • ствол и ветви: заливка — a05a2cff, обводка — 784521ff

Результат:


















Приложение 5

Детский шрифт в Inkscape

Подарите себе или своему ребенку радость, превратив с помощью Inkscape и этого простого урока самый обычный шрифт Sans в радужный и веселый детский шрифт!

1

Для начала, используйте шрифт Sans, чтобы написать какой-нибудь простой текст в Inkscape. В нашем примере это текст Kiddy Fonts.

Используя шрифт Sans, пишем простой текст в Inkscape

2

Теперь при помощи инструмента Рисовать кривые Безье и прямые линии (Shift+F6) нарисуйте небольшую дугу как на рисунке ниже. Надеюсь, с этим сложностей не возникнет.

После этого выделите оба объекта (текст и кривую) - в Inkscape это можно сделать, обведя прямоугольным выделением оба объекта, либо кликнуть по каждому из них с зажатой клавишей Shift. Теперь разместим текст по контуру при помощи команды в меню Текст / Разместить по контуру.

Рисуем дугу в Inkscape и размещаем текст вдоль нее

3

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

Преобразуем наш текст в контур и немного упрощаем его

4

При желании можно добавить несколько простых эффектов, в Inkscape это можно сделать достаточно быстро. Например, разукрасить все буквы в разные цвета, добавить небольшое свечение и тень, небольшое фоновое изображение - и наш детский шрифт готов! Лучше всего выполнять в такой последовательности:

  1. Два раза продублировать наш контур, один из дубликатов сделать белым (это будет свечение), второй - черным.

  2. Изначальный контур разделить на отдельные контуры (одна буква - один контур), это можно сделать при помощи операции Контур / Разбить (Shift+Ctrl+A). После этого назначить каждому контуру свою цветовую заливку. В итоге наши буквы станут разноцветными.

  3. Нарисовать эллипс (F5), задать ему небольшое размывание на панели Заливка и обводка (Shift+Ctrl+F) и поместить его позади всех остальных объектов (это можно сделать при помощи клавиши Page Down).

Добавляем несколько простых эффектов в Inkscape











Приложение 6

Рисуем лучшего друга - телефон


http://rubuntu.ru/uploads/images/a/a/0/f/15/fb56952a1b.png
Постарайтесь изучить окно "
Объект — Заливка и обводка". Ведь на протяжении почти всего урока вы будете пользоваться им постоянно.

http://rubuntu.ru/uploads/images/c/f/2/5/15/e37c5df2af.png
Как видите, пока идут одни прямоугольники. На 5м рисунке одному прямоугольнику нужно скруглить углы. Делается это с помощью инструмента "
Редактировать узлы контура"

http://rubuntu.ru/uploads/images/c/9/9/2/15/ca98ed845d.png
Теперь сконцентрируемся на кнопках. Сначала добавил пару изгибов и закругилим углы с помощью все того же инструмента редактирования контура. Теперь вырежем в центре отверстие в виде круга (копию этого круга лучше оставить рядом, он нам еще пригодится). Делается это через меню "
Контур — Разность".
Не забудьте и про линейную заливку, обводку.

http://rubuntu.ru/uploads/images/a/7/2/c/15/0749ed114e.png
Теперь вращающееся колесо девайса. Копию круга, который мы использовали ранее, закрасьте в полоску как у меня (наклон заливки можно менять с помощью инструмента "
Создавать и править градиенты").
Потом сделайте дубликат этого круга (
Ctrl+D), чуток уменьшите его и залейте темным цветом. Аналогично сделайте последний круг.

http://rubuntu.ru/uploads/images/0/b/1/6/15/c8a318a698.png
Теперь мелкие детали телефона наличие которых не обязательно, но желательно.

http://rubuntu.ru/uploads/images/b/1/5/2/15/da3698abfd.png
Ну и завершающие штрихи: Скомпонуем получившееся ранее, закруглим углы внешнего контура, добавим блик. И, в принципе, все. Надеюсь вам понравилось. Покажете свой девайс?



Приложение 7

ПОЧТОВАЯ МАРКА



1. Нарисуйте белый прямоугольник как основу марки. Контур должен оставаться чёрным.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i106593a053a51b2b/1279210025/std/image.jpg

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

   http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i77eb924519f9fc5e/1279210026/std/image.png

2. Затем подправьте контур прямоугольника, используя маркеры-стрелки. После этого перетащите вашу фотографию в центр белого прямоугольника, точно отрегулировав рамку по краям.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i5e85ea4130a7a889/1279210030/std/image.jpg

3. Нарисуйте небольшой круг, который будет выполнять роль зубцов. Для того, чтобы получился ровный круг, а не эллипс, удерживайте при рисовании клавишу CTRL. Заливка круга должна быть белой, а контур - чёрным.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i09fcc232128b9fdc/1279210030/std/image.png

4. Вычислите габариты круга и прямоугольника. Для этого кликните по прямоугольнику и в верхней панели инструментов можно увидеть значения его ширины и длины. Точно так же поступите с кругом. Его ширина и длина должны совпадать.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i98d40de159c5b520/1279210031/std/image.jpg

5. Выделите круг и с помощью операции клон ПравкаКлоныСоздать узор из клонов создайте прямоугольник, заполненный копиями маленького круга. Расстояние между зубцами приблизительно равно диаметру самого круга, поэтому во вкладке Смещение выставьте в обоих случаях 100% (1), т.е. полный размер круга, а область заполнения вычислите как Ширина = Ширина прямоугольника + Диаметр круга, Высота = Высота прямоугольника + Диаметр круга.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/if61ef9c6d2590098/1279210031/std/image.jpg

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/if2a9085831b911e0/1279210031/std/image.jpg

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/iaab0c66a58cb2530/1279210031/std/image.jpg

6. Оставьте только круги по периметру, и выполните операцию отсоединения клонов ПравкаКлоныОтсоединить клон (без этой операции дальнейшие инструкции потеряют смысл). Это нужно для того, чтобы можно было проводить операции с контурами получившихся кругов. Для того, чтобы удалить центральную часть группы кругов, выделите рамкой нужные клоны и нажмите на клавишу DEL. Результат - на рисунке ниже.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i70289ea9308c4ffb/1279210031/std/image.jpg

7. Через операцию КонтурСумма объедините все круги в один объект и затем расположите их поверх марки. Добейтесь выравнивания контура прямоугольника точно по центру кругов. Если нужно - подправьте ширину и длину прямоугольника.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/ie3fc32a2f7d1568f/1279210032/std/image.jpg

Далее нужно выделить прямоугольник и объект из кругов (не затрагивая фотографию в центре), а затем применить к выделению команду КонтурРазность. Должно получиться примерно как на рисунке выше. Вот марка и готова. Осталось только добавить цену марки, сгруппировать надпись, фотографию и зубчатый контур.





Приложение 8

СНЕЖИНКА

Готовясь к празднованию Нового года, вы научитесь рисовать снежинки. Этот приём пригодится для оформления новогодней открытки. Урок построен на клонировании 1/12 части снежинки.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i385d0effd1c33595/1279210032/std/image.jpg

1. Нарисуйте эту 1/12 часть снежинки, расположив срез симметрии вертикально. Для этого вам нужен будет треугольник для основы. Этот треугольник потом нужно будет удалить. Итак, инструментом Кривая Безье нарисуйте треугольник как на рисунке ниже. Вызовите окно заливки из меню ОбъектЗаливка и обводка и выберите любой плоский цвет, например, красный. закрасьте его в любой цвет.

2. Затем инструментом Кривая Безье нарисуйте контур снежинки, замкнув его в начале.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i5ee4c5330ed79432/1279210033/std/image.jpg

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

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i6adaed43a469451f/1279210034/std/image.jpg

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/ib7b5e7cc60cc9e23/1279210034/std/image.jpg

4. Теперь нужно центр треугольника (маленький крестик, который появляется в центре объекта, когда щёлкните по нему дважды) переместить, удерживая клавишу Ctrl, к срезу, то есть к большей стороне заготовки. http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i7e737c2105f235a7/1279210034/std/image.jpg

Используйте инструмент «Прилипание к контурам» для более точного позиционирования.  Ориентируйтесь на изображение рисунка ниже.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i1d165fdbdf4c5e6a/1279210034/std/image.jpg

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i62b9755dc41988cf/1279210034/std/image.jpg

5. Теперь нужно создать 12 клонов, которые будут служить частями снежинки. Выберите в меню ПравкаКлоныСоздать узор из клонов... Появится диалоговое окно:

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i8c298a79ce7904ea/1279210034/std/image.jpg

Далее выберите в выпадающем списке закладки Симметрия опцию Поворот на 60° (примерно в конце списка). Укажите общее число клонов в строках и столбцах: 1 и 6 соответственно. Нажмите на кнопку Создать. Закройте это диалоговое окно. Получится узор:

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/iee45dd439a3c6e62/1279210035/std/image.jpg

6. НЕ ДЕЛАЙТЕ БОЛЬШЕ НИКАКИХ ОПЕРАЦИЙ. Нужно убрать оригинал из-под клонов (оригинал прячется под первым клоном). Если вы больше ничего не нажимали, то можно воспользоваться DEL, для того, чтобы его удалить. Выделите все клоны, охватив их рамкой мыши. Сделайте дубликат всех клонов. Нужно получить их ровно 12, (Ctrl+D, либо ПравкаПродублировать). Теперь дубликат клонов необходимо отразить по любой оси. Для этого выберите в меню ОбъектОтразить горизонтально.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/if6b2967b2305d7b3/1279210035/std/image.jpg

7. Снежинка почти готова. Чтобы использовать снежинку как один независимый объект, нужно выделить все 12 клонов и выбрать в меню КонтурСумма. Теперь её нужно раскрасить. Используйте радиальный градиент от светло-голубого к голубому.

http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/i658c92b85947c99b/1279210035/std/image.jpg

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



http://u.jimdo.com/www12/o/s3185a5c87f99ac3f/img/ic44a07181235bae0/1279210035/std/image.jpg

Приложение 9

Ёлочные игрушки

Скоро Новый Год и Рождество, самое время подготовиться к этим праздникам. В этом несложном уроке мы научимся рисовать ёлочные шары.

1. Рисуем круг с помощью инструмента рисования эллипсов и окружностей (F5), удерживая клавишу Ctrl. Оконтуриваем круг (Shift+Ctrl+C).
2. С помощью инструмента рисования кривых Безье (Shift+F6) рисуем верхнюю часть ёлочного шара. Накладываем её на шар и суммируем контуры (Ctrl++).
3. Наложите на получившуюся фигуру радиальный градиент как показано на рисунке ниже. Цвета выберите руководствуясь своим вкусом и фантазией.

http://scapeart.org/content/images/AR/christoys/1.jpeg

4. Нарисуем колпачок для верхней части ёлочного шара. Используя инструмент рисования прямоугольников (F4), нарисуйте прямоугольник и закруглите углы. Далее необходимо оконтурить получившийся объект (Shift+Ctrl+C).
5. Примените к фигуре линейный градиент. Выберите для градиента металлические цвета (например ad8000ff и ffffa1ff).
6. Рисуем ещё один прямоугольник, накладываем его на верхнюю часть фигуры (деталь колпачка). Зажимаем клавишу Shift, выделяем сначала деталь колпачка, потом прямоугольник.
7. Обрезаем верхнюю часть колпачка применяя контурную операцию Разность (Ctrl+-).
8. Дважды дублируем получившуюся фигуру (Ctrl+D). Расставляем дубликаты справа и слева от оригинала, немного уменьшаем ширину у дубликатов.

http://scapeart.org/content/images/AR/christoys/2.jpeg

9. Группируем фигуры в колпачок и устанавливаем его на верхнюю часть ёлочного шара. Корректируем ширину и высоту. Инструментом рисования кривых Безье рисуем небольшую петельку.

http://scapeart.org/content/images/AR/christoys/3.jpeg

10. С помощью инструмента рисования многоугольников (Shift+F9) рисуем звёзды на шаре. Все нарисованные звёзды необходимо оконтурить  (Shift+Ctrl+C).
11. Придадим ёлочному шару объём. Для этого выделите одну звезду. Выберите инструмент корректировки объектов (http://scapeart.org/content/images/AR/christoys/korrekt.png Shift+F2). Выберите функцию Выталкивать части контуров  http://scapeart.org/content/images/AR/christoys/transf.png.

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

http://scapeart.org/content/images/AR/christoys/4.jpeg

12. Выделяем все звёзды и объединяем их в один объект (Ctrl++). Применим к полученному объекту радиальный градиент (центральный цвет белый, внешний - прозрачность).

 http://scapeart.org/content/images/AR/christoys/5.jpeg

13. Добавим несколько ленточек. Рисуем фигуру как на рисунке ниже (инструмент рисования кривых Безье).

http://scapeart.org/content/images/AR/christoys/6.png

14. Переходим в меню Правка > Клоны > Создать узор из клонов. В открывшемся окне выбираем тип симметрии Отражение. Количество строк 1, столбцов 10 (от количества столбцов зависит длина ленты). Переходим во вкладку Смещение. Устанавливаем Смещение по Х на столбец равное -10% (минус десять). Нажимаем на кнопку Создать.

http://scapeart.org/content/images/AR/christoys/7.png

15. Выделяем получившуюся ленту. Переходим в меню Правка > Клоны > Отсоединить клон. Это операция превратит все клоны в самостоятельные контуры. Суммируем все полученные контуры (Ctrl++). Вот и получилась лента, примените к ней линейны градиент. Цвета выберите по вкусу.

http://scapeart.org/content/images/AR/christoys/8.png

16. Создайте ещё несколько лент. Поверните их. Инструментом корректировки http://scapeart.org/content/images/AR/christoys/korrekt.png  придайте лентам изгиб. Создайте композицию из ёлочного шара и лент.

http://scapeart.org/content/images/AR/christoys/9.png

Приложение 10

Абстрактные изображения в Inkscape

В этом уроке рассказывается о создании параллельных основному контуру градиентных объектов при помощи команды «Объект -> Объекты в маркер» (доступна начиная с версии 0.46). При помощи этой нехитрой техники можно легко создавать абстрактные изображения. Вот пара примеров:

Шаг 1

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

Опорные точки градиента могут быть полупрозрачными, сам градиент может быть несимметричен оси объекта, да и сам объект вовсе не обязан быть прямоугольником. Больше того, в качестве маркера вы можете использовать клон, чтобы иметь возможность затем изменить форму маркера.

Шаг 2

Выберите объект и превратите его в маркер командой «Объект -> Объекты в маркер».

Шаг 3

Нарисуйте контур и, при желании, продублируйте его.

Выделите контур и примените к нему эффект «Добавить узлы» («Эффекты -> Изменение контура -> Добавить узлы»).

Шаг 4

Откройте диалог «Заливка и обводка», переключитесь на вкладку «Стиль обводки» и выберите созданный маркер в качестве стиля начала, середины и конца контура (возможно, придется немного пощелкать по раскрывающемуся списку, пока маркер не появится в нем).

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

Приведем пример. Вот исходные объекты:

И вот что из них получилось:


И еще пара примеров:





Приложение 12

Инь и Янь

http://scapeart.org/content/images/AR/inyan/inyan.png

 Знак, изображённый на рисунке выше, есть "инь и янь". Он выражает светлое и тёмное, твёрдое и мягкое, мужское и женское начала в природе. В этом уроке научимся его рисовать.

1. Запустите Inkscape и создайте новый документ размером 300х300. Подготовим сетку, она нам поможет без труда нарисовать симметричные круги. Для этого переходим в меню Файл > Свойства документа (Shift+Ctrl+D). Откроется диалог Свойства документа. Перейдите в третью вкладку Сетки. Создайте новую прямоугольную сетку со следующими параметрами:

  • Интервал по Х: 15

  • Интервал по Y: 15

  • Основная линия сетки каждые: 5

http://scapeart.org/content/images/AR/inyan/inyan1.png

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

 http://scapeart.org/content/images/AR/inyan/inyan2.png

3. Инструментом рисования кругов (F5) нарисуйте три круга, как на скриншоте ниже (цвета выберите на вкус, без обводки). С применением сетки это будет сделать достаточно просто. Круги B и С расположите на один уровень выше круга A (PgUP - поднять, PgDn - опустить). Все круги (A, B и C) необходимо оконтурить (Shift+Ctrl+C).

 http://scapeart.org/content/images/AR/inyan/inyan3.png

4. Выделите круги A и B (зажав клавишу Shift щёлкните по каждому кругу). Далее в меню применяем логическую операцию Контур > Разность (Ctrl+-).

 http://scapeart.org/content/images/AR/inyan/inyan4.png

5. Выделите круг C и фигуру, которую мы получили на шаге 4 (круг A с вырезанным из него кругом B). Далее в меню применяем логическую операцию Контур > Разделить (Ctrl+/). В итоге получаем три фигуры: D, E и F.

 http://scapeart.org/content/images/AR/inyan/inyan5.png

6. Фигуры D, E и F являются тремя разными контурами. Выделите фигуру D и удалите её.

 http://scapeart.org/content/images/AR/inyan/inyan6.png

7. Выделите фигуры E и F и объедените их Контур > Сумма (Ctrl++). Откройте диалог Заливка и Обводка (Shift+Ctrl+F). Залейте полученную фигуру (которая по сути является половинкой нашего знака) чёрным цветом. Обводку уберите (если есть).

 http://scapeart.org/content/images/AR/inyan/inyan7.png

8. Нарисуйте круг-основу нашего знака. Он должен быть на нижнем уровне. Цвет заливки - белый, обводки - чёрный.

 http://scapeart.org/content/images/AR/inyan/inyan8.png

9. Дополните знак двумя небольшими кругами.

 http://scapeart.org/content/images/AR/inyan/inyan9.png

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

 http://scapeart.org/content/images/AR/inyan/inyan10.png

11. Выберите инструмент редактирования узлов (F2). Выделите круг, который создавали на шаге 10. Захватите нижний узел X и переместите его в центр Y (точки указаны на скриншоте шага 10).

http://scapeart.org/content/images/AR/inyan/inyan11.png

http://scapeart.org/content/images/AR/inyan/inyan.png

 Приложение 13

Имитация фотокарточки

glossy-photo-1.jpg

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

glossy-photo-2.jpg

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

glossy-photo-3.jpg

Продублируйте этот прямоугольник (Ctrl+D), затем залейте его линейным градиентом из чистого чёрного в левом верхнем углу в прозрачный чёрный, исчезающий на четверти пути к противоположному углу. Установите общую непрозрачность прямоугольника примерно в 50%.

glossy-photo-4.jpg

Продублируйте прямоугольник с чёрным градиентом (снова Ctrl+D) и поверните его на 180 градусов, так чтобы видимая часть градиента оказалась в левом нижнем углу. Переключитесь на инструмент рисования градиентов, продублируйте градиент и измените копию так, чтобы переход был из чистого белого в прозрачный белый.

glossy-photo-5.jpg

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

Поскольку в Inkscape 0.44 фильтры SVG не реализованы, тень придётся сымитировать подручными средствами (поэтому рекомендуется дополнительно сходить на страницу урока в базе знаний, где текст всегда отражает возможности последней выпущенной версии программы — прим.пер.). Сделать это достаточно просто: нарисуйте прямоугольник размером чуть меньше базового и залейте его плоским чёрным цветом. Затем слегка закруглите получившийся прямоугольник, продублируйте его и слегка увеличьте в размере. Сделайте новый, больший по размеру прямоугольник почти полностью прозрачным, выберите эти прямоугольники, оконтурите их и примените к ним «Эффекты>Использование контура>Интерполяция».

glossy-photo-6.jpg

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

glossy-photo-7.jpg

В итоге получаем желаемое:

 

приложение 14

Объем и перспектива

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

1

Для начала используйте инструмент для рисования кривых Безье (Shift+F6), чтобы нарисовать большой плоский треугольник. При желании до создания треугольника можете разместить на холсте направляющие, как показано на рисунке (сделать это можно, просто потянув за горизонтальную или вертикальную линейки, находящиеся между панелями инструментов и рабочей областью в Inkscape). Убедитесь, что бОльшая сторона треугольника горизонтальна. Эта линия будет нашим горизонтом, в котором будут пересекаться в перспективе наши параллельные линии (которые, как известно, не пересекаются :) ). Проведите внутри треугольника еще две линии, как показано на рисунке ниже. Отрезки этих линий, как и отрезки сторон треугольника, станут сторонами нижнего основания (дна) нашей коробки.

2

Выделите все линии и объедините их в группу (Ctrl+G). Создайте дубликат этой группы нажатием комбинации Ctrl+D. Не снимая выделения с дубликата, масштабируйте полученную группу по вертикали вверх, как показано на рисунке ниже. Эта группа послужит основой для создания верхнего основания (крышки) нашей коробки.





3

Теперь у нас обозначены все 8 углов нашей коробки. Используя тот же инструмент Inkscape для рисования кривых Безье (Shift+F6), соедините между собой сначала точки 1-2-3-4, затем 1-4-6-7, затем 3-4-6-5, как показано на рисунке ниже. Таким образом, мы создали три видимые стороны нашей коробки.

4

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

5

Выделите все три стороны и выполните операцию Контур / Объединить (Ctrl+K). После этого выделите получившуюся фигуру и выберите инструмент для редактирования узлов контуров (F2). После этого откройте диалог выравнивания объектов (Shift-Ctrl-A). Используйте первые две кнопки в самой нижней части этого диалога (Узлы) для того, чтобы соединить узлы в точках 1, 3, 4 и 6 вместе.

6

Напоследок разъедините три стороны коробки на отдельные части при помощи пункта меню Inkscape Контур / Разбить (Shift+Ctrl+A) и создайте на каждой грани иллюзию игры тени и света для большей реалистичности. Это легко сделать, задав каждой грани линейный градиент на вкладке Заливка диалога Inkscape Заливка и обводка (Shift+Ctrl+F), после чего поиграться с регуляторами градиента, выбрав соответствующий инструмент (Ctrl+F1).



Название документа сопроводительное письмо.docx

Мазеева Татьяна Александровна 
учитель математики и информатики

первая квалификациионная категория, 
МОУ «Средняя общеобразовательная школа №3», 
Волгоградская область, город Николаевск

tanya-dima@yandex.ru



Рабочая программа курса по выбору «Мастерская компьютерной графики. Работа в векторном графическом редакторе Inkscape» 9 класс
  • Информатика
Описание:

Пояснительная записка

Толчком к разработке курса  «Мастерская компьютерной графики. Inkscape» послужило внедрение операционной системы Linux в наши школы. У многих осталась операционная система Windows, но не все могут позволить себе платные программы типа Corel Draw.
Элективный курс для учащихся 9-х классов. Ребята уже имеют начальные представления о работе с векторным графическим редактором Inkscape из курса информатики 7 класса, но этого недостаточно. Актуальность работы несомненна в свете новых требований к содержанию образования по освоению  учащимися информационных технологий. Курс рассчитан на 17 часов.
На конкретных примерах мы рассмотрим возможности инструментов Inkscape. По каждому занятию имеется домашнее задание, которое предусматривает работу за компьютером. Итоговое занятие состоит из двух частей: первая часть — подготовка дома, и вторая — работа в классе.

Цели :

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

Задачи :

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

В результате освоения теории учащиеся должны знать:

  • виды компьютерной графики
  • достоинства и недостатки графического редактора Inkscape

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

  • работать со всеми инструментами программы
  • рисовать в векторном графическом редакторе
  • выполнять различные эффекты с уже имеющимися картинками
  • владеть техниками, текстом, уметь клонировать объекты
  • научиться  работать с текстурами и шаблонами

Содержание курса.

В курсе «Мастерская компьютерной графики. Работа в векторном графическом редакторе Inkscape» рассматриваются:

  • Основные вопросы создания, редактирования изображений
  • Особенности работы с изображениями в векторном графическом редакторе Inkscape

Примерное тематическое планирование


№п\п

Тема занятия

Количество часов

1

Виды компьютерной графики

1

2-3

Знакомство с интерфейсом программы Inkscape

2

4

Отражение текста

1

5

Создание шара

1

6

Создание мозаики из клонов

1

7

Рисуем дерево

1

8

Детский шрифт

1

9

Рисуем лучшего друга - телефон

1

10

Почтовая марка

1

11

Снежинка

1

12

Елочные игрушки

1

13

Абстрактные изображения

1

14

Инь и Янь

1

15

Имитация фотокарточки

1

16

Объем и перспектива

1

17

Итоговая работа

1

 

Итого:

17

Список использованных интернет — ресурсов:

  • http://www.openarts.ru/inkscape-tutorials - Уроки работы в Inkscape
  • http://gm6301.jimdo.com/- inkscape/  -  уроки  inkscape
  • http://heap.altlinux.org/alt-docs/modules/inkscape_tutorial/index.html - Уроки по Inkscape
  • http://www.gorod1277.org/?q=content/inscape - Бесплатный и легальный редактор Инкскейп (Inkscape) для графики. Боремся с Фотошопом и Иллюстратором... 
  • http://linuxgraphics.ru/articles.php?cat_id=3 — графика в Linux - Статьи: Векторная графика
  • http://web20.su/blog/programmy/inkscape/ - Inkscape – редактор векторной графики
  • http://opensource.aaanet.ru/2007/04/07/inkscap -  Векторный графический редактор Inkscape
  • http://mydebianblog.blogspot.com/2010/06/linux-inkscape.html- Векторная графика в Linux на примере редактора Inkscape
  • http://nnm.ru/blogs/garik_14/inkscape-0_47_0_3-otkrytyy_redaktor_vektornoy_grafiki -  Inkscape-0.47.0.3-открытый редактор векторной графики
  • http://inkscape.org/doc/basic/tutorial-basic.ru.html — Inkscape : основы
  • http://inkscapebook.ru/first-02/ - Inkscape - открытый редактор векторной графики
  • http://www.inkscapebook.ru/first/ - Первые шаги, руководство для начинающих
  • http://sgu.ubuntu.ru/book/ch07s04.html - Рисование с помощью Inkscape

 

Занятие №1 «Виды компьютерной графики»

Цели: вспомнить теорию, которую проходили в 7 классе, которую лучше представить в виде презентации (курсивом выделены комментарии к слайдам).

  • Слайд: компьютерная графика — специальная область информатики, изучающая методы, средства создания и обработки изображений с помощью программно аппаратных вычислительных комплексов.
  • Слайд: по способу формирования изображений компьютерную графику подразделяют на векторную, растровую, фрактальную и трехмерную (3D).
  • Слайд: векторная графика. Объектами векторной графики являются прямые, окружности, прямоугольники и т. п., т. е. Реальные геометрические фигуры. С помощью таких фигур можно создавать цельные изображения, при редактировании вы так же будете применять те или иные действия к прямым, окружностям и т. п.
  • Слайд: векторная графика. Векторные графические изображения не зависят от разрешения, описываются набором параметрических уравнений прямых, дуг окружностей и кривых Безъе. Во всех векторных форматах объекты могут варьировать толщину и цвет контура, а замкнутые объекты еще и цвет заливки. Объекты могут накладываться, частично или  полностью, заслоняя друг друга.
  • Слайд: растровая графика. Растровая графика устроена несколько сложнее, с такой графикой связано множество терминов. Растр — это решетка, сетка. Сетка может быть частой, редкой, какой угодно. Ячейка сетки называется пикселями. Это своего рода кирпичики, из которых строится изображение. Любое конкретное растровое изображение содержит фиксированное количество пикселей. Каждый пиксель имеет определенное положение и цвет. Представление точечного изображения в памяти компьютера — это набор сведений о цвете всех пикселей, упорядоченных тем или иным способом. Пиксель имеет  определенное положение и цвет.
  • Слайд: наиболее ярким аналогом растрового изображения в реальном мире является мозаика. Точно так же как точечное изображение, оно состоит из отдельных кусочков цветного стекла, камушек и т. п. При соблюдении определенный условий, а главные из них — небольшие размеры каждого кусочка стекла или камушка и достаточно большое удаление зрителя от поверхности изображения — отдельные кусочки, составляющие мозаичное изображение, не видны — глаз зрителя воспринимает изображение как единое целое.
  • Слайд: фрактальная графика как и векторная основана на математических вычислениях. Однако базовым элементом фрактальной графики является сама математическая формула. т. е. Никаких объектов в памяти компьютера не храниться, и изображение строится исключительно по уравнениям. Таким способом строят как простейшие регулярные структуры, так и сложные иллюстрации, имитирующие природные ландшафты и трехмерные объекты. В математике существует понятие фрактала — геометрического образования, представляющего собой систему само подобных фигур, расположенных относительно друг друга закономерным образом. Как форма и размер отдельных элементов, так и их взаимное расположение может быть описано математической формулой. Многие природные объекты так же само подобны и состоят из повторяющихся элементов разных размеров. Примером может служить соцветие «сложный зонтик» - «зонтик», состоящий, в свою очередь, из маленьких зонтиков.
  • Слайд: трехмерная (3D) графика изучает приемы и методы построения объемных моделей объектов в виртуальном трехмерном пространстве.

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

Автор Мазеева Татьяна Александровна
Дата добавления 01.07.2011
Раздел Информатика
Подраздел
Просмотров 10515
Номер материала 47
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓