Методическая разработка урока по информатике Тема: «Компьютерная графика и её виды. Форматы мультимедийных файлов. Графические редакторы.»

Комитет образования и  науки Волгоградской области

государственное бюджетное профессиональное образовательное учреждение

"Суровикинский агропромышленный техникум"

Методическая разработка урока по информатике

Тема:

«Компьютерная графика и её виды. Форматы мультимедийных файлов. Графические редакторы.»

                                                                             Разработку подготовила

                                                                                     преподаватель информатики

                                                             Иващенко С.В.

2026г.

Введение

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

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

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

Актуальность выбранной темы определяется несколькими факторами:

·         Широким распространением цифровых технологий и необходимостью владения соответствующими навыками.

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

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

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

Задача разработки состоит в обеспечении комплексного подхода к изучению темы, охватывающего теорию, практику и рефлексивную оценку полученных знаний.

2. Основная часть

2.1. Понятие компьютерной графики

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

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

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

Существует три основных вида компьютерной графики:

·         Растровая графика

Основана на матрице точек-пикселей. Каждый пиксель обладает собственным цветом и яркостью. К преимуществам относятся высокая детализация и фотореалистичность. Недостатки — большой размер файлов и потеря качества при изменении масштаба.

·         Векторная графика

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

·         Фрактальная графика

Строится на основе математических формул и рекурсивных процедур. Применяется в создании природных ландшафтов, узоров и художественных композиций.

Каждый вид графики находит своё применение в зависимости от решаемых задач.

2.3. Форматы мультимедийных файлов

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

·         Графические форматы:

• JPEG: оптимален для фотографических изображений, поддерживает высокую степень сжатия с потерей качества.• PNG: сохраняет прозрачность и идеально подходит для иконок, рисунков и баннеров.• SVG: векторный формат, удобен для масштабируемых изображений, значков и диаграмм.• BMP: несжатое изображение, редко используется из-за большого объёма. 

·         Видео форматы:

• MP4: универсальный формат, совместимый с большинством платформ и устройств.• AVI: старый, но распространённый формат, обладающий высоким качеством, однако большим размером файлов.• MOV: формат Apple QuickTime, популярен в профессиональных видеоредакторах. 

·         Аудио форматы:

• MP3: популярный сжатый формат с приемлемым качеством звука.• WAV: несжатый звук, используется в профессиональной среде.• FLAC: высококачественный сжатый формат без потерь качества.

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

2.4. Графические редакторы и их назначение

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

·         Растровые редакторы:

• Adobe Photoshop — профессиональный редактор для обработки фотографий и дизайна.• GIMP — бесплатный мощный редактор с открытым кодом.• Paint.NET — лёгкий и удобный редактор для начинающих пользователей. 

·         Векторные редакторы:

• Adobe Illustrator — лидер среди профессиональных векторных редакторов.• CorelDRAW — популярнейший пакет для полиграфии и дизайна.• Inkscape — свободный редактор векторной графики с открытым исходным кодом. 

·         Универсальные редакторы:

• Microsoft Paint — встроенное приложение Windows для простого рисования.• Paint 3D — программа для создания трехмерной графики в Windows 10.

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

3. Ход урока

3.1. Организационный этап (2 минуты)

Учитель приветствует студентов, проверяет готовность кабинета и наличие необходимого оборудования (проектора, ПК, рабочих мест студентов). Затем объявляется тема урока: «Компьютерная графика и её виды. Форматы мультимедийных файлов. Графические редакторы». Ставятся цели урока: изучить понятие компьютерной графики, познакомиться с видами графики, разобраться в особенностях форматов мультимедийных файлов и освоить начальные навыки работы с графическими редакторами.

3.2. Повторение пройденного материала (5 минут)

Фронтальный опрос по предыдущей теме («Графические примитивы и инструменты»), проводится с целью актуализации знаний студентов и установления межпредметных связей.

Вопросы: 

1.Что такое графический примитив?

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

2.Какие основные группы инструментов встречаются в графических редакторах?

Ответ: Инструменты рисования (кисть, перо, карандаш); инструменты выделения (лассо, прямоугольное выделение); инструменты трансформации (вращение, масштабирование); инструменты работы с текстом.

3.Для чего предназначены слои в графических программах?

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

4.Назовите два инструмента, используемых для заливки цвета.

Ответ: Два инструмента для заливки цвета:

Заливка сплошным цветом (bucket fill tool).

Градиентная заливка (gradient fill tool).

5.Для чего предназначены слои в графических программах?

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

3.3. Изложение нового материала (15 минут)

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

1. Понятие компьютерной графики

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

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

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

Детально рассматриваются три вида графики:

Растровая графика Основана на матрице точек-пикселей. Каждый пиксель обладает собственным цветом и яркостью. К преимуществам относятся высокая детализация и фотореалистичность. Недостатки — большой размер файлов и потеря качества при изменении масштаба.

Вопрос группе: «Где чаще всего встречается растровая графика?» (ответ: фотография, художественные рисунки, web-графика).

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

Вопрос группе: «Где чаще всего применяется векторная графика?» (ответ: печать, полиграфия, рекламные плакаты, логотипы компаний).

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

Вопрос группе: «Где применяется фрактальная графика?» (ответ: научные исследования, искусствоведение, создание декоративных орнаментов).

3. Форматы мультимедийных файлов

Изучаются основные форматы мультимедийных файлов, их характеристики и сфера применения:

·         Графические форматы: Таблица сравнения форматов (JPEG, PNG, SVG, GIF, TIFF, BMP).

Вопрос группе: «Какой формат выбрать для публикации фотографий в сети?» (ответ: JPEG или PNG).

·         Видео форматы: Таблица сравнительных характеристик (MP4, AVI, MKV, MOV).

Вопрос группе: «Какой формат предпочтителен для просмотра фильмов на смартфонах?» (ответ: MP4).

·         Аудио форматы: Таблица форматов (MP3, WAV, FLAC, OGG).

Вопрос группе: «Какой формат подойдёт для качественного прослушивания музыки дома?» (ответ: FLAC или WAV).

4. Графические редакторы и их назначение

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

·         Растровые редакторы: Adobe Photoshop, GIMP, Paint.NET.

Вопрос группе: «Какой редактор чаще выбирают профессионалы для ретуши фотографий?» (ответ: Adobe Photoshop).

·         Векторные редакторы: Adobe Illustrator, CorelDRAW, Inkscape.

Вопрос группе: «Какой редактор предпочитают дизайнеры логотипов и визиток?» (ответ: Adobe Illustrator или CorelDRAW).

·         Универсальные редакторы: MS Paint, Paint 3D.

Вопрос группе: «Какой редактор доступен бесплатно в операционной системе Windows?» (ответ: MS Paint).

3.4. Практическая работа (20 минут)

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

Задания для практики: 

1.      Создание композиции в растровом редакторе (Paint 3D) Создать небольшую композицию, состоящую из нескольких слоев и примитивов (прямоугольников, кругов, линий). Сохранить файл в двух форматах (JPEG и PNG), сравнить разницу в размерах и качестве.

2.      Рисунок в векторном редакторе (Inkscape) Нарисовать простой логотип или символ, состоящий из замкнутых контуров и заливок. Сохранить файл в формате SVG.

3.      Эксперимент с форматами файлов Один и тот же рисунок сохранить в форматах JPEG, PNG и SVG. Оценить различия в размере файла и качестве изображения.

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

3.5. Контроль полученных знаний (5 минут)

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

Вопросы: 

1.      Чем отличаются растровые и векторные изображения?

Ответ: Растровые состоят из множества мелких точек (пикселей), векторные — из математически описанных фигур и кривых. 

2.      Какой формат подходит для хранения фотографий с минимальной потерей качества?

Ответ: PNG или RAW. 

3.      Какой графический редактор чаще всего используется профессионалами для создания логотипов и визиток?

Ответ: Adobe Illustrator или CorelDRAW. 

4.      Какой формат видео предпочтительнее для мобильного телефона?

Ответ: MP4. 

5.      Зачем нужны слои в графических редакторах?

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

3.6. Домашнее задание (3 минуты)

Домашним заданием становится создание небольшого исследовательского проекта-презентации на одну из предложенных тем:

·         «История развития компьютерной графики» 

·         «Применение компьютерной графики в современном мире» 

·         «Возможности графических редакторов»

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

4. Заключительная часть

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

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

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

5. Список использованных источников

1.      Угринович Н.Д. Информатика и ИКТ. Базовый уровень: учебник для 10—11 классов. — Москва: Бином, Лаборатория Знаний, 2023 г.

2.      Семакин И.Г., Хеннер Е.К., Шеина Т.Ю. Информатика и ИКТ. Базовый уровень: учебник для 10—11 классов. — Москва: Бином, Лаборатория Знаний, 2023 г.

3.      Макарова Н.В. Информатика и ИКТ. Учебник для 8—9 классов. — СПб.: Питер, 2023 г.

4.      Материалы официального сайта Министерства Просвещения РФ: раздел «Информационные технологии в школе».

5.      Портал «Инфоурок.ru» — уроки и презентации по теме «Компьютерная графика».

Приложения к методической разработке

Приложение 1. Тестовые задания для текущего контроля

Вариант 1

1.      Что такое компьютерная графика?a) Искусство живописи на компьютереb) Совокупность методов и инструментов для создания и обработки графических объектов с помощью компьютераc) Процесс сканирования бумажных документовd) Технология печати изображений на принтере  Ответ: b

2.      Какой формат изображения подходит для размещения прозрачных кнопок на сайте?a) JPEGb) PNGc) BMPd) GIF  Ответ: b

3.      Какой тип графики основан на математических уравнениях и бесконечно масштабируется без потери качества?a) Растровая графикаb) Векторная графикаc) Фрактальная графикаd) Смешанная графика  Ответ: b

4.      Какой графический редактор относится к категории бесплатных векторных редакторов?a) Adobe Photoshopb) CorelDRAWc) Inkscaped) Paint.NET  Ответ: c

5.      Какой формат видео подходит для загрузки роликов на мобильные телефоны?a) AVIb) MP4c) MOVd) WMV  Ответ: b

Приложение 2. Карточки-практикумы для студентов

Карточка №1. Создание композиции в растровом редакторе (Paint 3D) 

Задание: создайте композицию, состоящую из четырёх слоёв: 

·         Фон (цвет фона выберите сами) 

·         Прямоугольник с закруглёнными углами 

·         Круг с градиентом 

·         Надпись (любая фраза)

Сохраните файл в форматах JPEG и PNG. Проверьте разницу в размере и качестве полученного изображения.

Карточка №2. Рисунок в векторном редакторе (Inkscape) 

Задание: нарисуйте простой логотип, состоящий из: 

·         Замкнутого контура произвольной формы 

·         Цветной заливки 

·         Небольшой надписи

Сохраните файл в формате SVG.

Карточка №3. Эксперимент с форматами файлов 

Задание: сохраните созданный вами рисунок в форматах JPEG, PNG и SVG.Заполните таблицу:

Сделайте вывод о целесообразности использования каждого формата.

Приложение 3. Критерии оценки домашней работы

Оценка ставится следующим образом: 

·         6–7 баллов — отлично 

·         4–5 баллов — хорошо 

·         2–3 балла — удовлетворительно 

·         Менее 2 баллов — неудовлетворительно

Приложение 4. Презентация к уроку

Презентация к уроку по теме: «Компьютерная графика и её виды. Форматы мультимедийных файлов. Графические редакторы.»

Слайд 1. Титул

Тема урока: Компьютерная графика и её виды. Форматы мультимедийных файлов. Графические редакторы.

Цели урока: 

·         Узнать, что такое компьютерная графика и зачем она нужна. 

·         Изучить виды компьютерной графики. 

·         Познакомиться с форматами мультимедийных файлов. 

·         Получить первые навыки работы с графическими редакторами.

Слайд 2. Что такое компьютерная графика?

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

Где применяется компьютерная графика? 

·         Веб-дизайн и реклама 

·         Полиграфия и издательское дело 

·         Архитектура и строительство 

·         Наука и техника 

·         Игры и развлечения 

·         Медицина и биология

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

Существуют три основных вида графики:

1.      Растровая графика📸 Фотографии, рисунки, сканы документов Реалистичность, передача полутонов Увеличение размеров ухудшает качество 

2.      Векторная графика🎨 Логотипы, схемы, чертежи, иллюстрации Легкость масштабирования без потери качества Сложность создания сложных эффектов 

3.      Фрактальная графика🧩 Абстрактные узоры, природные ландшафты Уникальные декоративные свойства Требуются мощные вычислительные мощности

Слайд 4. Примеры применения каждого вида графики

·         Фотография и живопись — растровая графика 

·         Логотипы и схемы — векторная графика 

·         Абстрактные картины и природные узоры — фрактальная графика

Слайд 5. Форматы мультимедийных файлов

Графические форматы: 

·         JPEG — оптимальный баланс качества и размера 

·         PNG — сохранение прозрачности, качественная графика 

·         SVG — векторный формат, масштабируемость 

·         BMP — несжатое изображение, большие размеры

Видео форматы: 

·         MP4 — универсальность, мобильность 

·         AVI — высокое качество, большие размеры 

·         MOV — профессиональное использование

Аудио форматы: 

·         MP3 — массовое использование, небольшие размеры 

·         WAV — качественное звучание, большие размеры 

·         FLAC — высококачественный звук без потерь

Слайд 6. Сравнительная таблица форматов

Слайд 7. Графические редакторы

Растровые редакторы: 

·         Adobe Photoshop — профессиональная обработка фото и графики 

·         GIMP — бесплатная альтернатива Photoshop 

·         Paint.NET — простая программа для новичков

Векторные редакторы: 

·         Adobe Illustrator — профессиональные иллюстрации и логотипы 

·         CorelDRAW — полиграфия и дизайн 

·         Inkscape — бесплатное программное обеспечение

Универсальные редакторы: 

·         Microsoft Paint — встроенный редактор Windows 

·         Paint 3D — создание простых 3D-изображений

Слайд 8. Практические задания

1.      Создайте композицию в программе Paint 3D, используя разные слои и примитивы. 

2.      Нарисуйте логотип в векторном редакторе Inkscape. 

3.      Сохраните ваши работы в разных форматах и сравните их размеры и качество.

Слайд 9. Выводы и итоги урока

·         Мы узнали, что такое компьютерная графика и её разновидности. 

·         Изучили форматы мультимедийных файлов и научились выбирать нужный формат. 

·         Попробовали работать в графических редакторах.

Важно помнить: 

·         Выбор правильного формата и редактора влияет на конечный результат работы. 

·         Навык работы с графикой необходим в современном мире.

Слайд 10. Домашнее задание

1.      Создайте небольшую презентацию на одну из тем: 

o    История развития компьютерной графики 

o    Применение компьютерной графики в современном мире 

o    Возможности графических редакторов

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

3.