22
КОМПЬЮТЕРНАЯ ГРАФИКА 07.06.22

компьютерная графика для сайта

  • Upload
    isva69

  • View
    1.020

  • Download
    3

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: компьютерная графика для сайта

КОМПЬЮТЕРНАЯ ГРАФИКА

10.04.23

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

ОБЛАСТЬ ПРИМЕНЕНИЯ КОМПЬЮТЕРНОЙ ГРАФИКИ

Научная графика Деловая графика Конструкторская

графика Иллюстративная

графика Художественная и

рекламная графика Компьютерная

анимация2

Page 3: компьютерная графика для сайта

ТЕХНИЧЕСКИЕ СРЕДСТВА КОМПЬЮТЕРНОЙ ГРАФИКИ

Устройства ввода: сканер, мышь графический планшет цифровой фотоаппарат, цифровая видеокамера.

Устройства вывода: плоттер (графопостроитель), принтер, монитор.

3

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

СИСТЕМА ВЫВОДА ИЗОБРАЖЕНИЯ НА ЭКРАН

Видеоадаптер

4

Монитор

Видеопамять (хранит

видеоинформацию)

Дисплейный процессор

(читает содержимое

видеопамяти и управляет работой

дисплея)

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

ИЗОБРАЖЕНИЕ ФОРМИРУЕТСЯ ИЗ ТОЧЕК - ВИДЕОПИКСЕЛЕЙ

Пиксел (пиксель) -(от англ. picture element – элемент картинки) – наименьший элемент растрового изображения.

5

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

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

М

N

Пиксель

M x N

Например: 1024×768, 1280×1024 …

6

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

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

7

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

Цветные изображения могут иметь различную глубину цвета (4, 8, 16, 24 бит на точку ).

Каждый цвет можно рассматривать как возможные состояния точки, и тогда по формуле N=2I может быть вычислено количество цветов

отображаемых на экране монитора.

Глубина цвета, IКоличество

отображаемых цветов, N

4 24=16

8 28=256

16 (High Color) 216=65 536

24 (True Color) 224=16 777 216 8

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

КАК ПОЛУЧАЕТСЯ ЦВЕТНОЕ ИЗОБРАЖЕНИЕ НА ЭКРАНЕ?

9

Каждый пиксель на цветном экране – это совокупность трех точек разного цвета: красного, зеленого и синего (RGB).

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

10

Page 11: компьютерная графика для сайта

ВИДЫ КОМПЬЮТЕРНОЙ ГРАФИКИ

11

отличаются принципами формирования изображения

Растровая графика

Векторная графика

Page 12: компьютерная графика для сайта

СРАВНИТЕЛЬНАЯ ХАРАКТЕРИСТИКА РАСТРОВОЙ И ВЕКТОРНОЙ ГРАФИКИ

Растровая графика Характеристики Векторная графика

Элементарный объект

Изображение состоит

Фотографическое качество

Форматы

Объем памяти

При масштабирование и вращении качество

Группировка и разгруппировка

Примеры программ ГР

Область применения

Примеры изображений

12

Page 13: компьютерная графика для сайта

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

Применяется при разработке электронных и полиграфических изданий.

Большинство редакторов ориентированы не столько на создание изображений, сколько на их обработку.

13

Page 14: компьютерная графика для сайта

ОСНОВНЫМ ЭЛЕМЕНТОМ РАСТРОВОГО ИЗОБРАЖЕНИЯ ЯВЛЯЕТСЯ ТОЧКА

Разрешение изображения выражает количество точек в единице длины (dpi – количество точек на дюйм)

Если изображение экранное, то эта точка называется пикселем 14

Page 15: компьютерная графика для сайта

ОСНОВНЫЕ ПРОБЛЕМЫ ПРИ РАБОТЕ С РАСТРОВОЙ ГРАФИКОЙ

Большие объемы данных. Для обработки растровых изображений требуются высокопроизводительные компьютеры

Увеличение изображения приводит к эффекту пикселизации, иллюстрация искажается

15

Page 16: компьютерная графика для сайта

16

Page 17: компьютерная графика для сайта

ФОРМАТЫ ФАЙЛОВ РАСТРОВОЙ ГРАФИКИ

.bmp Bitmap. Стандартный формат Windows. Большой размер файлов из-за отсутствия сжатия изображения.

.jpg

.jpeg

Joint Photographic Experts Group. Предназначен для хранения многоцветных изображений (фотографий). Отличается огромной степенью сжатия за счет потери информации. Степень сжатия можно регулировать.

.gif Самый «плотный». Фиксированное количество цветов (256). Позволяет создавать прозрачность фона и анимацию изображения 17

Page 18: компьютерная графика для сайта

ФОРМАТЫ ФАЙЛОВ РАСТРОВОЙ ГРАФИКИ

.tif Tagged Image File Format. Формат предназначен для хранения растровых изображений высокого качества. Неплохая степень сжатия.

.psd

Photo Shop Document. Позволяет запоминать параметры слоев, каналов, степени прозрачности, множества масок. Большой объем файлов.

18

Page 19: компьютерная графика для сайта

ВЕКТОРНАЯ ГРАФИКА

Предназначена для создания иллюстраций с применением шрифтов и простейших геометрических объектов

Основным элементом векторного изображения является контур (линия)

19

Page 20: компьютерная графика для сайта

Сложные объекты векторной графики при увеличении можно рассматривать более подробно

20

Page 21: компьютерная графика для сайта

ОБЛАСТИ ПРИМЕНЕНИЯ

21

При разработке электронных (мультимедийных) и полиграфических изданий

В Интернете

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

В рекламных агентствах В дизайнерских бюро В редакциях и издательствах

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

Растровая графика Векторная графика

Page 22: компьютерная графика для сайта

22