1070954
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 1.410 руб.;
- курсы повышения квалификации от 430 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 90%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до конца апреля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

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

Создание и редактирование контуров в графическом редакторе 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.Домашнее задание

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



Общая информация

Номер материала: ДБ-094529

Вам будут интересны эти курсы:

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс «1С: Предприятие 7.7»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

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

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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