КОМПЬЮТЕРНАЯ ГРАФИКА
DESCRIPTION
КОМПЬЮТЕРНАЯ ГРАФИКА. В этой работе использована презентация учителя информатики Усольцевой Э.М. (г. Качканар ). Виды компьютерной графики. - отличаются принципами формирования изображения. Растровая графика Векторная графика. А также:. - отличаются особенностями восприятия. Анимация - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/1.jpg)
КОМПЬЮТЕРНАЯ ГРАФИКА
В этой работе использована презентация учителя информатики Усольцевой Э.М. (г. Качканар)
![Page 2: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/2.jpg)
![Page 3: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/3.jpg)
Виды компьютерной графики
Растровая графикаВекторная графика
А также:
- отличаются принципами
формирования изображения
Анимация3D - графика
- отличаются особенностями
восприятия
![Page 4: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/4.jpg)
Растровая графика
Применяется при разработке электронных и полиграфических изданий
Большинство редакторов ориентированы не столько на создание изображений, сколько на их обработку
В Интернете применяются только растровые иллюстрации
РАСТР (от англ. raster)
– представление изображения в виде двумерного массива
точек, упорядоченных в ряды и столбцы
![Page 5: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/5.jpg)
Основным элементом растрового изображения является точка
Разрешение изображения выражает количество точек в единице длины (dpi – количество точек на дюйм)
Если изображение экранное, то эта точка называется ПИКСЕЛЕМ
ПИКСЕЛЬ (от англ. picture element ) – элемент картинки)
– наименьший элемент растрового
изображения
![Page 6: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/6.jpg)
В простейшем случае (черно-белое изображение без
градаций серого цвета) каждая точка экрана может иметь лишь два состояния – «черная» или
«белая»
![Page 7: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/7.jpg)
Цветные изображения могут иметь различную глубину цвета
Глубина цвета (бит на точку)
Количество отображаемых цветов
4 16
8 256
16 (High Color) 65 536
24 (True Color) 16 777 216
Глубина цвета: 4 (16 цветов) 8 (256 цветов) 24 (16777216 цветов)
![Page 8: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/8.jpg)
Изображение может иметь различный размер, которое определяется количеством точек по горизонтали и вертикали.
М
N
Пиксель
Растр M x N(графическая сетка)
Мониторы компьютеров отличаются различным размером изображения или разрешающих способностей экрана: 800х600, 1024х768, 1280х1024 и более
пикселя
![Page 9: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/9.jpg)
Основные проблемы при работе с растровой графикой
Большие объемы данных. Для обработки растровых изображений требуются высокопроизводительные компьютеры
Увеличение изображения приводит к эффекту пикселизации, иллюстрация искажается
![Page 10: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/10.jpg)
![Page 11: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/11.jpg)
![Page 12: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/12.jpg)
![Page 13: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/13.jpg)
Векторная графика Предназначена для
создания иллюстраций с применением шрифтов и простейших геометрических объектов
Основным элементом векторного изображения является контур (линия)
![Page 14: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/14.jpg)
Примеры векторной графики:
![Page 15: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/15.jpg)
Примеры векторной графики:
![Page 16: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/16.jpg)
Примеры векторной графики:
![Page 17: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/17.jpg)
Примеры векторной графики:
![Page 18: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/18.jpg)
Примеры векторной графики:
![Page 19: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/19.jpg)
Сравнительная характеристика растровой и векторной графики
Характеристики Растровая графика Векторная графика
Элементарный объект пиксель (точка) контур и внутренняя область
Изображение совокупность точек (матрица) совокупность объектов
Фотографическое качество да нет
Распечатка на принтере легко иногда не печатаются или выглядят не так
Объем памяти очень большой относительно небольшой
Масштабирование и вращение нежелательно да
Группировка и разгруппировка нет да
Форматы BMP, GIF, JPG, PCX, TIF WMF, EPS, DXF, CGM
![Page 20: КОМПЬЮТЕРНАЯ ГРАФИКА](https://reader035.vdocuments.site/reader035/viewer/2022062408/56814208550346895dadee3e/html5/thumbnails/20.jpg)
Области применения
При разработке электронных (мультимедийных) и полиграфических изданий
В Интернете
В рекламных агентствах
В дизайнерских бюро
В редакциях и издательствах
Растровая графика Векторная графика