2. Цели урока:Цели урока:
-помочь учащимся получить представление-помочь учащимся получить представление
о видах графических изображений,о видах графических изображений,
форматах, программах для создания иформатах, программах для создания и
редактирования изображений, датьредактирования изображений, дать
основные понятия, необходимые дляосновные понятия, необходимые для
работы на компьютере.работы на компьютере.
- воспитание информационной культуры- воспитание информационной культуры
учащихся, внимательности, аккуратности,учащихся, внимательности, аккуратности,
дисциплинированности, усидчивости.дисциплинированности, усидчивости.
- развитие познавательных интересов,- развитие познавательных интересов,
навыков работы с мышью и клавиатурой,навыков работы с мышью и клавиатурой,
самоконтроля, умения конспектировать.самоконтроля, умения конспектировать.
3. Теоретическая частьТеоретическая часть
Все компьютерные изображенияВсе компьютерные изображения
разделяют на два типа:разделяют на два типа: растровыерастровые ии
векторныевекторные..
4. Растровая графикаРастровая графика
Растровые графические изображения формируютсяРастровые графические изображения формируются
в процессе преобразования графическойв процессе преобразования графической
информации из аналоговой формы в цифровую,информации из аналоговой формы в цифровую,
например, в процессе сканирования существующихнапример, в процессе сканирования существующих
на бумаге или фотопленке рисунков и фотографий,на бумаге или фотопленке рисунков и фотографий,
при использовании цифровых фото- и видеокамер,при использовании цифровых фото- и видеокамер,
при просмотре на компьютере телевизионныхпри просмотре на компьютере телевизионных
передач с использованием ТВ-тюнера и так далее.передач с использованием ТВ-тюнера и так далее.
Можно создать растровое графическоеМожно создать растровое графическое
изображение и непосредственно на компьютере сизображение и непосредственно на компьютере с
использованием графического редактора, загрузитьиспользованием графического редактора, загрузить
его с CD-ROM или DVD-ROM-дисков или «скачать»его с CD-ROM или DVD-ROM-дисков или «скачать»
из Интернета.из Интернета.
5. Растровое изображение хранится с помощью точекРастровое изображение хранится с помощью точек
различного цвета (пикселей), которые образуютразличного цвета (пикселей), которые образуют
строки и столбцы. Каждый пиксель имеетстроки и столбцы. Каждый пиксель имеет
определенное положение и цвет. Хранение каждогоопределенное положение и цвет. Хранение каждого
пикселя требует определенного количества битовпикселя требует определенного количества битов
информации, которое зависит от количества цветовинформации, которое зависит от количества цветов
в изображении.в изображении.
ПиксельПиксель - минимальный участок изображения, цвет- минимальный участок изображения, цвет
которого можно задать независимым образом.которого можно задать независимым образом.
Качество растрового изображения зависит отКачество растрового изображения зависит от
размера изображения (количества пикселей поразмера изображения (количества пикселей по
горизонтали и вертикали) и количества цветов,горизонтали и вертикали) и количества цветов,
которые можно задать для каждого пикселя.которые можно задать для каждого пикселя.
6. В качестве примера рассмотрим черно-белое (без градацийВ качестве примера рассмотрим черно-белое (без градаций
серого) изображение улыбающейся рожицы размером 16x16.серого) изображение улыбающейся рожицы размером 16x16.
Легко подсчитать, какой информационный объем файлаЛегко подсчитать, какой информационный объем файла
требуется для хранения этого изображения. Общеетребуется для хранения этого изображения. Общее
количество пикселей равно 256. Так как используется всегоколичество пикселей равно 256. Так как используется всего
два цвета, то для хранения каждого пикселя необходим 1 бит.два цвета, то для хранения каждого пикселя необходим 1 бит.
Таким образом, файл будет иметь объем 56 битов, или 32Таким образом, файл будет иметь объем 56 битов, или 32
байта. Растровые изображения очень чувствительны кбайта. Растровые изображения очень чувствительны к
масштабированию (увеличению или уменьшению). Примасштабированию (увеличению или уменьшению). При
уменьшении растрового изображения несколько соседнихуменьшении растрового изображения несколько соседних
точек преобразуются в одну, поэтому теряется различимостьточек преобразуются в одну, поэтому теряется различимость
мелких деталей изображения. При увеличении изображениямелких деталей изображения. При увеличении изображения
увеличивается размер каждой точки и появляетсяувеличивается размер каждой точки и появляется
ступенчатый эффект, который можно увидеть невооруженнымступенчатый эффект, который можно увидеть невооруженным
глазом.глазом.
7. Векторная графикаВекторная графика
Векторные графические изображения являются оптимальнымВекторные графические изображения являются оптимальным
средством хранения высокоточных графических объектов (чертежи,средством хранения высокоточных графических объектов (чертежи,
схемы и пр.), для которых имеет значение сохранение четких и ясныхсхемы и пр.), для которых имеет значение сохранение четких и ясных
контуров. С векторной графикой вы сталкиваетесь, когда работаете сконтуров. С векторной графикой вы сталкиваетесь, когда работаете с
системами компьютерного черчения и автоматизированногосистемами компьютерного черчения и автоматизированного
проектирования (САПР), программами обработки трехмернойпроектирования (САПР), программами обработки трехмерной
графики и др.графики и др.
Векторные изображения формируются из объектов (точка, линия,Векторные изображения формируются из объектов (точка, линия,
окружность, прямоугольник и пр.), которые хранятся в памятиокружность, прямоугольник и пр.), которые хранятся в памяти
компьютера в виде графических примитивов и описывающих ихкомпьютера в виде графических примитивов и описывающих их
математических формул.математических формул.
Например, графический примитивНапример, графический примитив точкаточка задается своимизадается своими
координатами (X,Y),координатами (X,Y), линиялиния — координатами начала (XI,Y1) и конца— координатами начала (XI,Y1) и конца
(X2,Y2),(X2,Y2), окружностьокружность — координатами центра (X,Y) и радиусом (R),— координатами центра (X,Y) и радиусом (R),
прямоугольникпрямоугольник — координатами левого верхнего угла (X1,Y1) и— координатами левого верхнего угла (X1,Y1) и
правого нижнего угла (X2.Y2) и так далее. Для каждого примитиваправого нижнего угла (X2.Y2) и так далее. Для каждого примитива
задается также цвет.задается также цвет.
Например, рисунок, рассмотренный выше в векторном графическомНапример, рисунок, рассмотренный выше в векторном графическом
редакторе может быть задан с помощью четырех примитивовредакторе может быть задан с помощью четырех примитивов
(окружности, 2-х точек и кривой линии).(окружности, 2-х точек и кривой линии).
8. ДостоинствомДостоинством
векторной графикивекторной графики
является то, что файлы, хранящие векторныеявляется то, что файлы, хранящие векторные
графические изображения, имеют сравнительнографические изображения, имеют сравнительно
небольшой объем.небольшой объем.
ВажноВажно также, что векторные графическиетакже, что векторные графические
изображения могут быть увеличены илиизображения могут быть увеличены или
уменьшены без потери качества. Это возможно, такуменьшены без потери качества. Это возможно, так
как масштабирование изображений производится скак масштабирование изображений производится с
помощью простых математических операцийпомощью простых математических операций
(умножения параметров графических примитивов(умножения параметров графических примитивов
на коэффициент масштабирования).на коэффициент масштабирования).
9. ГрафическиеГрафические
редакторыредакторы
Для обработки изображений на компьютере используютсяДля обработки изображений на компьютере используются
специальные программы —специальные программы — графические редакторыграфические редакторы. Графические. Графические
редакторы также можно разделить на две категории: растровые иредакторы также можно разделить на две категории: растровые и
векторные.векторные.
Растровые графические редакторы являются наилучшим средствомРастровые графические редакторы являются наилучшим средством
обработки фотографий и рисунков, поскольку растровыеобработки фотографий и рисунков, поскольку растровые
изображения обеспечивают высокую точность передачи градацийизображения обеспечивают высокую точность передачи градаций
цветов и полутонов.цветов и полутонов.
Среди растровых графических редакторов есть простые, напримерСреди растровых графических редакторов есть простые, например
стандартное приложениестандартное приложение PaintPaint, и мощные профессиональные, и мощные профессиональные
графические системы, напримерграфические системы, например Adobe PhotoshopAdobe Photoshop..
К векторным графическим редакторам относятся графическийК векторным графическим редакторам относятся графический
редактор,редактор, встроенный в текстовый редактор Wordвстроенный в текстовый редактор Word. Среди. Среди
профессиональных векторных графических систем наиболеепрофессиональных векторных графических систем наиболее
распространенараспространена CorelDRAWCorelDRAW. Сюда также можно добавить. Сюда также можно добавить
Macromedia Flash MXMacromedia Flash MX..
10. Графический редакторГрафический редактор — это— это
программа создания,программа создания,
редактирования и просмотраредактирования и просмотра
графических изображенийграфических изображений
Для создания рисункаДля создания рисунка
традиционными методамитрадиционными методами
необходимо выбрать инструментнеобходимо выбрать инструмент
рисования (это могут бытьрисования (это могут быть
фломастеры, кисть с красками,фломастеры, кисть с красками,
карандаши, пастель и многоекарандаши, пастель и многое
другое). Графические редакторыдругое). Графические редакторы
также предоставляют возможностьтакже предоставляют возможность
выбора инструментов для созданиявыбора инструментов для создания
и редактирования графическихи редактирования графических
изображений, объединяя их визображений, объединяя их в
панели инструментовпанели инструментов..
11. ИнструментыИнструменты
рисования объектоврисования объектов
Графические редакторы имеют наборГрафические редакторы имеют набор
инструментов для рисованияинструментов для рисования
простейших графических объектов:простейших графических объектов:
прямой линии, кривой,прямой линии, кривой,
прямоугольника, эллипса,прямоугольника, эллипса,
многоугольника и так далее. Послемногоугольника и так далее. После
выбора объекта на панеливыбора объекта на панели
инструментов его можно нарисовать винструментов его можно нарисовать в
любом месте окна редактора.любом месте окна редактора.
12. ФорматыФорматы
графических файловграфических файлов
Bit MaP image (BMP)Bit MaP image (BMP) — универсальный— универсальный
формат растровых графических файлов,формат растровых графических файлов,
используется в операционной системеиспользуется в операционной системе
Windows. Этот формат поддерживаетсяWindows. Этот формат поддерживается
многими графическими редакторами, в томмногими графическими редакторами, в том
числе редактором Paint. Рекомендуется длячисле редактором Paint. Рекомендуется для
хранения и обмена данными с другимихранения и обмена данными с другими
приложениями.приложениями.
13. Tagged Image File Format (TIFF)Tagged Image File Format (TIFF) — формат растровых— формат растровых
графических файлов, поддерживается всеми основнымиграфических файлов, поддерживается всеми основными
графическими редакторами и компьютерными платформами.графическими редакторами и компьютерными платформами.
Включает в себя алгоритм сжатия без потерь информации.Включает в себя алгоритм сжатия без потерь информации.
Используется для обмена документами между различнымиИспользуется для обмена документами между различными
программами. Рекомендуется для использования при работепрограммами. Рекомендуется для использования при работе
с издательскими системами.с издательскими системами.
Graphics Interchange Format (GIF)Graphics Interchange Format (GIF) — формат растровых— формат растровых
графических файлов, поддерживается приложениями дляграфических файлов, поддерживается приложениями для
различных операционных систем. Включает алгоритм сжатияразличных операционных систем. Включает алгоритм сжатия
без потерь информации, позволяющий уменьшить объембез потерь информации, позволяющий уменьшить объем
файла в несколько раз. Рекомендуется для храненияфайла в несколько раз. Рекомендуется для хранения
изображений, создаваемых программным путем (диаграмм,изображений, создаваемых программным путем (диаграмм,
графиков и так далее) и рисунков (типа аппликации) сграфиков и так далее) и рисунков (типа аппликации) с
ограниченным количеством цветов (до 256). Используетсяограниченным количеством цветов (до 256). Используется
для размещения графических изображений на Web-страницахдля размещения графических изображений на Web-страницах
в Интернете.в Интернете.
14. Portable Network Graphic (PNG)Portable Network Graphic (PNG) — формат растровых— формат растровых
графических файлов, аналогичный формату GIF.графических файлов, аналогичный формату GIF.
Рекомендуется для размещения графических изображений наРекомендуется для размещения графических изображений на
Web-страницах в Интернете.Web-страницах в Интернете.
Joint Photographic Expert Group (JPEG)Joint Photographic Expert Group (JPEG) — формат— формат
растровых графических файлов, который реализуетрастровых графических файлов, который реализует
эффективный алгоритм сжатия (метод JPEG) дляэффективный алгоритм сжатия (метод JPEG) для
отсканированных фотографий и иллюстраций. Алгоритмотсканированных фотографий и иллюстраций. Алгоритм
сжатия позволяет уменьшить объем файла в десятки раз,сжатия позволяет уменьшить объем файла в десятки раз,
однако приводит к необратимой потере части информации.однако приводит к необратимой потере части информации.
Поддерживается приложениями для различных операционныхПоддерживается приложениями для различных операционных
систем. Используется для размещения графическихсистем. Используется для размещения графических
изображений на Web-страницах в Интернете.изображений на Web-страницах в Интернете.
15. Windows MetaFile (WMF)Windows MetaFile (WMF) — универсальный формат векторных— универсальный формат векторных
графических файлов для Windows-приложений. Используется дляграфических файлов для Windows-приложений. Используется для
хранения коллекции графических изображений Microsoft Clip Gallery.хранения коллекции графических изображений Microsoft Clip Gallery.
Encapsulated PostScript (EPS)Encapsulated PostScript (EPS) — формат векторных графических— формат векторных графических
файлов, поддерживается программами для различныхфайлов, поддерживается программами для различных
операционных систем. Рекомендуется для печати и созданияоперационных систем. Рекомендуется для печати и создания
иллюстраций в настольных издательских системах.иллюстраций в настольных издательских системах.
CorelDRaw files (CDR)CorelDRaw files (CDR) — оригинальный формат векторных— оригинальный формат векторных
графических файлов, используемый в системе обработки векторнойграфических файлов, используемый в системе обработки векторной
графики CorelDraw.графики CorelDraw.
Если вы собираетесь работать с графическим файлом только вЕсли вы собираетесь работать с графическим файлом только в
одном данном приложении, целесообразно выбрать оригинальныйодном данном приложении, целесообразно выбрать оригинальный
формат. Если же предстоит передавать данные в другоеформат. Если же предстоит передавать данные в другое
приложение, другую среду или иному пользователю, стоитприложение, другую среду или иному пользователю, стоит
использовать универсальный формат.использовать универсальный формат.
16. Вопросы:Вопросы:
В чем состоит различие растровых и векторных графическихВ чем состоит различие растровых и векторных графических
изображений?изображений?
Перечислите свойства изображения, которое следует сохранить вПеречислите свойства изображения, которое следует сохранить в
формате GIF.формате GIF.
Перечислите свойства изображения, которое следует сохранить вПеречислите свойства изображения, которое следует сохранить в
формате JPEG.формате JPEG.
Какой из форматов, GIF или JPEG, обеспечивает наименьшиеКакой из форматов, GIF или JPEG, обеспечивает наименьшие
потери качества изображения?потери качества изображения?
Какие растровые графические редакторы вы знаете?Какие растровые графические редакторы вы знаете?
Какие векторные графические редакторы вы знаете?Какие векторные графические редакторы вы знаете?
В каком редакторе, растровом или векторном, вы будетеВ каком редакторе, растровом или векторном, вы будете
редактировать фотографию?редактировать фотографию?
Что такое палитра цветов?Что такое палитра цветов?
Какие инструменты Paint вы знаете?Какие инструменты Paint вы знаете?
Как сохранить изображение в формате GIF, JPEG?Как сохранить изображение в формате GIF, JPEG?