Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Конспекты / Создание и редактирование контуров в графическом редакторе Inkscape
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

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

библиотека
материалов

Предмет: ОИВТ

Дата:

Класс: 7 а, б, в, г, д, е

ТЕМА: Создание и редактирование контуров в графическом редакторе Inkscape.

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

Задачи: -Развивать познавательный интерес, речь и внимание школьников;

-Воспитывать креативность, аккуратность, внимательность; стремление сознательного усвоения учебного материала;

Учащиеся должны знать:определение контура; этапы создания контура с помощью инструментов Карандаш, Перо, приемы редактирования контуров с помощью инструмента Редактировать узлы контура. Возможности инструмента Распылитель и Ластик.

Учащиеся должны уметь: Создавать контуры с использованием инструментов Карандаш и Перо; изменять. Удалять и редактировать контуры; преобразовывать фигуры в контуры; использовать при создании рисунков инструменты Ластик, Распылитель.

Ход урока

1.Организационный момент Приветствие.

2.Постановка целей урока. Повторение . Проверка ЗУН учащихся . Вопросы

Какие существуют способы выделения нескольких объектов? Составьте алгоритм выделения объектов? (1-й способ с помощью инструмента Выделения и манипулятора; 2-й способ с помощью инструмента Выделения и клавиши Shift)

Какие существуют способы поворота фигур? Составьте алгоритм поворота объектов. (1-й способ с помощью манипулятора Мышь и инструмента Выделения, дважды щелкнуть по объекту и за угловые маркеры повернуть мышью; 2-й способ с использованием команд горизонтального меню Объекты – Повернуть на угол 90° против часовой стрелки, Отразить вертикально или горизонтально).

3.Актуализация знаний учащихся

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

Объяснение нового материала.

4.Изучение новой темы: проводится по материалу учебника с использованием проектора и презентации, учитель рассказывает об инструментах Карандаш, Перо, используемых для создания кривых.

Для создания и редактирования контуров используется инструменты Карандаш, Кривая, Перо, Каллиграфическое Перо, Узлы контура;

Контур - это последовательность кривых линий, которые имеют параметры заливки и обводки;

ЛПрямая со стрелкой 1юбую фигуру можно преобразовать в контур, для этого выделите фигуру, выбрав команду главного меню Контур Оконтурить объект

Создание и редактирование контуров

Кривые рисуются с помощью инструмента «Рисовать производные контуры» или «кривая Безье» важными элементами кривых является узлы, рычаги и сегменты. Узел имеет вид квадрата. Сегмент – это участок кривой заключенный между двумя узлами. Рычаг – вектор, выходящий из узла и меняющий кривизну сегмента в данной точке. Углы становятся видимыми если выбрать инструмент Редактировать узлы контура и щелкнуть мышкой на кривой.

При редактировании кривой мы имеем дело с тремя видами узлов:

Острый узел

Сглаженный узел

Симметричный узел


В остром узле изменение формы одной траектории не влияет на другую.

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

В симметричных узлах – меняются зеркально.

Любую фигуру можно преобразовать в контур (Контур → Оконтурить объект)

После выбора инструмента Редактирования узлов , на панели свойств появятся инструменты для работы с кривыми: Контур Оконтурить объект

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

hello_html_79b58928.png 

На рисунке 1 вверху показан текстовой объект как он виден с применением инструмента редактирования контуров hello_html_6de7b660.png (F2). Внизу показан тот же объект после Оконтуривания и незначительного редактирования.

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

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

Контур Оконтурить обводку

Любой контур, имеющий ненулевую обводку может быть преобразован в объект, имеющий два контура и заливку между ними.

hello_html_693052c5.png 

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

hello_html_m6e5bffde.png 
При этом то, что было обводкой исходного (левого) контура, становится заливкой нового объекта. А обводку новому объекту нужно назначить произвольно, так поначалу обводки у него нет.

Смущает некоторая избыточность количества создающихся узлов, особенно в точках, указанных стрелками на рисунке 2.

hello_html_m72ab38d2.png 

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

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

hello_html_m46fde6db.png 

На рисунке 5 показаны этапы этого процесса (сверху вниз):

Создаем контур с обводкой нужной толщины.

Оконтуриваем его. Удаляем заливку и добавляем обводку.

Выделяем 4 концевых узла и применяем команду Удалить сегмент между двумя узлами (на панели настроек инструмента Выделитель (F1).

Готовые параллельные кривые.

Помогает команда также рисовать различные многоугольники с равномерно скругленными углами

hello_html_m33153564.png 

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

Контур Сумма / Разность / Пересечение / Исключающее ИЛИ / Разделить / Разрезать

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

hello_html_38567982.png 

На рисунке 7 показано действие каждой из этих команд, примененных к объектам внизу рисунка. Заметим, что исходные объекты даже не являются контурами (они созданы инструментами Прямоугольникк и Эллипс), а на "выходе" команды уже полноценные контуры с узлами и всем прочим.

Контур Объединить / Разбить

Следующая секция включает команды Объединить и Разбить

hello_html_35fb37eb.png 

На рисунке 8 слева (1) — уже знакомые нам фигуры (не контуры), а справа вверху (2) — результат команды Объединить контуры. Как видно при помощи инструмента hello_html_6de7b660.pngF2, эти объекты были преобразованы в контуры, а полученные контуры объединены в один сложный контур из 8 узлов (о чем нас информирует сообщение в Строке состояния на нижней раме окна Inkscape).

Справа внизу (3) — результат применения команды Разбить контуры к объекту 2. Теперь это два контура по 4 узла каждый.Контур Втянуть / Вытянуть

Две данные команды позволяют уменьшить / увеличить контур, путем перемещения каждой его точки на некоторое расстояние вовнутрь или вовне контура. Поскольку по умолчанию это расстояние равно двум пикселям, то эффекта можно просто не заметить. Чтобы увеличить его, пройдем в меню Файл Настроить Inkscape Шаги Втяжка или растяжка на: и заменим 2 пикселя на 20.

hello_html_m380ee221.png 

На рисунке 9 красная звезда была сначала уменьшена (Втянуть). Полученный контур сделан синим. Затем красная звезда была увеличена (Вытянуть) — зеленый контур.

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

Обратите также внимание на скругление внутренних углов на синем контуре и наружных углов на зеленом контуре. Это неизбежное следствие переноса каждой точки (не узла!) контура на 20 пикселей перпендикулярно касательной к контуру в данной точке.

hello_html_m5933bf2a.png 

Как показано на рисунке 10, для криволинейных контуров такого эффекта не возникает.

Контур Динамическая втяжка

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

hello_html_720be7d4.png 

Для этого служат специальные рычаги в виде небольших ромбиков, показанные на рисунке 11 стрелками. После применения команды Динамическая втяжка, объект преобразуется в контур, на контуре появляется рычаг, автоматически включается инструмент hello_html_6de7b660.pngF2, которым и производятся изменения контура.Контур Связанная втяжка

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

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

hello_html_ma980bd6.png 

На рисунке 12 слева исходным является красный прямоугольник. Синий прямоугольник внутри него — связанный с ним контур, уменьшенный вручную.

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

Контур Упростить

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

hello_html_maacb874.png 

На рисунке 13, первый контур был нарисован инструментом Карандаш, который всегда дает избыточное количество узлов. Контур 1 имеет 208 узлов (число узлов указывается в сообщении в Строке состояния), как говорится, за узлами контура не видать. Контур 2 получен однократным применением команды Упростить, в нем 31 узел. После десятка применений команды, был достигнут минимум в 10 узлов, и дальше упрощение не шло (контур 3).

hello_html_m6f9fede0.png 

На рисунке 14 видно, что избыточное упрощение может существенно ухудшить качество изображения. Сразу после первого применения команды Упростить зеленая буква не изменилась и имела 31 узел. После второго применения узлов стало 29 и качество не пострадало. Но когда количество узлов дошло да 26, то синяя буква уже выглядит плохо. А, казалось бы, всего три узла разницы.Контур Развернуть

Данная команда меняет направление контура. Направление можно увидеть при помощи маркеров, которые подключаются в окне Заливка и Обводка.

hello_html_73db5ef1.png 

5.Закрепление нового материала.

Ученики выполняют задания по уровням стр.в учебнике

6.Подведение итогов

Высталение оценок за практическую работу

7.Рефлексия.

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

1) Что у тебя получилось?

Какие затруднения вызвала данная тема?

Актуальна ли она?

Чем интересен был урок для тебя?

Чтобы ты хотел пожелать самому себе?

2. Выполнить релаксацию для снятия напряжения с мышц тела и глаз, сидя или стоя, под комментарии учителя.

8.Домашнее задание

Прочитать § ответить на контрольные вопросы устно.




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


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 22.05.2016
Раздел Информатика
Подраздел Конспекты
Просмотров750
Номер материала ДБ-094529
Получить свидетельство о публикации
Похожие материалы

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