Урок Урок информатикиинформатики

8 класс8 классТема: «Графические редакторы»Тема: «Графические редакторы»

Цели урока:Цели урока:

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

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

Все компьютерные изображения Все компьютерные изображения разделяют на два типа: разделяют на два типа: растровыерастровые и и векторныевекторные..

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

Растровые графические изображения формируются Растровые графические изображения формируются в процессе преобразования графической в процессе преобразования графической информации из аналоговой формы в цифровую, информации из аналоговой формы в цифровую, например, в процессе сканирования существующих например, в процессе сканирования существующих на бумаге или фотопленке рисунков и фотографий, на бумаге или фотопленке рисунков и фотографий, при использовании цифровых фото- и видеокамер, при использовании цифровых фото- и видеокамер, при просмотре на компьютере телевизионных при просмотре на компьютере телевизионных передач с использованием ТВ-тюнера и так далее.передач с использованием ТВ-тюнера и так далее.Можно создать растровое графическое Можно создать растровое графическое изображение и непосредственно на компьютере с изображение и непосредственно на компьютере с использованием графического редактора, загрузить использованием графического редактора, загрузить его с CD-ROM или DVD-ROM-дисков или «скачать» его с CD-ROM или DVD-ROM-дисков или «скачать» из Интернета.из Интернета.

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

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

В качестве примера рассмотрим черно-белое (без градаций В качестве примера рассмотрим черно-белое (без градаций серого) изображение улыбающейся рожицы размером 16x16. серого) изображение улыбающейся рожицы размером 16x16. Легко подсчитать, какой информационный объем файла Легко подсчитать, какой информационный объем файла требуется для хранения этого изображения. Общее требуется для хранения этого изображения. Общее количество пикселей равно 256. Так как используется всего количество пикселей равно 256. Так как используется всего два цвета, то для хранения каждого пикселя необходим 1 бит. два цвета, то для хранения каждого пикселя необходим 1 бит. Таким образом, файл будет иметь объем 56 битов, или 32 Таким образом, файл будет иметь объем 56 битов, или 32 байта. Растровые изображения очень чувствительны к байта. Растровые изображения очень чувствительны к масштабированию (увеличению или уменьшению). При масштабированию (увеличению или уменьшению). При уменьшении растрового изображения несколько соседних уменьшении растрового изображения несколько соседних точек преобразуются в одну, поэтому теряется различимость точек преобразуются в одну, поэтому теряется различимость мелких деталей изображения. При увеличении изображения мелких деталей изображения. При увеличении изображения увеличивается размер каждой точки и появляется увеличивается размер каждой точки и появляется ступенчатый эффект, который можно увидеть невооруженным ступенчатый эффект, который можно увидеть невооруженным глазом. глазом.

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

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

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

Например, графический примитив Например, графический примитив точкаточка задается своими задается своими координатами (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-х точек и кривой линии).

Достоинством векторной Достоинством векторной графики графики

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

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

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

Для обработки изображений на компьютере используются Для обработки изображений на компьютере используются специальные программы — специальные программы — графические редакторыграфические редакторы. Графические . Графические редакторы также можно разделить на две категории: растровые и редакторы также можно разделить на две категории: растровые и векторные.векторные.

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

Среди растровых графических редакторов есть простые, например Среди растровых графических редакторов есть простые, например стандартное приложение стандартное приложение PaintPaint, и мощные профессиональные , и мощные профессиональные графические системы, например графические системы, например Adobe PhotoshopAdobe Photoshop..

К векторным графическим редакторам относятся графический К векторным графическим редакторам относятся графический редактор, редактор, встроенный в текстовый редактор Wordвстроенный в текстовый редактор Word. Среди . Среди профессиональных векторных графических систем наиболее профессиональных векторных графических систем наиболее распространена распространена CorelDRAWCorelDRAW. Сюда также можно добавить . Сюда также можно добавить Macromedia Flash MXMacromedia Flash MX..

Графический редакторГрафический редактор — это — это программа создания, редактирования программа создания, редактирования и просмотра графических и просмотра графических изображенийизображений

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

Инструменты рисования Инструменты рисования объектовобъектов

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

Форматы графических Форматы графических файлов файлов

Bit MaP image (BMP) Bit MaP image (BMP) — универсальный — универсальный формат растровых графических файлов, формат растровых графических файлов, используется в операционной системе используется в операционной системе Windows. Этот формат поддерживается Windows. Этот формат поддерживается многими графическими редакторами, в том многими графическими редакторами, в том числе редактором Paint. Рекомендуется для числе редактором Paint. Рекомендуется для хранения и обмена данными с другими хранения и обмена данными с другими приложениями.приложениями.

Tagged Image File Format (TIFF)Tagged Image File Format (TIFF) — формат растровых — формат растровых графических файлов, поддерживается всеми основными графических файлов, поддерживается всеми основными графическими редакторами и компьютерными платформами. графическими редакторами и компьютерными платформами. Включает в себя алгоритм сжатия без потерь информации. Включает в себя алгоритм сжатия без потерь информации. Используется для обмена документами между различными Используется для обмена документами между различными программами. Рекомендуется для использования при работе с программами. Рекомендуется для использования при работе с издательскими системами.издательскими системами.Graphics Interchange Format (GIF) Graphics Interchange Format (GIF) — формат растровых — формат растровых графических файлов, поддерживается приложениями для графических файлов, поддерживается приложениями для различных операционных систем. Включает алгоритм сжатия различных операционных систем. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла без потерь информации, позволяющий уменьшить объем файла в несколько раз. Рекомендуется для хранения изображений, в несколько раз. Рекомендуется для хранения изображений, создаваемых программным путем (диаграмм, графиков и так создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с ограниченным далее) и рисунков (типа аппликации) с ограниченным количеством цветов (до 256). Используется для размещения количеством цветов (до 256). Используется для размещения графических изображений на Web-страницах в Интернете.графических изображений на Web-страницах в Интернете.

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-страницах в Интернете.

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.Если вы собираетесь работать с графическим файлом только в Если вы собираетесь работать с графическим файлом только в одном данном приложении, целесообразно выбрать оригинальный одном данном приложении, целесообразно выбрать оригинальный формат. Если же предстоит передавать данные в другое формат. Если же предстоит передавать данные в другое приложение, другую среду или иному пользователю, стоит приложение, другую среду или иному пользователю, стоит использовать универсальный формат. использовать универсальный формат.

Вопросы: Вопросы:

В чем состоит различие растровых и векторных графических В чем состоит различие растровых и векторных графических изображений?изображений?

Перечислите свойства изображения, которое следует сохранить в Перечислите свойства изображения, которое следует сохранить в формате GIF.формате GIF.

Перечислите свойства изображения, которое следует сохранить в Перечислите свойства изображения, которое следует сохранить в формате JPEG.формате JPEG.

Какой из форматов, GIF или JPEG, обеспечивает наименьшие Какой из форматов, GIF или JPEG, обеспечивает наименьшие потери качества изображения?потери качества изображения?

Какие растровые графические редакторы вы знаете?Какие растровые графические редакторы вы знаете? Какие векторные графические редакторы вы знаете?Какие векторные графические редакторы вы знаете? В каком редакторе, растровом или векторном, вы будете В каком редакторе, растровом или векторном, вы будете

редактировать фотографию?редактировать фотографию? Что такое палитра цветов?Что такое палитра цветов? Какие инструменты Paint вы знаете?Какие инструменты Paint вы знаете? Как сохранить изображение в формате GIF, JPEG?Как сохранить изображение в формате GIF, JPEG?