SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Компьютерная
графика
06.06.17
Изучив эту тему вы узнаете:
 Виды графических компьютерных
изображений;
 Принципы формирования графических
изображений;
 Типы форматов графических
изображений.
Виды компьютерной
графики
 Растровая графика
 Векторная графика
 Фрактальная графика
 3D графика
Виды компьютерной графики
отличаются принципами
формирования изображения
Растровая графика
 Применяется при
разработке электронных и
полиграфических изданий
 Большинство редакторов
ориентированы не столько
на создание изображений,
сколько на их обработку
 В Интернете применяются
только растровые
иллюстрации
Основным элементом растрового
изображения является точка
 Разрешение
изображения
выражает количество
точек в единице
длины (dpi –
количество точек на
дюйм)
 Если изображение
экранное, то эта точка
называется пикселем
Пиксел (пиксель) -
(от англ. picture element – элемент
картинки) – наименьший элемент
растрового изображения.
В простейшем случае (черно-белое
изображение без градаций серого цвета).
Каждая точка экрана может иметь лишь два
состояния – «черная» или «белая», т.е. для
хранения ее состояния необходим 1 бит.
Цветные изображения могут иметь
различную глубину цвета (бит на точку 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
Изображение может иметь различный
размер, которое определяется
количеством точек по горизонтали и
вертикали.
М
N
Пиксель
РастрРастр M x N
(графическая сетка)
Растр -
(от англ. raster) – представление
изображения в виде двумерного массива
точек (пикселов), упорядоченных в ряды и
столбцы
В современных ПК обычно
используются 4 основных
размера изображения или
разрешающих способностей
экрана: 640х480, 800х600,
1024х768, 1280х1024 пикселя.
Графический режим вывода
изображения на экран
определяется разрешающей
способностью экрана и глубиной
(интенсивностью) цвета.
Полная информация о всех
точках изображения, хранящаяся
в видеопамяти, называется
битовой картой изображения..
Основные проблемы при работе с
растровой графикой
 Большие объемы данных.
Для обработки растровых
изображений требуются
высокопроизводительные
компьютеры
 Увеличение изображения
приводит к эффекту
пикселизации,
иллюстрация искажается
Форматы файлов растровой
графики
.bmp Bitmap. Стандартный формат Windows. Большой
размер файлов из-за отсутствия сжатия
изображения.
.jpg
.jpeg
Joint Photographic Experts Group. Предназначен
для хранения многоцветных изображений
(фотографий). Отличается огромной степенью
сжатия за счет потери информации. Степень
сжатия можно регулировать.
.gif Самый «плотный». Фиксированное количество
цветов (256). Позволяет создавать прозрачность
фона и анимацию изображения
Форматы файлов растровой
графики
.tif Tagged Image File Format. Формат
предназначен для хранения растровых
изображений высокого качества. Неплохая
степень сжатия. Возможность наложения
аннотаций и примечаний.
.psd
…
Photo Shop Document. Позволяет
запоминать параметры слоев, каналов,
степени прозрачности, множества масок.
Большой объем файлов.
Векторная графика
 Предназначена для
создания иллюстраций с
применением шрифтов и
простейших
геометрических объектов
 Основным элементом
векторного изображения
является контур (линия)
Сложные объекты векторной графики при
увеличении можно рассматривать более подробно
Фрактальная графика
 Фрактальная графика, как и
векторная, основана на
математических
вычислениях
 Базовым элементом
фрактальной графики
является сама
математическая формула,
изображение строится
исключительно по
уравнениям
Сравнительная характеристика
растровой и векторной графики
Характеристики Растровая графика Векторная графика
Элементарный объект пиксель (точка)
контур и внутренняя
область
Изображение
совокупность точек
(матрица)
совокупность объектов
Фотографическое качество да нет
Распечатка на принтере легко
иногда не печатаются или
выглядят не так
Объем памяти очень большой относительно небольшой
Масштабирование и вращение нежелательно да
Группировка и разгруппировка нет да
Форматы BMP, GIF, JPG, PCX, TIF WMF, EPS, DXF, CGM
Области применения
 При разработке электронных
(мультимедийных) и
полиграфических изданий
 В Интернете
Вывод:
Большинство графических
редакторов, предназначенных
для работы с растровыми
иллюстрациями, ориентированы
не столько на создание
изображений, сколько на их
обработку.
 В рекламных агентствах
 В дизайнерских бюро
 В редакциях и издательствах
Вывод:
Большинство векторных
редакторов предназначены, в
первую очередь, для создания
иллюстраций и в меньшей
степени для их обработки.
В оформительских работах,
основанных на применении
шрифтов и простейших
геометрических элементов.
Растровая графика Векторная графика
Lekctr

Weitere ähnliche Inhalte

Was ist angesagt?

Кодирование и обработка графической информации
Кодирование и обработка графической информацииКодирование и обработка графической информации
Кодирование и обработка графической информацииСергей Балан
 
Kompyuternaya grafika-
Kompyuternaya grafika-Kompyuternaya grafika-
Kompyuternaya grafika-LukaCaguria
 
Цифровое изображение
Цифровое изображениеЦифровое изображение
Цифровое изображениеBorisovna
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графикаSergei Dubrov
 
основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики502i
 
кодирование графики
кодирование графикикодирование графики
кодирование графикиkoralgen
 
Растровая графика
Растровая графикаРастровая графика
Растровая графикаkyky1234
 
виды графики
виды графикивиды графики
виды графикиelenash584
 
основные разделы компьютерной графики
основные разделы компьютерной графикиосновные разделы компьютерной графики
основные разделы компьютерной графикиМаксим Зинченко
 
1цифровоеизображение
1цифровоеизображение1цифровоеизображение
1цифровоеизображениеGulnaz Sayan
 
компьютерная графика для сайта
компьютерная графика для сайтакомпьютерная графика для сайта
компьютерная графика для сайтаisva69
 
основные понятия растровой графики
основные понятия растровой графикиосновные понятия растровой графики
основные понятия растровой графикиkoralgen
 

Was ist angesagt? (17)

Grafika
GrafikaGrafika
Grafika
 
560238
560238560238
560238
 
Кодирование и обработка графической информации
Кодирование и обработка графической информацииКодирование и обработка графической информации
Кодирование и обработка графической информации
 
1 ps pr
1 ps pr1 ps pr
1 ps pr
 
Kompyuternaya grafika-
Kompyuternaya grafika-Kompyuternaya grafika-
Kompyuternaya grafika-
 
Цифровое изображение
Цифровое изображениеЦифровое изображение
Цифровое изображение
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графика
 
основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики
 
кодирование графики
кодирование графикикодирование графики
кодирование графики
 
PK_lesson_3_Paint
PK_lesson_3_PaintPK_lesson_3_Paint
PK_lesson_3_Paint
 
Растровая графика
Растровая графикаРастровая графика
Растровая графика
 
виды графики
виды графикивиды графики
виды графики
 
основные разделы компьютерной графики
основные разделы компьютерной графикиосновные разделы компьютерной графики
основные разделы компьютерной графики
 
1цифровоеизображение
1цифровоеизображение1цифровоеизображение
1цифровоеизображение
 
компьютерная графика для сайта
компьютерная графика для сайтакомпьютерная графика для сайта
компьютерная графика для сайта
 
основные понятия растровой графики
основные понятия растровой графикиосновные понятия растровой графики
основные понятия растровой графики
 
графіка
графікаграфіка
графіка
 

Andere mochten auch

теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2RaynaITSTEP
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Leah Buley
 
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012Jeff Zhan
 
Въведение
ВъведениеВъведение
ВъведениеRaynaITSTEP
 
Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные изданияEd Solovey
 
Допечатная подготовка
Допечатная подготовкаДопечатная подготовка
Допечатная подготовкаEd Solovey
 
Big Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott RohlfsBig Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott Rohlfsmaditabalnco
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6RaynaITSTEP
 
Типографика. Введение
Типографика. Введение Типографика. Введение
Типографика. Введение Ed Solovey
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4RaynaITSTEP
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Региональные проекты
 
Photoshop Въведение
Photoshop ВъведениеPhotoshop Въведение
Photoshop ВъведениеRaynaITSTEP
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5RaynaITSTEP
 
теория на дизайна 1
теория на дизайна 1теория на дизайна 1
теория на дизайна 1RaynaITSTEP
 

Andere mochten auch (20)

теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013
 
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
 
Cvetmod
CvetmodCvetmod
Cvetmod
 
Въведение
ВъведениеВъведение
Въведение
 
Adobephotoshop2
Adobephotoshop2 Adobephotoshop2
Adobephotoshop2
 
Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные издания
 
Допечатная подготовка
Допечатная подготовкаДопечатная подготовка
Допечатная подготовка
 
Big Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott RohlfsBig Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott Rohlfs
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6
 
слои
слоислои
слои
 
Типографика. Введение
Типографика. Введение Типографика. Введение
Типографика. Введение
 
презентация1. фотошоп слайды
презентация1. фотошоп слайдыпрезентация1. фотошоп слайды
презентация1. фотошоп слайды
 
JPGs, PNGs, GIF and BMP
JPGs, PNGs, GIF and BMPJPGs, PNGs, GIF and BMP
JPGs, PNGs, GIF and BMP
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?
 
Photoshop Въведение
Photoshop ВъведениеPhotoshop Въведение
Photoshop Въведение
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5
 
теория на дизайна 1
теория на дизайна 1теория на дизайна 1
теория на дизайна 1
 
создание календаря Google
создание календаря Googleсоздание календаря Google
создание календаря Google
 

Ähnlich wie Lekctr

компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)isva69
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)isva69
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)isva69
 
Виды компьютерной графики. растровая графика. по.
Виды компьютерной графики. растровая графика. по.Виды компьютерной графики. растровая графика. по.
Виды компьютерной графики. растровая графика. по.Erkebulan Tulegenov
 
Форматы графических файлов
Форматы графических файловФорматы графических файлов
Форматы графических файловanastasiya357
 
основные понятия растровой графики
основные понятия растровой графикиосновные понятия растровой графики
основные понятия растровой графикиkoralgen
 
форматы графических файлов
форматы графических файловформаты графических файлов
форматы графических файловs__ravil
 
форматы графических файлов
форматы графических файловформаты графических файлов
форматы графических файловzalivaha
 
Основные параметры изображения
Основные параметры изображенияОсновные параметры изображения
Основные параметры изображенияstudpro
 
Kompyuternaya grafika-dyeh
Kompyuternaya grafika-dyehKompyuternaya grafika-dyeh
Kompyuternaya grafika-dyehLukaCaguria
 
Форматы графических файлов
Форматы графических файловФорматы графических файлов
Форматы графических файловstudpro
 
Презентация на тему Форматы графических файлов.ppt
Презентация на тему Форматы графических файлов.pptПрезентация на тему Форматы графических файлов.ppt
Презентация на тему Форматы графических файлов.pptssuser4393fb
 
графические форматы
графические форматыграфические форматы
графические форматыkoralgen
 
графические форматы
графические форматыграфические форматы
графические форматыkoralgen
 
Презентация на тему: Графические редакторы
Презентация на тему: Графические редакторыПрезентация на тему: Графические редакторы
Презентация на тему: Графические редакторы2berkas
 
открытый урок
открытый урокоткрытый урок
открытый урокOlga Sokolik
 
открытый урок
открытый урокоткрытый урок
открытый урокOlga Sokolik
 
Kod gr info
Kod gr infoKod gr info
Kod gr infoMariks
 
основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики502i
 
Комп'ютерна графіка
Комп'ютерна  графікаКомп'ютерна  графіка
Комп'ютерна графікаyaberdi
 

Ähnlich wie Lekctr (20)

компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)
 
Виды компьютерной графики. растровая графика. по.
Виды компьютерной графики. растровая графика. по.Виды компьютерной графики. растровая графика. по.
Виды компьютерной графики. растровая графика. по.
 
Форматы графических файлов
Форматы графических файловФорматы графических файлов
Форматы графических файлов
 
основные понятия растровой графики
основные понятия растровой графикиосновные понятия растровой графики
основные понятия растровой графики
 
форматы графических файлов
форматы графических файловформаты графических файлов
форматы графических файлов
 
форматы графических файлов
форматы графических файловформаты графических файлов
форматы графических файлов
 
Основные параметры изображения
Основные параметры изображенияОсновные параметры изображения
Основные параметры изображения
 
Kompyuternaya grafika-dyeh
Kompyuternaya grafika-dyehKompyuternaya grafika-dyeh
Kompyuternaya grafika-dyeh
 
Форматы графических файлов
Форматы графических файловФорматы графических файлов
Форматы графических файлов
 
Презентация на тему Форматы графических файлов.ppt
Презентация на тему Форматы графических файлов.pptПрезентация на тему Форматы графических файлов.ppt
Презентация на тему Форматы графических файлов.ppt
 
графические форматы
графические форматыграфические форматы
графические форматы
 
графические форматы
графические форматыграфические форматы
графические форматы
 
Презентация на тему: Графические редакторы
Презентация на тему: Графические редакторыПрезентация на тему: Графические редакторы
Презентация на тему: Графические редакторы
 
открытый урок
открытый урокоткрытый урок
открытый урок
 
открытый урок
открытый урокоткрытый урок
открытый урок
 
Kod gr info
Kod gr infoKod gr info
Kod gr info
 
основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики
 
Комп'ютерна графіка
Комп'ютерна  графікаКомп'ютерна  графіка
Комп'ютерна графіка
 

Lekctr

  • 2. Изучив эту тему вы узнаете:  Виды графических компьютерных изображений;  Принципы формирования графических изображений;  Типы форматов графических изображений.
  • 3.
  • 4. Виды компьютерной графики  Растровая графика  Векторная графика  Фрактальная графика  3D графика Виды компьютерной графики отличаются принципами формирования изображения
  • 5. Растровая графика  Применяется при разработке электронных и полиграфических изданий  Большинство редакторов ориентированы не столько на создание изображений, сколько на их обработку  В Интернете применяются только растровые иллюстрации
  • 6. Основным элементом растрового изображения является точка  Разрешение изображения выражает количество точек в единице длины (dpi – количество точек на дюйм)  Если изображение экранное, то эта точка называется пикселем
  • 7. Пиксел (пиксель) - (от англ. picture element – элемент картинки) – наименьший элемент растрового изображения.
  • 8. В простейшем случае (черно-белое изображение без градаций серого цвета). Каждая точка экрана может иметь лишь два состояния – «черная» или «белая», т.е. для хранения ее состояния необходим 1 бит.
  • 9.
  • 10. Цветные изображения могут иметь различную глубину цвета (бит на точку 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
  • 11.
  • 12.
  • 13. Изображение может иметь различный размер, которое определяется количеством точек по горизонтали и вертикали. М N Пиксель РастрРастр M x N (графическая сетка)
  • 14. Растр - (от англ. raster) – представление изображения в виде двумерного массива точек (пикселов), упорядоченных в ряды и столбцы
  • 15. В современных ПК обычно используются 4 основных размера изображения или разрешающих способностей экрана: 640х480, 800х600, 1024х768, 1280х1024 пикселя.
  • 16. Графический режим вывода изображения на экран определяется разрешающей способностью экрана и глубиной (интенсивностью) цвета. Полная информация о всех точках изображения, хранящаяся в видеопамяти, называется битовой картой изображения..
  • 17. Основные проблемы при работе с растровой графикой  Большие объемы данных. Для обработки растровых изображений требуются высокопроизводительные компьютеры  Увеличение изображения приводит к эффекту пикселизации, иллюстрация искажается
  • 18.
  • 19. Форматы файлов растровой графики .bmp Bitmap. Стандартный формат Windows. Большой размер файлов из-за отсутствия сжатия изображения. .jpg .jpeg Joint Photographic Experts Group. Предназначен для хранения многоцветных изображений (фотографий). Отличается огромной степенью сжатия за счет потери информации. Степень сжатия можно регулировать. .gif Самый «плотный». Фиксированное количество цветов (256). Позволяет создавать прозрачность фона и анимацию изображения
  • 20. Форматы файлов растровой графики .tif Tagged Image File Format. Формат предназначен для хранения растровых изображений высокого качества. Неплохая степень сжатия. Возможность наложения аннотаций и примечаний. .psd … Photo Shop Document. Позволяет запоминать параметры слоев, каналов, степени прозрачности, множества масок. Большой объем файлов.
  • 21. Векторная графика  Предназначена для создания иллюстраций с применением шрифтов и простейших геометрических объектов  Основным элементом векторного изображения является контур (линия)
  • 22. Сложные объекты векторной графики при увеличении можно рассматривать более подробно
  • 23. Фрактальная графика  Фрактальная графика, как и векторная, основана на математических вычислениях  Базовым элементом фрактальной графики является сама математическая формула, изображение строится исключительно по уравнениям
  • 24. Сравнительная характеристика растровой и векторной графики Характеристики Растровая графика Векторная графика Элементарный объект пиксель (точка) контур и внутренняя область Изображение совокупность точек (матрица) совокупность объектов Фотографическое качество да нет Распечатка на принтере легко иногда не печатаются или выглядят не так Объем памяти очень большой относительно небольшой Масштабирование и вращение нежелательно да Группировка и разгруппировка нет да Форматы BMP, GIF, JPG, PCX, TIF WMF, EPS, DXF, CGM
  • 25. Области применения  При разработке электронных (мультимедийных) и полиграфических изданий  В Интернете Вывод: Большинство графических редакторов, предназначенных для работы с растровыми иллюстрациями, ориентированы не столько на создание изображений, сколько на их обработку.  В рекламных агентствах  В дизайнерских бюро  В редакциях и издательствах Вывод: Большинство векторных редакторов предназначены, в первую очередь, для создания иллюстраций и в меньшей степени для их обработки. В оформительских работах, основанных на применении шрифтов и простейших геометрических элементов. Растровая графика Векторная графика