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

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

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

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаКонспектыОбщие приемы работы с растровыми изображениями. Цвета. Инструменты рисования

Общие приемы работы с растровыми изображениями. Цвета. Инструменты рисования

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

ТЕМА: Общие приемы работы с растровыми изображениями. Цвета. Инструменты рисования.

Цели урока:

  1. Образовательные:

    • Формировать знания у учащихся о технологии обработки растровой графики при помощи графического редактора GIMP;

    • Ознакомить с интерфейсом программы, параметрами, инструментами рисования, приемами работы с растровыми изображениями.

  2. Развивающая :

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

  1. Воспитательная:

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

Оборудование: компьютерный класс, проектор, экран

Программное обеспечение: растровый графический редактор GIMP

Тип урока: комбинированный урок

Ход урока:

I. Организационный момент

Учитель приветствует класс, сообщает тему урока, ставит перед учениками цели урока.

II. Актуализация опорных знаний. Тест

Ответим на следующие вопросы, вспомнив материалы прошлых уроков:

- Назовите основные виды компьютерной графики?

- В чем основное отличие растровой графики от векторной?

III. Теоретическая часть урока

hello_html_m203486d9.png

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

2.Цвета фона/переднего плана: область выбора цвета показывает текущие выбранные вами цвета переднего плана и фона, применяемые во многих операциях. Щелчок по одному из них вызовет диалог выбора цвета. Щелчок по двунаправленной стрелке поменяет местами цвета переднего плана и фона, а щелчок по небольшому символу в нижнем левом углу восстановит исходные значения цветов переднего плана и фона: черный и белый соответственно.

3.Киcть/Текстура/Градиент Расположенные здесь значки показывают текущие выбранные элементы GIMP, такие как: кисть, используемую всеми рисующими инструментами («рисование», кстати, включает в себя такие операции, как стирание и размазывание); текстуру, используемую для заливки выделенных областей изображения, и градиент, который применяется, когда необходимо создать плавный цветовой переход. Щелчок по любому из этих значков вызовет диалоговое, окно позволяющее изменить соответствующий элемент.

4.Активное изображение: в GIMP вы можете работать с многими изображениями одновременно, но в любой момент только одно из них является активным изображением. Этот элемент интерфейса представляет собой эскиз (уменьшенную копию) активного изображения. Щелчок по нему вызовет диалог со списком всех открытых на данный момент изображений, позволяя вам при желании изменить активное изображение. (А можно просто щёлкнуть мышкой по окну другого изображения).

hello_html_4e2d6809.png


Титульная строка: Вверху окна изображения обычно показаны название изображения и некоторая основная информация о нём.

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

Кнопка меню: Щелчок по этой небольшой кнопке вызывает меню изображения, расположенное в столбец вместо строки.

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

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

Координаты указателя: отображение текущих координат указателя.

Меню единиц: По умолчанию, единицы измерения, используемые для линеек и других целей - точки. Их можно изменить на дюймы, сантиметры и другие единицы при помощи этого меню.

Кнопка масштаба: Существует несколько способов изменить масштаб изображения, но это меню - самое простое.

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

IV. Практическая часть урока

Задание 1

Задание: Из изображения сделать изображение с прозрачным фоном.

 плавающее выделение

Результат

hello_html_62c6c6dc.jpg

hello_html_m3b432825.jpghello_html_6ce1c421.jpg
Плавающее выделение - это временный слой, он появляется всегда, когда вы вставляете из буфера обмена картинку или фрагмент изображения.

hello_html_m10e105ca.jpg

Алгоритм

  1. Открыть изображение: меню Файл/Открыть, выбираем файл (скачать).

  2. Выделение объекта: инструмент «Умные ножницы». Чтобы увеличить изображение используйте Лупу или зажмите клавишу Ctrl и с помощью колесика мыши отрегулируйте необходимый масштаб.

  3. Для улучшения результата выделения надо смягчить края у выделения: меню Выделение/Растушевать. Значение устанавливаем на 5 пикселей.

  4. Создание нового слоя содержащего только выделенный объект.

  5. Копируем выделенный объект меню Правка/Копировать.

  6. Вставляем скопированный объект Правка/Вставить. В окне Слои появился слой под названием Плавающее выделение.

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

  8. Таким образом, мы получили выделенный объект на прозрачном фоне.

  9. Удаляем нижний слой - Фон

  10. Сохранить рисунок как Кролик.gif.

Задание 2

Задание: Дано изображение в формате JPG с объектом на переднем плане, необходимо выделить данный объект, изменить основной фон, изменить размеры изображения и сохранить готовый вариант в форматеPNG.

Результат

hello_html_608a5839.jpg

hello_html_mb4c1ef.jpg

Установки
hello_html_25ba3e36.jpghello_html_m65fd5163.jpg
Слои

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

hello_html_128e13f8.jpg

Алгоритм.

  1. Открыть изображение: меню Файл/Открыть, выбираем картинку для обработки (скачать).

  2. Выделить объект: инструмент «Умные ножницы»
    Чтобы увеличить изображение используйте Лупу или зажмите клавишу Ctrl и с помощью колесика мыши отрегулируйте необходимый масштаб.
    Для улучшения результата выделения надо смягчить края у выделения:
     меню Выделение/Растушевать.Значение устанавливаем на 5 пикселей.

  3. Создать новый слой, содержащий только выделенный объект:
    Копируем выделенный объект меню
     Правка/Копировать.
    Вставляем скопированный объект
     Правка/Вставить. В окне Слои появился слой под названиемПлавающее выделение.

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

  5. Создадим прозрачный слой через меню Слой/Создать слой.

  6. Устанавливаем его между фоновым слоем и вставленным только что объектом нажав напиктограмму Опустить активный слой вниз. hello_html_m5ed08906.jpg Данный слой служит новым фоном для слоя с цветком.

  7. Зальем данный слой градиентной заливкой.

  8. Инструмент Градиент со следующими параметрами: цвет переднего плана зеленый, цвет фона голубой, форма градиента линейная. Направление - от нижнего края до верхнего.

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

  10. Уменьшение изображения:Изображение/Размер изображения c параметрами 600x800 пикселей.

  11. Сохранение готового изображения через меню Файл/ Сохранить как…

  12. Изменяем расширение изображения с JPEG на PNG в поле Имя, нажимаем кнопку Сохранить.

  13. В первом открывшемся окне нажимаем Экспорт, во втором окне Сохранить.

Задание 3

Задание: Дано изображение в формате JPG с объектом на переднем плане, необходимо выделить данный объект и вставить его в другое изображение, сохранить готовый вариант в том же формате.

Алгоритм.
  1. Открыть изображение: меню Файл/Открыть, выбираем файл (скачать).

  2. Выделение объекта: инструмент «Умные ножницы».
    Чтобы увеличить изображение используйте Лупу или зажмите клавишу Ctrl и с помощью колесика мыши отрегулируйте необходимый масштаб.
    Для улучшения результата выделения надо смягчить края у выделения:
     меню Выделение/Растушевать. Значение устанавливаем на 5 пикселей.

  3. Создание нового слоя содержащего только выделенный объект.
    Копируем выделенный объект меню
     Правка/Копировать.
    Вставляем скопированный цветок
     Правка/Вставить. В окне Слои появился слой под названиемПлавающее выделение.
    Щелкаем правой кнопкой мыши по плавающему слою и из выпавшего контекстового меню выбираем команду —
     Создать слой.Визуально нечего не произошло, а на самом деле объект теперь содержится в новом верхнем слое.
    Таким образом, мы отделили объект на переднем плане от фона.

  4. Открываем файл (скачать), который будет служить фоном для выделенного объекта.

  5. Копируем в буфер это изображение-фон: Правка/Копировать.

  6.  Переходим в окно с изображением объекта и вставляем изображение-фон: Правка/Вставить как слой

  7. Сохранение готового изображения Файл/ Сохранить как…

  8. Сохраняем файл с расширением JPEG  с именем Бабочка1, нажимаем кнопку Сохранить.

  9. В первом открывшемся окне нажимаем Экспорт, во втором окне Сохранить.

Вопросы для закрепления:

  1. Как формируется растровое изображение?

  2. Что влияет на качество изображения?

  3. Почему искажается файл при увеличении или уменьшении?

  4. Что понимают под параметрами растровой графики?

  5. Назовите стандартные окна программы GIMP.

V. Итоги урока. Выставление оценок

VI. Рефлексия

VII. Задание на дом: п.28, уровень С

Использованная литература:

Информационные ресурсы Интернета:

1) http://www.textreferat.com/referat-2047-6.html

2) http://progi-soft.ucoz.ru/load/2

3) http://jester-soft.ws/soft/108873-the-gimp-267.html

4) http://www.1zoom.ru/18/top14/133/&width=1280&height=1024

5) http://it-lyceum87.ru/index.php/zanyatie-3/65

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

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

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

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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