60730

Форматы изображений растровой графики

Конспект урока

Педагогика и дидактика

Сохраните рисунок в другом формате воспользовавшись командой Файл Сохранить как в папке Эксперимент Имя файла: урок 1; Тип файла: 24-разрядный рисунок. Откройте первый рисунок Файл Открыть в папке Эксперимент Имя файла: урок 1...

Русский

2014-05-20

182.5 KB

9 чел.

Проводил: Михайлов Александр Эдуардович

Дата: 17.01.2011г.

Класс: 9

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

Форма занятия: урок

Тема: Форматы изображений растровой графики.

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

Задачи:

  1.  Актуализировать знания учащихся о компьютерной графике.
  2.  Закрепить на практике умения учащихся использовать графический редактор Paint.
  3.  Способствовать развитию системного мышления через практические задания.

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

Литература:

  1.  Культура информационной деятельности: Учебное пособие для основной школы  (9 класс). / В.В. Мачульский, А.Г. Гейн., В.И., Кадочникова, Е.А. Гвоздева, В.И. Жильцова.- Екатеринбург: Центр «Учебная книга»; Смоленск: Изд-во «Ассоциация XXI  век», 2004. – 480 с.

Ход занятия:

Этап урока

Деятельность учителя

Деятельность учащихся

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

Здравствуйте, садитесь! Меня зовут Александр Эдуардович.

Здравствуйте!

2. Подготовитель-ный этап

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

Простейшей программой является Paint, входящая в состав ОС Windows.

  1.  Наиболее мощным считается пакет Adobe Photoshop. Требует знания технических приемов и обладания практическими навыками.

ACDSee 5.0 является очень удобной программой-каталогизатором.

Средства для создания растровых изображений.

Средства для обработки готовых изображений

Средства каталогизации изображений.

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

Скажите, где хранятся все изображения созданные в графических редакторах?

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

Формат — это определенные правила кодирования и записи информации в файл.

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

Скажите а форматы растровых изображений имеют большой формат или маленький.

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

Сжатие графических файлов отличается от архивирования специальными программами-архиваторами. В процессе преобразования информации архиваторами (WinZip, WinRar и др.) занимаемый ею объем уменьшается, а количество информации остается прежним. При извлечении ее из архива программой-архиватором она восстанавливается в первозданном виде.

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

Оно бывает двух видов:

Сжатие с потерями.

Сжатие без потерь.

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

Посмотрите на доску. Что мы видим?

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

Какие они бывают давайте узнаем?

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

Познакомьтесь с широко применяемыми форматами растровой графики.

BMP — является стандартом для растровой графики в ОС Windows. Используется для хранения данных без потери качества на этапах создания рисунка. Поддерживается всеми приложениями, работающими в этой среде. Для профессиональной работы в web-дизайне не пригоден, так как нет встроенной в формат системы цветокоррекции, т. е. на разных мониторах одни и те же цвета будут смотреться по-разному. В файл записывается код цвета каждого пикселя.

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

PSD — внутренний формат программы Adobe Photoshop (далее АР). Широко применяется на промежуточных стадиях создания изображения. Обеспечивает хранение полноцветных изображений со всеми особенностями, имеющимися в нем: слоями, каналами, масками, эффектами и т. д. С рисунками, сохраненными в этом формате, АР работает значительно быстрее. Размеры файлов, обычно, очень большие. Другие графические программы этот формат не распознают. В нем предусмотрено использование цветокоррекции.

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

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

PNG — предназначен для хранения изображений для использования в Интернет; аналогичен GIF. Сравнительно новый и перспективный формат, не все браузеры с ним работают. Работает как с малоцветными изображениями или в градациях серого (256 цветов), так и с полноцветными изображениями. Применяет алгоритм сжатия информации в файле без потерь.

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

На конечном этапе сохранения готового изображения для вставки его на web-страницу применяют один из форматов со сжатием JPG, GIF, PNG.

Изображения хранятся на дисках в виде файлов.

Файлы растровых изображений могут иметь большой объем.

Устройства компьютера.

4. Практическая работа

  Практическая работа.

Исследование свойств форматов сжатия графических данных.

  1.  Создайте на Рабочем столе временную папку с именем Эксперимент.
  2.  Откройте окно графического редактора Paint.
  3.  Задайте параметры изображения, выполнив команду Рисунок, Атрибуты … в открывшемся диалоговом окне установите Ширина: 300; Высота: 300; Единицы измерения: точки; Палитра: цветная, Ок.

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

  1.  Сохраните рисунок, воспользовавшись командой Файл, Сохранить как …, в  папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.bmp), Сохранить.
  2.  Сохраните рисунок в другом формате, воспользовавшись командой Файл, Сохранить как …, в  папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.jpg), Сохранить.
  3.  Откройте первый рисунок, Файл, Открыть …, в папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.bmp), Открыть.
  4.  Сохраните рисунок, воспользовавшись командой Файл, Сохранить как …, в  папке Эксперимент, Имя файла: урок1; Тип файла: 24-разрядный рисунок (*.gif), Сохранить.
  5.  Сверните окно программы.
  6.  Откройте свою папку Эксперимент. Установите через меню способ отображения файлов Вид, Таблица.
  7.  Определите коэффициент сжатия файлов (R), взяв отношение размера исходного файла  урок1.bmp к размеру рассматриваемого. Для проведения расчетов воспользуйтесь калькулятором. Результаты занести в тетрадь в таблицу.
  8.  Дополните таблицу следующими столбцами.

Рисунок: урок1

Формат файла

Размер файла S (Кбайт)

Степень сжатия R=Sурок1.bmp/S

.bmp (24 - разрядный)

.gif

.jpg

  1.  Откройте папку с указанными ниже учебными файлами (или с предложенными учителем) и скопируйте в папку Эксперимент.
  2.  Определите размеры указанных файлов и заполните таблицу.

Рисунок: для 9 класса

Формат файла

Размер файла S (Кбайт)

Степень сжатия R=Sурок1.bmp/S

.bmp (24 - разрядный)

.gif

.jpg

  1.  Разверните окно Paint.
  2.  Открывайте по очереди рисунки для 9 класса.bmp, для 9 класса.gif, для 9 класса.jpg. Просматривайте качество сохранения.
  3.  Закройте окно программы без сохранения рисунка в файле.
  4.  Ответьте письменно на вопросы.
    •  Какой формат графических данных из рассмотренных здесь наилучшим образом подходит для передачи цветного фотографического материала по каналам электронных сетей?
    •  Какой формат графических данных целесообразно использовать для передачи черно-белого или малоцветного изображения по каналам электронных сетей?
    •  Как изменяется качество малоцветных рисунков при сохранении в разных форматах?
    •  Во сколько раз файл малоцветного изображения в формате bmp больше файла с расширением gif.
    •  Во сколько раз файл полноцветного изображения в формате bmp больше файла с расширением jpg.

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

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

BMP, TIF, PSD, JPG, GIF, PNG.

 

Студент-практикант:       / Михайлов А.Э./

    Учитель: /       /Апина Г.Г./


 

А также другие работы, которые могут Вас заинтересовать

23853. Житие Сергия Радонежского 21.96 KB
  Преподобный Сергий родился в Тверской земле в годы княжения тверского князя Дмитрия при митрополите Петре. Варфоломей позвал к себе в пустыньку старца игумена Митрофанакоторый постриг его в монашество с наречением имени Сергий. После пострижения Сергий причастился и церковь при этом наполнилась благоуханием. Однажды когда Сергий в церкви пел заутреню стена расступилась и вошёл сам дьявол со множеством бесов.
23854. Житие Феодосия Печерского 23.97 KB
  Мать хотела чтобы Феодосий одевался почище и играл со сверстниками. Услышав о святых местах Феодосий молился Богу о том чтобы посетить их. Феодосий снова стал ежедневно ходить в церковь. Феодосий так разумно отвечал ей о важности этого делачто мать на целый год оставила его в покое.
23855. Из Англии — в Россию 23.75 KB
  Мы знаем только что Англия была крайним пределом его путешествия там он сказал себе что пора возвратиться в отечество и сел в Лондоне на корабль идущий в Россию. Жива ли ты о Лила или в волнах окончила жизнь свою Герой хотел броситься к юноше утешить его но тут капитан взял его за руку и сказал что дует благоприятный ветер и надо отправляться. Был закат корабль летел на всех парусах вокруг на разном отдалении развевались разноцветные флаги а по правой стороне чернелось чтотонапоминающее землю. На вопрос героя капитан...
23856. Николай Михайлович Карамзин 34.5 KB
  В 1789 году в журнале Детское чтение появилась первая оригинальная повесть Карамзина Евгений и Юлия. К середине 1790х Карамзин становится признанным главой русского сентиментализма открывавшего новую страницу в русской литературе. В 180203 годах Карамзин издавал журнал Вестник Европы в котором преобладали литература и политика.
23857. Что нужно автору 14.11 KB
  Когда ты хочешь писать портрет свой то посмотрись прежде в верное зеркало: может ли быть лицо твое предметом искусства которое должно заниматься одним изящным изображать красоту гармонию и распространять в области чувствительного приятные впечатления Если творческая натура произвела тебя в час небрежения или в минуту раздора своего с красотою: то будь благоразумен не безобразь художниковой кисти оставь свое намерение. Ты берешься за перо и хочешь быть автором: спроси же у самого себя наедине без свидетелей искренно: каков...
23858. Оды 16.41 KB
  Первая ода Ломоносова На взятие Хотина 1739 посвящена победе над турками. Полная мифология российской истории разворачивается в одах посвящённых императрице Елисавете Петровне. Хотя по временам Он насылает на неё Свой гневно затем переменяет его на милость: Я в гневе Россам был ТворецНо ныне паки им Отец Ода 1742 г. Бог как и в прежних одахсокрушает злобу разрушая умыслы врагов России там же и в других местах.
23859. Повесть о Горе и Злочастии, как Горе-Злочастие довело молодца во иноческий чин 13.93 KB
  Молодец же пытается жить своим умом а объясняет автор это желание тем что молодец был в то время се мал и глуп не в полном разуме и несовершенен разумом.Хозяевам нравится что молодец ведёт себя по писанному учениюто есть так как и учили его родители.Но молодец кручинится а после признаётся при всех в том что ослушался родителей и спрашивает совета как жить на чужой стороне. Молодец слушается ГореЗлочастие пропивает все деньги и только после этого спохватывается и пытается избавиться от своего спутника ГоряЗлочастия.
23860. Повесть о Петре и Февронии Муромских 15.5 KB
  Змий рассказал княгине что смерть его будет от Петрова плеча от Агрикова меча. У князя был брат по имени Петр. Однажды Петр пришел к брату.
23861. Повесть о разорении Рязани Батыем 14.34 KB
  Через два года после перенесения иконы Николы Чудотворца на Русь приходит безбожный царь Батый. Батый посылает послов к рязанскому князю Юрию Ингоревичу предлагая следующие условия: рязанский князь сразу же отдаст по десятой части всего земли людей богатств. Безбожный царь Батый был льстив и немилостив.Узнав от одного предателя рязанского вельможи что у самого Федора Юрьевича есть красавица жена Батый обращается к нему с такимпредложением.