Понятие о компьютерной графике. Виды компьютерной графики. Форматы — презентация
logo
Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы мультимедийных файлов.Графические редакторы.
  • Компьютерная графика
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Компьютерная графика
  • Компьютерная графика
  • Компьютерная графика
  • Компьютерная графика
  • Компьютерная графика
  • Компьютерная графика
  • Компьютерная графика
  • В зависимости от способа формирования изображений компьютерную графику подразделяют:
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Растровое изображение
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Растр -
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Векторное изображение
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Трехмерная графика
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Фрактальная графика
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Форматы графических файлов
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Основным графическим форматом Windows является формат BMP
  • JPEG
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Цветовые модели
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Цветовые модели
  • Цветовая модель RGB
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Цветовая модель CMYK
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Цветовая модель HSB
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
  • Понятие о компьютерной графике. Виды компьютерной графики. Форматы
1/61

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

Изображение слайда

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

КОМПЬЮТЕРНАЯ ГРАФИКА - это область информатики, занимающаяся проблемами получения различных изображений (рисунков, чертежей, мультипликации) на компьютере.

Изображение слайда

Слайд 3

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

Изображение слайда

Слайд 4: Компьютерная графика

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

Изображение слайда

Слайд 5: Компьютерная графика

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

Изображение слайда

Слайд 6: Компьютерная графика

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

Изображение слайда

Слайд 7: Компьютерная графика

Конструкторская графика Используется в работе инженеров-конструкторов, архитекторов, изобретателей новой техники. Этот вид компьютерной графики является обязательным элементом САПР (систем автоматизации проектирования). Средствами конструкторской графики можно получать как плоские изображения (проекции, сечения), так и пространственные трехмерные изображения таблиц. Компьютерная графика Основные области применения компьютерной графики

Изображение слайда

Слайд 8: Компьютерная графика

Иллюстрированная графика Э то произвольное рисование и черчение на экране компьютера. Пакеты иллюстративной графики относятся к прикладному программному обеспечению общего назначения. Простейшие программные средства иллюстративной графики называются графическими редакторами. Компьютерная графика Основные области применения компьютерной графики

Изображение слайда

Слайд 9: Компьютерная графика

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

Изображение слайда

Слайд 10: Компьютерная графика

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

Изображение слайда

Слайд 11: В зависимости от способа формирования изображений компьютерную графику подразделяют:

Растровая графика Векторная графика Трехмерная графика Фрактальная графика Символьная графика (устарела и на сегодняшний день практически не используется, поэтому рассматривать ее не будем)

Изображение слайда

Слайд 12

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

Изображение слайда

Слайд 13: Растровое изображение

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

Изображение слайда

Слайд 14

В простейшем случае (черно-белое изображение без градаций серого цвета). Каждая точка экрана может иметь лишь два состояния – «черная» или «белая», т.е. для хранения ее состояния необходим 1 бит.

Изображение слайда

Слайд 15

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

Изображение слайда

Слайд 16

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

Изображение слайда

Слайд 17

Изображение слайда

Слайд 18

Цветные изображения могут иметь различную глубину цвета (бит на точку 4, 8, 16, 24). Каждый цвет можно рассматривать как возможные состояния точки, и тогда по формуле N=2 I может быть вычислено количество цветов отображаемых на экране монитора. Глубина цвета I Количество отображаемых цветов N 4 2 4 =16 8 2 8 =256 16 ( High Color) 2 16 =65 536 24 (True Color) 2 24 =16 777 216

Изображение слайда

Слайд 19

Изображение может иметь различный размер, которое определяется количеством точек по горизонтали и вертикали. М N Пиксель Растр M x N (графическая сетка)

Изображение слайда

Слайд 20

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

Изображение слайда

Слайд 21: Растр -

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

Изображение слайда

Слайд 22

Близкими аналогами растровой графики являются живопись, фотография

Изображение слайда

Слайд 23

Качество растрового рисунка зависит от его разрешения, которое измеряется в точках на дюйм изображения. Обозначается dpi ( dots per inch ). 1 дюйм = 2,54 см Для экранного просмотра файла достаточно 72 dpi, для печати не менее 300 dpi.

Изображение слайда

Слайд 24

Программы для работы с растровой графикой: Paint Microsoft Photo Editor Adobe Photo Shop Применение: для обработки изображений, требующей высокой точности передачи оттенков цветов и плавного перетекания полутонов. Например, для: ретуширования, реставрирования фотографий; создания и обработки фотомонтажа, коллажей; применения к изображениям различных спецэффектов; после сканирования изображения получаются в растровом виде

Изображение слайда

Слайд 25

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

Изображение слайда

Слайд 26: Векторное изображение

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

Изображение слайда

Слайд 27

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

Изображение слайда

Слайд 28

Векторное изображение масштабируется без потери качества: масштабирование изображения происходит при помощи математических операций: параметры примитивов просто умножаются на коэффициент масштабирования.

Изображение слайда

Слайд 29

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

Изображение слайда

Слайд 30

Векторное изображение можно расчленить на отдельные элементы (линии или фигуры), и каждый редактировать, трансформировать независимо.

Изображение слайда

Слайд 31

Программы для работы с векторной графикой: Corel Draw Adobe Illustrator Применение: для создания вывесок, этикеток, логотипов, эмблем и пр. символьных изображений; для построения чертежей, диаграмм, графиков, схем; для рисованных изображений с четкими контурами, не обладающих большим спектром оттенков цветов; для моделирования объектов изображения; для создания 3-х мерных изображений;

Изображение слайда

Слайд 32: Трехмерная графика

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

Изображение слайда

Слайд 33

Другими словами, трехмерное изображение состоит из контуров элементов. Такие изображения являются более схематичными.

Изображение слайда

Слайд 34

Аналогами трехмерной графики является графические объекты и графика в компьютерных играх

Изображение слайда

Слайд 35

Программы для работы с трехмерной графикой: 3D Studio MAX, AutoCAD, Компас, XARA3D, ArhiCad Blackdown Java3D … Применение: научные расчеты, инженерное проектирование, компьютерное моделирование физических объектов изделия в машиностроении, видеороликах, архитектуре, изделиях машиностроения изображения моделируются и перемещаются в пространстве.

Изображение слайда

Слайд 36

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

Изображение слайда

Слайд 37: Фрактальная графика

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

Изображение слайда

Слайд 38

Абстрактные композиции можно сравнить со снежинкой, с кристаллом.

Изображение слайда

Слайд 39

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

Изображение слайда

Слайд 40

Сравнение растровой и векторной графики , Критерий сравнения Растровая графика Векторная графика Качество редактирования изображения При масштабирова-нии и вращении возникают искажения. Могут быть легко преобразованы без потери качества. Особенности печати изображения Могут быть легко напечатаны на принтерах. Иногда не печатаются или выглядят на бумаге не так, как хотелось бы. Компьютерная графика

Изображение слайда

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

Изображение слайда

Слайд 42

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

Изображение слайда

Слайд 43: Основным графическим форматом Windows является формат BMP

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

Изображение слайда

Слайд 44: JPEG

Этот формат использует эффективные алгоритмы сжатия данных, что дает возможность уменьшить размер графических файлов в большое количество раз ( до 250 раз! ). Но это достигается за счет потери части данных и ухудшения качества изображения. Данный формат целесообразно использовать для хранения многоцветных изображений с плавными переходами между цветами, где потеря качества мало заметна. Для файлов этого формата стандартное расширение jpg или jpeg.

Изображение слайда

Слайд 45

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

Изображение слайда

Слайд 46

Имеется особая разновидность формата, называемая анимационным форматом GIF. В файлах этого формата хранится несколько рисунков, которые, последовательно меняя друг друга при просмотре, создают эффект анимации. Основным недостатком этого формата является слишком малая глубина цвета. Допускается использование не более 256 цветов. Фотографии в этом формате сохранять не рекомендуется. Стандартное расширение имен файлов данного типа gif.

Изображение слайда

Слайд 47

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

Изображение слайда

Слайд 48

Профессиональные художники используют в работе другой формат, называемый TIFF. Он позволяет сохранять изображения с высоким качеством. Широко используется в полиграфии, при сканировании изображений. Файлы этого формата имеют большие размеры. Стандартное расширение имен файлов этого формата – tif или tiff.

Изображение слайда

Слайд 49

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

Изображение слайда

Слайд 50

1 BMP А Формат использует сильное сжатие без потери качества, применяется для размещения рисунков в Интернете. Н едостато к формата - слишком малая глубина цвета. Фотографии в этом формате сохранять не желательно. 2 GIF Б Этот формат позволяет сохранять изображения с высоким качеством. Широко используется в полиграфии, при сканировании изображений. Файлы этого формата имеют большие размеры. 3 JPEG В Он позволяет хранить изображения с использованием большого количества цветов, размеры таких файлов достаточно большие, но поддерживается всеми программами, работающими с графикой в ОС Windows. 4 TIFF Г Формат имеет высокую степень сжатия данных в файле без их потери. Дает возможность использовать гораздо больше цветов, чем формат GIF. 5 PNG Д Предназначен для хранения рисунков, передаваемых по сети. Файл в таком формате занимает меньше дискового пространства за счет использования эффективного алгоритма сжатия графических данных, однако могут быть потери в цветовой гамме рисунка.

Изображение слайда

Слайд 51

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

Изображение слайда

Слайд 52: Цветовые модели

Изображение слайда

Слайд 53

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

Изображение слайда

Слайд 54: Цветовые модели

В компьютерной графике принято выделять следующие цветовые модели: RGB CMYK HSB

Изображение слайда

Слайд 55: Цветовая модель RGB

Цвет объекта складывается из трех составляющих: R — red — красный G — green — зеленый B — blue — синий Каждый из этих цветов может принимать значения от 0 до 255. В режиме RGB осуществляется сканирование изображений, эта же модель положена в основу конструкции экрана монитора.

Изображение слайда

Слайд 56

Красный (255,0,0) Желтый (255,255,0) Зеленый (0,255,0) Голубой (0,255,255) Синий (0,0,255) Пурпурный (255,0,255) Белый (255,255,255)

Изображение слайда

Слайд 57: Цветовая модель CMYK

основана на поглощающих свойствах краски, напечатанной на бумаге. Когда свет попадает на краску, часть света поглощается, а часть света отражается и становиться видимой человеческому глазу. Цвет объекта складывается из четырех составляющих: С — cyan — голубой M — magenta — пурпурный Y — yellow — желтый K — black — черный В теории CMYK: cyan (C), magenta (M), и yellow (Y ) должны давать чисто черный цвет, но так как краски имеют примеси, то на печати получается грязно-коричневый цвет. Поэтому для печати черных объектов используется дополнительная черная краска black (K), от слова "key", ключевой цвет в печати. Комбинируя эти краски вы получаете полноцветную печать, называемую four-color process. Каждый из этих цветов может принимать значения от 0 до 100%, в результате, если и С, и M, и Y, и K равны 0, то конечный цвет белый.

Изображение слайда

Слайд 58

(0,100,100,0) (0,100,0,0) (100,100,0,0) (100,0,0,0) (100,0,100,0) (0,0,0,100) (0,0,100,0)

Изображение слайда

Слайд 59: Цветовая модель HSB

Про цветовую модель HSB можно сказать, что она более близка к восприятию цвета человеком. Цветовая модель HSB представлена тремя компонентами: Н - Тон (Hue), S - Насыщенность (Saturation), В - Яркость (Brightnes).

Изображение слайда

Слайд 60

Hue (цветовой тон) определяет цвет в спектральной палитре. Параметры могут изменяться в диапазоне между 0° и 360°. Saturation (насыщенность), характеризует долю белого цвета, добавленного к выбранному оттенку. Задается в процетах от 0 до 100. При минимальной насыщенности любой оттенок цвета становится серым. Brightness (яркость) определяетя примесью черного цвета к выбранному оттенку, задается в диапазоне от 0% (black) до 100% (white). Любой цвет при минимальной яркости становится черным.

Изображение слайда

Последний слайд презентации: Понятие о компьютерной графике. Виды компьютерной графики. Форматы

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

Изображение слайда

Похожие презентации

Ничего не найдено