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

Июль 29, 2022

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

Содержание

5. ВИДЫ КОМПЬЮТЕРНОЙ ГРАФИКИ
6. Векторная графика состоит из простых графических элементов. В файле при этом сохраняются лишь математические параметры и
7. Растровые форматы сохраняют информацию о яркости и цвете каждой точки изображения. В растровых форматах удобно сохранять
8. Фрактальная графика Слово фрактал образовано от латинского "fractus" и в переводе означает «состоящий из фрагментов». Фракталом
10. Элементы теории компьютерной графики Почему мы видим свет Цветовая модель Характеристики цвета Восприятие цвета
11. Почему мы видим свет? Для того, чтобы «увидеть» предмет, необходимы две вещи: Источник света (свет +
12. Белый свет (вспоминаем физику) Как Однажды Жак Звонарь Городской Сломал Фонарь Каждый Охотник Желает Знать Где
13. Почему мы видим предметы цветными? Если белый свет падает на белый предмет, то все составляющие белого
14. Цветовая модель RGB (Red – красный, Green – зеленый, Blue – синий). CMYK (Y - желтый
15. Как получить нужный цвет из красного, зеленого и синего?
16. = (255, 255, 255) = (0, 0, 0) = (221, 221, 221) = (255, 255, 0)
17. Характеристики цвета Тон Насыщенность Яркость Тон (hue) — одна из точек цветового круга, максимально яркая и
18. Цветовые схемы Близлежащие цвета Противоположные (дополняющие) цвета Один цвет разной насыщенности Цветовая схема кленовых листьев Зная
19. Восприятие цвета «Престижные» «Пастельные» «Здоровые» «Природные»
20. Форматы графических файлов
21. Форматы графических файлов Формат графического файла — способ представления и расположения графических данных на внешнем носителе.
22. Растровые форматы Bmp Gif Jpg (Jpeg) «Родной» формат редактора Важно: Количество цветов Разрешение Объем файла
23. Растровые форматы В файлах растровых форматов запоминаются: размер изображения — количество видеопикселей в рисунке по горизонтали
24. РАСТРОВЫЙ ГРАФИЧЕСКИЙ РЕДАКТОР Adobe Photoshop Назначение и основные возможности
25. Фотографические спецэффеты Слева – исходное изображение, на котором отчетливо видны дефекты: окно на заднем плане наклонено
26. Фотоснимок (слева) сделан на фоне жалюзи. Чтобы использовать этот снимок для оформления рекламного модуля и размещения
27. Имитация линз и свойств пленки Снимок (слева) представляет собой отличный фон для рекламного листа, но для
28. Необходимо создать иллюстрацию для журнальной статьи, посвященной миграции бабочек, причем в вашем распоряжении есть фотография самой
29. Имитация освещения и эффектов окружающей среды Есть исходное изображение старинного гоночного автомобиля марки «Форд» с выключенными
30. Необходимо изменить настроение, вызываемое у зрителей фотографией, или художественной иллюстрацией. Исходным материалом служит фотография одного из
31. Преобразования и деформации Методы деформации служат двум основным целям: приданию одному объекту формы другого объекта и
32. Вам необходимо подготовить приковывающий взгляд плакат о роли менеджеров информационных отделов в современном бизнесе. В задуманной
33. Имитация текстур и создание узора Одной из наиболее мощных возможностей Photoshop является автоматизация процесса создания текстур
34. Стилизация изображений под живопись Бывают ситуации, когда фотография не может служить решением проблемы, потому что выглядит
35. Создание монтажей и коллажей Большую часть своих работ современные художники оформители выполняют, используя Photoshop. Именно в
37. Скачать презентацию

Слайд 2

Слайд 3

Слайд 4

Слайд 5

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

Слайд 6

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

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

Слайд 7

Растровые форматы сохраняют информацию о яркости и цвете каждой точки изображения.

В растровых форматах удобно сохранять полноцветный иллюстративный материал. Например, фотографии. Объем растрового файла чаще всего достаточно велик.

Слайд 8

$Фрактальная графика Слово фрактал образовано от латинского "fractus" и в переводе$

Фрактальная графика
Слово фрактал образовано от латинского "fractus" и в переводе означает

«состоящий из фрагментов».
Фракталом называется структура, состоящая из частей, которые в каком-то смысле подобны целому. Одним из основных свойств фракталов является самоподобие.
Объект называют самоподобным, когда увеличенные части объекта походят на сам объект и друг на друга. Перефразируя это определение, можно сказать, что в простейшем случае небольшая часть фрактала содержит информацию обо всем фрактале.
Фрактальная графика программируется.
http://esate.ru/article/cg/fraktalnaya_grafika/

Слайд 9

Слайд 10

Элементы теории компьютерной графики
Почему мы видим свет
Цветовая модель
Характеристики цвета
Восприятие цвета

Слайд 11

Почему мы видим свет?
Для того, чтобы «увидеть» предмет, необходимы две вещи:
Источник

света (свет + освещенный им объект);
Приемник света (глаз)

Слайд 12

Белый свет (вспоминаем физику)
Как Однажды Жак Звонарь Городской Сломал Фонарь
Каждый Охотник

Желает Знать Где Сидит Фазан

Белый свет является
сложным светом, состоящим
из лучей различной цветности:
красного, оранжевого, желтого,
зеленого, голубого, синего,
фиолетового – такое разложение
называется спектром.

Слайд 13

Почему мы видим предметы цветными?
Если белый свет падает на белый предмет,

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

Слайд 14

Цветовая модель
RGB (Red – красный, Green – зеленый, Blue – синий).

CMYK (Y - желтый (Yellow); C - голубой (Cyan); M – пурпурный (Magenta))

Слайд 15

Как получить нужный цвет из красного, зеленого и синего?

Слайд 16

= (255, 255, 255)
= (0, 0, 0)
= (221, 221, 221)
= (255,

255, 0)

= (240, 118, 125)

= (0, 153, 0)

Подбор цвета в графическом редакторе

Любой графический
редактор позволяет
определить нужный
вам цвет как «на глаз»,
так и задав его в формате
RGB в десятичной или в шестнадцатеричной системе счисления.

Слайд 17

Характеристики цвета
Тон
Насыщенность
Яркость
Тон (hue) — одна из точек цветового круга, максимально яркая и

насыщенная.

Насыщенность (saturation) — соотношение основного цвета и такого же по яркости серого.

Яркость (value) — общая яркость цвета (крайние позиции — черный и максимально яркий тоновый).

Слайд 18

Цветовые схемы
Близлежащие цвета
Противоположные (дополняющие) цвета
Один цвет разной насыщенности
Цветовая схема кленовых листьев
Зная

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

Слайд 19

Восприятие цвета
«Престижные»
«Пастельные»
«Здоровые»
«Природные»

Слайд 20

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

Слайд 21

Форматы графических файлов
Формат графического файла — способ представления и расположения графических

данных на внешнем носителе.

Слайд 22

Растровые форматы
Bmp
Gif
Jpg (Jpeg)
«Родной» формат редактора
Важно:
Количество цветов
Разрешение
Объем файла

Слайд 23

Растровые форматы
В файлах растровых форматов запоминаются:
размер изображения — количество

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

Слайд 24

РАСТРОВЫЙ ГРАФИЧЕСКИЙ РЕДАКТОР Adobe Photoshop
Назначение и основные возможности

Слайд 25

Фотографические спецэффеты
Слева – исходное изображение, на котором отчетливо видны дефекты:
окно

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

кадрирование и изменение ориентации снимка, •цветокоррекция, • эффект контрастирования, •коррекция деффектов экспозиции и тонирование, • удаление царапин и артефактов (ложных изображений), • эффекты колоризации, • устранение фона.

Слайд 26

Фотоснимок (слева) сделан на фоне жалюзи. Чтобы использовать этот снимок для

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

На изображении справа мы видим реалистичное замещение фона.

Слайд 27

Имитация линз и свойств пленки
Снимок (слева) представляет собой отличный фон для

рекламного листа, но для большей выразительности хорошо бы заставить солнце ослепительно сиять прямо в кадре.

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

Слайд 28

Необходимо создать иллюстрацию для журнальной статьи, посвященной миграции бабочек, причем в

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

Если просто сделать монтаж, то результат выглядит безжизненным (изображение справа): нет ни ощущения движения, ни связи с процессом миграции. Photoshop обладает рядом возможностей придать динамичность изображению, имитировать движение запечатленного объекта (изображение слева).

Слайд 29

Имитация освещения и эффектов окружающей среды
Есть исходное изображение старинного гоночного автомобиля

марки «Форд» с выключенными фарами.
Photoshop позволяет имитировать различные эффекты. Например, мы можем «заставить» светиться фары автомобиля (изображение внизу слева).
Можем «отбросить тень» от автомобиля с имитацией перспективных искажений (изображение внизу справа).

Слайд 30

Необходимо изменить настроение, вызываемое у зрителей фотографией, или художественной иллюстрацией. Исходным

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

Слайд 31

Преобразования и деформации
Методы деформации служат двум основным целям: приданию одному объекту

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

Слайд 32

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

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

Слайд 33

Имитация текстур и создание узора
Одной из наиболее мощных возможностей Photoshop является

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

Фотография до применения текстуры

Фотография после применения текстуры

Слайд 34

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

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

Слайд 35

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

используя Photoshop. Именно в создании композиций и состоит истинная мощь этого редактора.

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

Содержание

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

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

Растровые форматы сохраняют информацию о яркости и цвете каждой точки изображения.

Фрактальная графикаСлово фрактал образовано от латинского "fractus" и в переводе означает

Элементы теории компьютерной графикиПочему мы видим светЦветовая модельХарактеристики цветаВосприятие цвета

Почему мы видим свет?Для того, чтобы «увидеть» предмет, необходимы две вещи:Источник

Белый свет (вспоминаем физику)Как Однажды Жак Звонарь Городской Сломал ФонарьКаждый Охотник

Почему мы видим предметы цветными?Если белый свет падает на белый предмет,

Цветовая модельRGB (Red – красный, Green – зеленый, Blue – синий).

Как получить нужный цвет из красного, зеленого и синего?

= (255, 255, 255)= (0, 0, 0)= (221, 221, 221)= (255,

Характеристики цветаТонНасыщенностьЯркостьТон (hue) — одна из точек цветового круга, максимально яркая и

Цветовые схемыБлизлежащие цветаПротивоположные (дополняющие) цветаОдин цвет разной насыщенностиЦветовая схема кленовых листьевЗная

Восприятие цвета«Престижные»«Пастельные»«Здоровые»«Природные»

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

Форматы графических файловФормат графического файла — способ представления и расположения графических

Растровые форматыBmpGifJpg (Jpeg)«Родной» формат редактораВажно:Количество цветовРазрешениеОбъем файла

Растровые форматыВ файлах растровых форматов запоминаются: размер изображения — количество

РАСТРОВЫЙ ГРАФИЧЕСКИЙ РЕДАКТОР Adobe PhotoshopНазначение и основные возможности

Фотографические спецэффетыСлева – исходное изображение, на котором отчетливо видны дефекты: окно