ГРАФИКА
презентация по информатике и икт по теме

Слайд 1

Представление графической информации Виды графики

Слайд 2

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

Слайд 3

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

Слайд 4

Свойства цвета Для описания цветовых оттенков, которые могут быть воспроизведены на экране компьютера и на принтере, разработаны специальные средства – цветовые модели (системы цветов). У цвета есть три атрибута: цветовой тон, яркость и насыщенность . Цветовой тон является таким атрибутом цвета, который позволяет различать их как красный, желтый, зеленый, синий или как промежуточный между двумя соседними парами этих цветов. Яркость относится к относительной светлости или темноте цвета. Она определяется степенью отражения от физической поверхности, на которую падает свет. Чем выше яркость, тем светлее цвет. Насыщенность заключается в том, насколько живым выглядит цвет. Она измеряется в терминах отличия данного цвета от бесцветного (нейтрального) серого цвета с той же самой степенью яркости. Чем ниже насыщенность, тем более серым выглядит цвет. При нулевой насыщенности цвет становится серым. Так как цвет может получиться в процессе излучения и в процессе отражения, то существуют две противоположных модели его описания: модель RGB и модель CMYK .

Слайд 5

Цветовая модель RGB С экрана монитора человек воспринимает цвет как сумму излучения трёх базовых цветов: красного ( R ed ), зеленого ( G reen ) , синего ( B lue ) . Такая цветовая модель называется R G B (по первым буквам). Она служит основой при создании и обработке компьютерной графики, предназначенной для электронного воспроизведения (на мониторе, телевизоре).

Слайд 6

На поверхности экрана компьютера расположены тысячи фосфоресцирующих цветовых точек. Цветовые точки излучают свет под воздействием электронного луча. Так как размеры точек малы (на экране монитора - 0,0118 дюйма в диаметре), соседние разноцветные точки сливаются, формируя все другие цвета и оттенки. Цвет на экране получается при суммировании лучей трех основных цветов – красного, зеленого и синего. Если интенсивность каждого из них достигает 100%, то получается белый цвет. Минимальная интенсивность трех базовых цветов дает черный цвет Для описания каждого составляющего цвета требуется 1 байт (8 бит) памяти, а чтобы описать один цвет (сложение 3-х), требуется 3 байта , т.е. 24 бита , памяти.

Слайд 7

Цветовая модель CMYK При печати изображений на принтерах используется цветовая модель, основными красками в которой являются голубая ( C yan ), пурпурная ( M agenta ) и желтая ( Y ellow ). Чтобы получить черный цвет, в цветовую модель был включен компонент чистого черного цвета ( Blac K ). Так получается четырехцветная модель, называемая C M Y K . Система C M Y K в отличие от R G B основана на восприятии не излучаемого, а отражаемого цвета.

Слайд 8

Методы представления графических изображений: векторная графика и растровая графика Существует специальная область информатики, изучающая методы и способы создания и обработки изображений на экране компьютера с помощью специальных программ, - компьютерная графика . В зависимости от способа формирования изображений компьютерную графику принято подразделять на растровую и векторную Существует ещё трехмерная (3 D ) графика, изучающая приемы и методы построения объемных объектов в пространстве. Как правило, в ней сочетаются векторный и растровый способ формирования изображения . Для создания растровых или векторных изображений существуют специальные программы – редакторы.

Слайд 9

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

Слайд 10

Информация о текущем состоянии экрана хранится в памяти видео-карты – специального устройства компьютера. Информация может храниться и в памяти компьютера - в графическом файле данных, и тогда мы имеем дело с растровой графикой Например, такие файлы получаются при рисовании с помощью специальных редакторов - программ MS Paint , Adobe Photoshop и других. Самыми близкими аналогами растровой графики является живопись, фотография. В связи с этим соответствующие программы можно отнести к средствам компьютерной живописи .

Слайд 11

Кодирование графической информации Графический файл - файл, хранящий информацию о графическом изображении. Качество изображения определяется разрешающей способностью экрана и глубиной цвета . Число цветов, воспроизводимых на экране дисплея (К), и число бит, отводимых в видеопамяти под каждый пиксель ( N ), связаны формулой: K =2 N Для получения богатой палитры цветов базовым цветам могут быть заданы различные интенсивности. Например, при глубине цвета в 24 бита на каждый из цветов выделяется по 8 бит, т.е. для каждого из цветов возможны K = 28 = 256 уровней интенсивности.

Слайд 12

Пример 1 Сколько бит видеопамяти занимает информация об одном пикселе на черно-белом экране (без полутонов)? Решение. Для черно-белого изображения без полутонов K = 2. Следовательно, 2 N = 2. Отсюда N = 1 бит на пиксель. Величину N называют битовой глубиной . Страница - раздел видеопамяти, вмещающий информацию об одном образе экрана (одной «картинке» на экране). В видеопамяти одновременно могут размещаться несколько страниц.

Слайд 13

Пример 2 На экране с разрешающей способностью 800 х 600 высвечиваются только двухцветные изображения. Какой минимальный объем видеопамяти необходим для хранения изображения? Решение. Так как битовая глубина двухцветного изображения равна 1, а видеопамять, как минимум, должна вмещать одну страницу изображения, то объем видеопамяти равен 800 * 600 * 1 = 480000 бит = 60000 байт.

Слайд 14

Пример 3 Какой объем видеопамяти необходим для хранения двух страниц изображения при условии, что разрешающая способность дисплея равна 640 х 350 пикселей, а количество используемых цветов - 16? Решение 640 * 350 * 4 * 2 = 1792000 бит = 218,75 Кбайт Количество используемых цветов - 16, это 24, значит, битовая глубина цвета равна 4. 2 - количество страниц.

Слайд 15

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

Слайд 16

Векторные команды сообщают устройству вывода о том, что необходимо нарисовать объект, используя заложенное число элементов-примитивов. Чем больше элементов используется, тем лучше этот объект выглядит. Для получения векторных изображений используются программы иллюстративной графики Adobe Illustrator , Corel Dr a w и др. , которые широко применяются в области дизайна, технического рисования, оформительских работ. Элементы векторной графики имеются также в программе MS Word . В этих программах одновременно с инструментами рисования и командами предусмотрено специальное программное обеспечение, формирующее векторные команды, соответствующие объектам, из которых состоит рисунок. Файлы векторной графики могут содержать растровые объекты

Слайд 17

Достоинства векторной графики Векторные изображения занимают относительно небольшой объем памяти Векторные объекты могут легко масштабироваться без потери качества

Слайд 18

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

Слайд 19

Форматы графических файлов Формат графического файла определяет способ хранения графической информации в файле (растровый или векторный), а также форму хранения информации (используемый алгоритм сжатия для уменьшения объёма файла). Знание файловых форматов и их возможностей является одним из ключевых факторов в компьютерной графике. Изображение может быть обработано несколькими графическими программами, прежде чем примет свой окончательный вид. Каким же форматом воспользоваться при сохранении графического файла, чем руководствоваться при этом? В последние годы, в связи с широким распространением Интернета и, в частности, технологий World Wide Web, обозначилась также проблема разработки форматов изображений, достаточно компактных для передачи в сети.

Слайд 20

Векторные форматы Файлы векторного формата содержат описания рисунков в виде набора команд для построения простейших графических объектов. Кроме того, в этих файлах хранится дополнительная информация. Различные векторные форматы отличаются набором команд и способом их кодирования. Название формата Программы, которые открывают формат WMF Windows MetaFile Большинство приложений Windows CDR CorelDraw Векторный редактор Corel Draw , другие векторные редакторы и настольные издательские системы: FreeHand, Illustrator, PageMaker

Слайд 21

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

Слайд 22

Название формата Программы, которые открывают формат BMP (Windows Device Independent Bitmap) Все программы Windows , которые могут открывать графические файлы GIF ( CompuServe Graphics Interchange Format) Почти все растровые редакторы; большинство издательских пакетов; векторные редакторы, поддерживающие растровые объекты TIFF (Tagged Image File Format) Большинство растровых редакторов и настольных издательских систем; векторные редакторы, поддерживающие растровые PSD (Adobe Photoshop Document ) PSD – «родной» формат популярного растрового редактора Photoshop . Он позволяет записывать изображение со многими слоями, их масками, дополнительными каналами, контурами и другой информацией - все, что может сделать Photoshop. JPEG (Joint Photographic Experts Group) Последовательные версии программ редактирования растровой графики; векторные редакторы, поддерживающие растровые объекты

Слайд 23

Свойства форматов Следует отметить, что наиболее компактными являются форматы JPEG и GIF они к тому же являются независимыми от платформ ПК (тип процессора, операционной системы и т.д.). Формат BMP является стандартным форматом MS Windows, однако, большого распространения не получил из-за больших размеров файлов, особенно при сохранении графики с максимальным количеством цветов - 16,7 млн.

Слайд 24

JPEG – формат растровых графических файлов, который реализует эффективный алгоритм сжатия для изображений. Алгоритм сжатия позволяет уменьшить объем файла в десятки раз, однако приводит к необратимой потере качества изображения. Используется для размещения графических изображений на Web -страницах в Интернете. Графический формат GIF предназначен для хранения «рисованных» изображений: чертежей, графиков, рисунков с ограниченным количеством цветов (до 256). Не стоит сохранять в формате GIF , например, многоцветные фотографии, размер файла останется довольно большим, а качество изображения заметно ухудшится за счёт уменьшения количества цветов. Формат GIF имеет ряд достоинств.

Слайд 25

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

Слайд 26

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

Слайд 27

TIFF — был создан в качестве универсального формата для цветных изображений. Формат TIFF позволяет записывать как цветные изображения с максимальным количеством цветов 16,7 млн., так и монохромные изображения без потери качества в несжатом или почти несжатом виде. Более того, в файлах этого формата можно хранить изображения в разных цветовых моделях, например в CMYK (используется в основном для полиграфии). Недостаток формата TIFF заключается в том, что файлы, в этом формате, занимают много места на носителе информации.

Слайд 1

Графический редактор MS Paint Знакомство с графическим интерфейсом

Слайд 2

Общие сведения Графический редактор MS Paint – прикладная программа, разработанная для создания и редактирования графических изображений на экране компьютера - рисунков. Эти рисунки можно делать черно-белыми или цветными. Созданные рисунки можно выводить на печать , использовать в качестве фона рабочего стола либо вставлять в другие документы , сохранять их в виде файлов. MS Paint можно использовать также для просмотра и редактирования отсканированных фотографий . Графический редактор MS Paint используется для работы с рисунками формата JPG , GIF или BMP .

Слайд 3

Запуск Microsoft Paint Для запуска Microsoft Paint на панели задач нажмите кнопку Пуск , затем зайдите в меню Программы . В появившемся меню выберите Стандартные , здесь перечислены стандартные программы, которые будут находится на Вашем компьютере при установке операционной системы MS Windows . В стандартных программах выберите Paint . Ярлык программы

Слайд 4

Окно программы MS Paint Заголовок программы Панель инструментов Цветовая палитра Строка меню Полоса прокрутки Область для построения изображения Строка состояния Настройка инструмента

Слайд 5

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

Слайд 6

Создание изображений в MS Paint Для создания изображений в MS Paint используют панель инструментов

Слайд 7

Инструменты MS Paint назначение распылитель линия кривая линия прямоугольник эллипс многоугольник скругленный многоугольник надпись назначение выделение выделение произвольной области карандаш кисть заливка области цветом ластик/цветной ластик выбор цветов масштаб Для создания рисунка необходимо выбрать тот или иной инструмент, затем в области построения изображений создавать рисунок, не отрывая пальца от кнопки мыши.

Слайд 8

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

Слайд 9

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

Слайд 10

Изменение и добавление цвета в палитру Чтобы цветной рисунок стал черно-белым: выбрать в меню Рисунок – Атрибуты . выбрать Черно-белый . При выборе цветной палитры черно-белый рисунок не становится цветным! . Палитру цветов можно изменять, добавляя другие цвета. Чтобы изменить палитру необходимо: выбрать на палитре цвет, который необходимо изменить в меню Палитра – Изменить палитру . нажать кнопку Определить цвет , а затем изменить значение компонентов цвета, используя модель RGB (красный, зеленый, синий) или HSL (оттенок, контрастность, яркость). нажать кнопку Добавить в набор .

Слайд 11

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

Слайд 12

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

Слайд 13

Отображение сетки MS Paint позволяет отображать сетку для изображения, при работе с мелкими деталями рисунка. Используя сетку, можно легко изменять расположение и цвет мелких деталей рисунка. Чтобы отобразить сетку: В меню Вид выберите команду Масштаб , а затем команду Другой . В группе Задать выберите масштаб крупнее 200 процентов и нажмите кнопку OK . В меню Вид выберите команду Масштаб , а затем команду Показать сетку .

Слайд 14

Операции с изображениями Чтобы создать новый файл в главном меню выбрать: Файл – Создать. Для открытия ранее созданного файла , воспользуемся командами: Файл – Открыть <полное имя файла>. MS Paint запоминает имена четырех последних открытых файлов. Их имена появляются в списке меню Файл , можно выбрать имя файла из списка . Чтобы сохранить рисунок под новым именем воспользуемся командами из меню: Файл – Сохранить как…<новое имя файла>, Если работаем с файлом, который ранее был создан , и хотим сохранить его под тем же именем : Файл – Сохранить