РАСТРОВАЯ И ВЕКТОРНАЯ ГРАФИКА ЦВЕТ В ГРАФИКЕ 2013 г. В.Б. Гончаров. - презентация

1 РАСТРОВАЯ И ВЕКТОРНАЯ ГРАФИКА ЦВЕТ В ГРАФИКЕ 2013 г. В.Б. Гончаров

2 ВИДЫ КОМПЬЮТЕРНОЙ ГРАФИКИ Виды компьютерной графики отличаются принципами формирования изображения. Основные виды компьютерной графики: РАСТРОВАЯ ВЕКТОРНАЯ

3 ПРИНЦИП ПОСТРОЕНИЯ ОСНОВНЫЕ ХАРАКТЕРИСТИКИ ФОРМАТЫ ОБЛАСТИ ПРИМЕНЕНИЯ

4 РАСТРОВАЯ ГРАФИКА РАСТР (англ. raster) – представление изображения в виде множества точек, упорядоченных в ряды и столбцы (графическую сетку). ТОЧКА Основным элементом растрового изображения является точка

5 РАСТРОВАЯ ГРАФИКА ПИКСЕЛЬ (англ. picture element) – наименьший элемент экранного растрового изображения РАЗРЕШЕНИЕ ИЗОБРАЖЕНИЯ количество точек в единице длины (dpi – количество точек на дюйм) 1 дюйм

6 М N РАСТРОВАЯ ГРАФИКА Разрешение изображения и экрана монитора компьютера определяется количеством точек по горизонтали и вертикали. Например: 640 х 480 пикселей 800 х 600 пикселей 1024 х 768 пикселей 1280 х 1024 пикселя

7 РАСТРОВАЯ ГРАФИКА В черно-белом изображении (без градаций серого цвета) каждый пиксель может иметь лишь два состояния (1 бит) – «черный» (1) или «белый» (0).. Полная информация о всех точках изображения хранится в видеопамяти и называется битовой картой изображения.

8 РАСТРОВАЯ ГРАФИКА

9 Глубина цвета (бит) Количество отображаемых цветов 42 4 = = (High Color)2 16 = (True Color)2 24 = В цветных изображениях каждый пиксель может быть представлен четырьмя и более битами. ГЛУБИНА ЦВЕТА – количество бит на один пиксель.

10 РАСТРОВАЯ ГРАФИКА Основные проблемы при работе с растровой графикой: Большие объемы данных. Для обработки растровых изображений требуются высоко- производительные компьютеры Увеличение изображения приводит к его искажению (пикселизация).

11 РАСТРОВАЯ ГРАФИКА

12 ОСНОВНЫЕ ФОРМАТЫ ФАЙЛОВ РАСТРОВЫХ ИЗОБРАЖЕНИЙ Формат Описание.bmp Bitmap Стандартный формат Windows. Большой размер файлов из-за отсутствия сжатия изображения..jpg Joint Photographic Experts Group Предназначен для хранения многоцветных изображений (фотографий). Отличается огромной степенью сжатия за счет потери информации. Степень сжатия можно регулировать. Формат Описание.gif Самый «плотный». Фиксированное количество цветов (256). Позволяет создавать прозрачность фона и анимацию изображения..tif Tagged Image File Format Формат предназначен для хранения растровых изображений высокого качества. Неплохая степень сжатия. Возможность наложения аннотаций и примечаний.

13 РАСТРОВАЯ ГРАФИКА Применяются при разработке электронных и полиграфических изданий Большинство редакторов ориентированы в основном на их обработку В Интернете применяются только растровые иллюстрации ПРИМЕНЕНИЕ РАСТРОВЫХ ИЗОБРАЖЕНИЙ

14 ПРИНЦИП ПОСТРОЕНИЯ ОСНОВНЫЕ ХАРАКТЕРИСТИКИ ОБЛАСТИ ПРИМЕНЕНИЯ

15 ВЕКТОРНАЯ ГРАФИКА ВЕКТОРНОЕ ИЗОБРАЖЕНИЕ представляется не множеством точек, а совокупностью отдельных геометрических контуров (линий).

16 ВЕКТОРНАЯ ГРАФИКА В видеопамяти хранятся данные о каждой линии изображения в виде математических формул. Например, для полного описания окружности используется следующая информация: радиус R; координаты центра окружности (X,Y); цвет и толщина контура; цвет заполнения. R Y X

17 ВЕКТОРНАЯ ГРАФИКА Типичные примитивные линии, используемые в векторной графике: Линии и ломаные линии Многоугольники Окружности и эллипсы Кривые Текст (в компьютерных шрифтах каждая буква создаётся из кривых)

18 ВЕКТОРНАЯ ГРАФИКА ПРЕИМУЩЕСТВО при увеличении векторное изображение не искажается. Можно рассмотреть мелкие детали.

19 ВЕКТОРНАЯ ГРАФИКА ОСНОВНЫЕ ФОРМАТЫ ФАЙЛОВ ВЕКТОРНЫХ ИЗОБРАЖЕНИЙ Формат Описание. WMF Windows Metafile графический формат файла в системе Microsoft Windows. Универсальный векторный формат, поддерживаемый большинством векторных редакторов. Формат поддерживается рядом веб- браузеров и может быть использован при оформлении веб-страниц.. SWF ShokWaveFlash Flash-формат, который может просматриваются с помощью Flash Player. Формат Описание. EPS универсальный векторный формат файлов, поддерживаемый большинством векторных редакторов. Формат обеспечивает очень высокое качество рисунков.. CMX Corel Presentation Exchange формат графических программ корпорации Corel, предназначенный для передачи рисунков между разными программами.

20 ВЕКТОРНАЯ ГРАФИКА При создании шрифтов В издательском и рекламном дизайне При создании иллюстраций, пригодных для масштабирования (изменения размера) ПРИМЕНЕНИЕ ВЕКТОРНОЙ ГРАФИКИ

21 СРАВНИТЕЛЬНАЯ ХАРАКТЕРИСТИКА Характеристики Растровая графика Векторная графика Элементарный объект пиксель (точка)контур (линия) Изображениемножество точек множество линий Объем информации очень большой относительно небольшой Масштабированиенежелательнода Группировка и разгруппировка нет да ФорматыBMP, GIF, JPG, TIFWMF, EPS, SWF, CMX

22 ЧТО ТАКОЕ ЦВЕТ? МОДЕЛИ ОПИСАНИЯ ЦВЕТА (АДДИТИВНАЯ И СУБТРАКТИВНАЯ) ПРИМЕНЕНИЕ МОДЕЛЕЙ

23 СВЕТ И ЦВЕТ СВЕТ - электромагнитное излучение ЦВЕТ – действие излучения на глаз человека излучаемый свет отраженный свет преломленный свет

24 МОДЕЛИ ОПИСАНИЯ ЦВЕТА ЦВЕТ при излучении при отражении Аддитивная модель Субтрактивная модель

25 АДДИТИВНАЯ МОДЕЛЬ ЦВЕТА АДДИТИВНАЯ МОДЕЛЬ англ. add – «присоединять» Цвет получается в результате суммирования трех цветов: красного (Red) зеленого (Grean) синего (Blue) RGB пурпурный желтый голубой белый

26 АДДИТИВНАЯ МОДЕЛЬ ЦВЕТА В палитре RGB каждый из цветов может менять свою интенсивность от 0 до 255 (интенсивность: 0-минимальная, 255-максимальная) (255,0,0) (0,255,0) (0,0,255)

27 АДДИТИВНАЯ МОДЕЛЬ ЦВЕТА (0,0,0) (255,255,255) (255,255,0) (0,255,255) (255,0,255)

28 Сколько цветовых оттенков можно закодировать в палитре RGB? АДДИТИВНАЯ МОДЕЛЬ ЦВЕТА 256 * 256 * 256 =

29 СУБТРАКТИВНАЯ МОДЕЛЬ ЦВЕТА СУБТРАКТИВНАЯ МОДЕЛЬ англ. subtract – «вычитать» Белая бумага отражает все цвета спектра. Синяя бумага поглощает все цвета, кроме синего, т.е. отражается только синий цвет. Если синюю бумагу осветить красным светом, то мы увидим черную бумагу.

30 Основными цветами являются: СУБТРАКТИВНАЯ МОДЕЛЬ ЦВЕТА голубой (Cyan) пурпурный (Magenta) желтый (Yellow) CMYк BlacK

31 ПРИМЕНЕНИЕ ЦВЕТОВЫХ МОДЕЛЕЙ АДДИТИВНАЯ ЦВЕТОВАЯ МОДЕЛЬ подходит для экранных изображений (отображающихся на экране монитора) СУБТРАКТИВНАЯ ЦВЕТОВАЯ МОДЕЛЬ подходит для изображений, получаемых при нанесении краски с помощью печатающих устройств.