14. компьютерная графика
DESCRIPTION
Векторная и растровая графика - основные свойстваTRANSCRIPT
![Page 1: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/1.jpg)
Компьютерная графика
Растр, вектор, параметры
![Page 2: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/2.jpg)
Растр и вектор
Существуют два принципиально разных типа изображений в компьютерном представлении – Вектор и Растр
![Page 3: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/3.jpg)
Это растровое изображение
Другое название – Bitmap. Тип изображения состоящий из пикселов (мельчайший элемент изображения)
При изменении размера (масштабировании) это очень заметно
пикселы
![Page 4: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/4.jpg)
Это векторное изображение
Такое изображение состоит из кривых. В файле, каждая кривая описывается математической формулой
При показе, программа последовательно создает изображение, согласно данным формулам
При масштабировании таких изображений их качество остается высоким.
главная особенность – четкие края объектов
![Page 5: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/5.jpg)
Применение в ВЕБе
Подавляющее большинство картинок – растровые (.jpg, .gif, .png)
К Векторным форматам относится Flash (.swf) и «редкий случай» - SVG
Оба векторных формата требует присутствия в браузере плагина для их обработки (представления)
![Page 6: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/6.jpg)
Программы для работы с Векторными форматами
CorelDraw – самый популярный в нашей стране
Adobe Illustrator – наиболее правильныйс точки зрения создаваемых файлов
Adobe Fireworks – “гибридный” редактор
Corel Xara
![Page 7: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/7.jpg)
Adobe Flash
анимационные фильмы;
презентационные ролики;
рекламные баннеры; навигацию веб-сайтов; веб-сайты; игры
Больше, чем просто редактор векторной графики.
С его помощью создают:
![Page 8: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/8.jpg)
Пример флэш – меню
Сайт - collegemicrob.narod.ru
![Page 9: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/9.jpg)
Свойства точечных изображений
![Page 10: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/10.jpg)
Размер в пикселах и разрешение
Для WEB важен только размер изображения в пикселах и его объём в килобайтах (300х200 – ширина х высота)
Разрешение: - (dpi) число точек на дюйм (один дюйм = 2,54 см). Чем больше разрешение, тем более чёткое изображение на отпечатке
Важно только для печати, т.к. разрешение компьютерного монитора невелико (72 – 96 точек на дюйм)
300 рх
200 рх
![Page 11: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/11.jpg)
Объем файла
Он прямо пропорционален площади изображения и зависит от выбранного формата сжатия (gif, jpeg, png-8 или png-24)
Файлы, предназначенные для печати на полиграфическом оборудовании (журналы), могут быть просто огромны (мегабайты)
Объёмы файлов для ВЕБ колеблются в среднем от 1 до 150 кБ (для иллюстраций)
![Page 12: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/12.jpg)
Количество цветов
В зависимости от количества цветов различают:
черно-белые (bimap) изображения. В них 2 цвета (черный и белый)
![Page 13: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/13.jpg)
Градации серого (полутоновые)
Grayscale - Используют для передачи черно-белых фотографий или рисунков с полутонами
Как правило, в таких изображениях - 256 уровней тона от черного до белого
![Page 14: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/14.jpg)
Цветные с индексированным цветом (от 2 до 256 цветов)
Здесь применена палитра из 32 цветов
Indexed colors
![Page 15: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/15.jpg)
… и полноцветные - True color
RGB - 24 битный цвет - содержит миллионы цветов
![Page 16: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/16.jpg)
Цветовая схема
RGB и CMYK
![Page 17: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/17.jpg)
Цветовая схема RGB RGB – для отображения на
экранах (мониторов, например) Представляет собой смешение
трёх светящихся точек основных цветов (красный, зеленый, синий)
![Page 18: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/18.jpg)
Цветовая схема CMYK В полиграфии применяются голубой,
пурпурный и желтый красители. Cyan (C), Magenta (M), Yellow (Y), blacK
(K) В том месте, где пересекаются голубой
и пурпурный, образуется синий и так далее.
Cyan
Magenta
Yellow
![Page 19: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/19.jpg)
Конвертирование цветовых схем
Модели RGB и CMYK связаны между собой.
Но взаимные переходы между моделями друг в друга (конвертирование) никогда не происходят без потерь.
![Page 20: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/20.jpg)
Ограничения этих цветовых схем
монитор
На бумаге (журнал)
Все цвета, видимые человеком в природе
(модель LAB)
![Page 21: 14. компьютерная графика](https://reader034.vdocuments.mx/reader034/viewer/2022050817/555e14b9d8b42a99188b5346/html5/thumbnails/21.jpg)
Сжатые форматы для ВЕБ
Для ВЕБ страниц применяют только специальные (сжатые) форматы
GIF JPEG PNG SWF - векторный формат (flash)
РАСТРОВЫЕ ФОРМАТЫ
Продолжение следует…