SlideShare a Scribd company logo
1 of 23
Растровая графика
• Растровую графику применяют при
разработке электронных (мультимедийных )
и полиграфических изданий. Иллюстрации,
выполненные средствами растровой
графики, редко создают вручную с
помощью компьютерных программ. Чаще
для этой цели используют сканированные
изображения и фотографии, занесенные в
компьютер с помощью цифровой фото- и
видеокамеры. Поэтому большинство
растровых редакторов ориентированы на
обработку изображения.
Растровая графика
• Основным элементом растровой графики
является точка (пиксель). На экране
монитора могут размещаться изображения,
имеющие 640х480, 800х600, 1024х768 и более
пикселей.
• С размером изображения связано его
разрешение, которое измеряется в dpi (точки
на дюйм).
• Недостатки растровых изображений: большой
объем иллюстраций и пикселизация
(укрупнение точек).
Растровая графика
Векторная графика
• Программные средства для работы с
векторной графикой предназначены для
создания, а не обработки изображения. Такие
средства широко используют в рекламных
агентствах, дизайнерских бюро, редакциях и
издательствах. Оформительские работы,
основанные на применении шрифтов и
простейших геометрических фигур, решаются
средствами векторной графики намного
проще.
Векторная графика
• Основной элемент изображения –
линия. Все, что есть в векторной
иллюстрации, состоит из линий.
Например, объект «четырехугольник»
можно рассматривать как 4 связанные
линии и т.д. Свойства линии: форма,
ее толщина, цвет, характер
(сплошная, пунктирная и т.д.).
Замкнутые линии имеют свойство
заполнения.
Векторная графика
Математические основы
векторной графики
-4
-3
-2
-1
0
1
2
3
4
-1,5 -1 -0,5 0 0,5 1 1,5
X
Y
М (x, y)
О (0,0)
Y
X О (0,0)
Y
X
Y=k*x + b
0
0,5
1
1,5
2
2,5
-1,5 -1 -0,5 0 0,5 1 1,5
X
Y
Фрактальная графика
• Программные средства для работы с
фрактальной графикой предназначены
для автоматической генерации
изображений путем математических
расчетов. Создание фрактальной
художественной композиции состоит не
в рисовании или обработке, а
программировании. Применяется для
создания печатных и электронных
документов, в развлекательных
Основные понятия
компьютерной графики
Разрешение
Разрешение
экрана
Разрешение
изображения
Разрешение
печатающего
устройства
Это свойство
компьютерной
системы и
операционной
системы
(в пикселях)
Это свойство
принтера, выражает
кол-во точек, которые
могут быть
напечатаны на
участке определенной
длины
(в точках на дюйм)
Это свойство
самого
изображения
(dpi, точки на
дюйм)
1 дюйм = 2,54 см
Размер
отпечатка
75 dpi 150 dpi 300 dpi 600 dpi
10х15
(фотоснимок)
380
Кбайт
1,5
Мбайт
6 Мбайт 24 Мбайт
25х30
(обложка
журнала)
1,9
Мбайт
7,5
Мбайт
30 Мбайт 120 Мбайт
50х30
(разворот
журнала
3,8
Мбайт
15 Мбайт 60 Мбайт 240 Мбайт
Размер
иллюстрации
75 dpi 150 dpi 300 dpi 600 dpi
640x480 212x163 108x81 55x40 28x20
800x600 271x203 136x102 68x51 34x26
1024x768 344x260 173x130 88x66 44x33
1152x864 390x293 195x146 98x73 49x37
1600x1200 542x406 271x203 136x102 68x51
Цветовая модель
•RGB – красный, зеленый, синий
(суммирующая модель, смешиваются
оттенки исходных цветов,
применяется в телевизорах и
мониторах). По умолчанию
применяется в графическом
редакторе для подготовки
изображений к просмотру на экране.
• CMYK – применяется для печатания
изображений.
Вычитающая модель, цветовыми
компонентами являются те, которые
получаются вычитанием из белого цвета
основных цветов.
Голубой (Cyan) = белый - красный = зеленый
+ синий
Пурпурный (Magenta) = белый – зеленый
Желтый (Yellow) = белый – синий
•HSB – удобен для человека.
Hue – оттенок цвета
Saturation – насыщенность цвета
Brightness – яркость цвета.
Регулируя эти компоненты,
получаем
миллионы оттенков.
Начало работы в Photoshop
• Пуск – Все программы – Adobe
Photoshop
• Файл – Открыть
• Выделение - Все
• Правка – Копировать
• Файл – Новый – Имя
• Правка - Вставить
Для выделения объектов:
• - прямоугольная область
• - магический жезл. Качество
выделения зависит от настройки
чувствительности
• - лассо. Позволяет четко выделить
нужную область (линиями, нужно
держать клавишу ALT).
Масштаб
• Увеличение – CTRL + +
• Уменьшение – CTRL + -
• Или на соответствующем знаке на
панели инструментов
Возможность отката
Размер изображения
• При изменении кол-ва пикселей
меняется размер отпечатка.
• При изменении dpi меняется кол-во
пикселей (Photoshop достраивает
пиксели как кирпичики)
• Если dpi увеличить, а размер пикселей
оставить прежним, то размер отпечатка
уменьшается
Убрать неровности, морщины
помогают инструменты:
• - лечащая кисть
• - размытие
• - клонирование штампа.
Применяется также для
восстановления старых фотографий
С помощью команды Рисунок –
Настройки – Уровни можно уменьшить
или добавить черный цвет
Задание
• Изменить размеры любого изображения,
чтобы его отпечаток уменьшился в 2 раза, а
dpi осталось прежним
• Изменить размер, чтобы его размер в
пикселях уменьшился
• Вырезать центральный фрагмент рисунка
(команда Рисунок – Размер контура)
• Выделить фрагмент из рисунка
• Поработать с командой Уровни.

More Related Content

What's hot

цветовые модели
цветовые моделицветовые модели
цветовые моделиstudent_SSGA
 
Цифровое изображение
Цифровое изображениеЦифровое изображение
Цифровое изображениеBorisovna
 
Kompyuternaya grafika-
Kompyuternaya grafika-Kompyuternaya grafika-
Kompyuternaya grafika-LukaCaguria
 
Векторная графика
Векторная графикаВекторная графика
Векторная графикаstudpro
 
Кодирование графической информации 9 класс
Кодирование графической информации 9 классКодирование графической информации 9 класс
Кодирование графической информации 9 классБорис Землянский
 
Цвет в компьютерной графике
Цвет в компьютерной графикеЦвет в компьютерной графике
Цвет в компьютерной графикеTatka_k
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графикаSergei Dubrov
 

What's hot (10)

цветовые модели
цветовые моделицветовые модели
цветовые модели
 
Цифровое изображение
Цифровое изображениеЦифровое изображение
Цифровое изображение
 
Kompyuternaya grafika-
Kompyuternaya grafika-Kompyuternaya grafika-
Kompyuternaya grafika-
 
Векторная графика
Векторная графикаВекторная графика
Векторная графика
 
Кодирование графической информации 9 класс
Кодирование графической информации 9 классКодирование графической информации 9 класс
Кодирование графической информации 9 класс
 
Цвет в компьютерной графике
Цвет в компьютерной графикеЦвет в компьютерной графике
Цвет в компьютерной графике
 
компьютерная графика
компьютерная графикакомпьютерная графика
компьютерная графика
 
14. компьютерная графика
14. компьютерная графика14. компьютерная графика
14. компьютерная графика
 
Компьютерная графика
Компьютерная графикаКомпьютерная графика
Компьютерная графика
 
560238
560238560238
560238
 

Similar to виды компьютерной графики

основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики502i
 
основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики502i
 
Презентация на тему: Графические редакторы
Презентация на тему: Графические редакторыПрезентация на тему: Графические редакторы
Презентация на тему: Графические редакторы2berkas
 
компьютерная графика для сайта
компьютерная графика для сайтакомпьютерная графика для сайта
компьютерная графика для сайтаisva69
 
Компьютерная графика
Компьютерная графикаКомпьютерная графика
Компьютерная графикаOlesya_Snezhko
 
Kompyuternaya grafika-dyeh
Kompyuternaya grafika-dyehKompyuternaya grafika-dyeh
Kompyuternaya grafika-dyehLukaCaguria
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)isva69
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)isva69
 
виды графики
виды графикивиды графики
виды графикиelenash584
 
Основные параметры изображения
Основные параметры изображенияОсновные параметры изображения
Основные параметры изображенияstudpro
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)IT Academy Project EU
 
Босова 3.1 (2)
Босова 3.1 (2)Босова 3.1 (2)
Босова 3.1 (2)Ivan_Ivanov
 
растровая графика
растровая графикарастровая графика
растровая графикаri4erson
 
графический редактор
графический редакторграфический редактор
графический редакторliza2209
 

Similar to виды компьютерной графики (20)

основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики
 
основные понятия компьютерной графики
основные понятия компьютерной графикиосновные понятия компьютерной графики
основные понятия компьютерной графики
 
Grafika 9klass
Grafika 9klassGrafika 9klass
Grafika 9klass
 
Презентация на тему: Графические редакторы
Презентация на тему: Графические редакторыПрезентация на тему: Графические редакторы
Презентация на тему: Графические редакторы
 
компьютерная графика для сайта
компьютерная графика для сайтакомпьютерная графика для сайта
компьютерная графика для сайта
 
Графическая информация
Графическая информацияГрафическая информация
Графическая информация
 
Компьютерная графика
Компьютерная графикаКомпьютерная графика
Компьютерная графика
 
Lekctr
LekctrLekctr
Lekctr
 
Kompyuternaya grafika-dyeh
Kompyuternaya grafika-dyehKompyuternaya grafika-dyeh
Kompyuternaya grafika-dyeh
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)
 
компьютерная графика (8 класс)
компьютерная графика (8 класс)компьютерная графика (8 класс)
компьютерная графика (8 класс)
 
виды графики
виды графикивиды графики
виды графики
 
Grafika 9
Grafika 9Grafika 9
Grafika 9
 
графіка
графікаграфіка
графіка
 
50
5050
50
 
Основные параметры изображения
Основные параметры изображенияОсновные параметры изображения
Основные параметры изображения
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
Босова 3.1 (2)
Босова 3.1 (2)Босова 3.1 (2)
Босова 3.1 (2)
 
растровая графика
растровая графикарастровая графика
растровая графика
 
графический редактор
графический редакторграфический редактор
графический редактор
 

More from bukish

124124124f asfas f
124124124f asfas f124124124f asfas f
124124124f asfas fbukish
 
Theacher3fsad f
Theacher3fsad fTheacher3fsad f
Theacher3fsad fbukish
 
Theacher2f asdf
Theacher2f asdfTheacher2f asdf
Theacher2f asdfbukish
 
Parance2 sfadf
Parance2 sfadf Parance2 sfadf
Parance2 sfadf bukish
 
Parance1 sdaf
Parance1 sdaf Parance1 sdaf
Parance1 sdaf bukish
 
Parance3 das
Parance3 dasParance3 das
Parance3 dasbukish
 
Teacher1 sad
Teacher1 sadTeacher1 sad
Teacher1 sadbukish
 
Eho december
Eho decemberEho december
Eho decemberbukish
 
124125fas dfas
124125fas dfas 124125fas dfas
124125fas dfas bukish
 
124125f asdf
124125f asdf 124125f asdf
124125f asdf bukish
 
3fdas fasd
3fdas fasd3fdas fasd
3fdas fasdbukish
 
2fasd f asdfs
2fasd f asdfs2fasd f asdfs
2fasd f asdfsbukish
 
1sd asd asdf as
1sd asd asdf as1sd asd asdf as
1sd asd asdf asbukish
 
6fdas fsdaf asd
6fdas fsdaf asd6fdas fsdaf asd
6fdas fsdaf asdbukish
 
5asdf asdf asdf a
5asdf asdf asdf a5asdf asdf asdf a
5asdf asdf asdf abukish
 
4f asdf a
4f asdf a4f asdf a
4f asdf abukish
 
421415 dgs gsd
421415 dgs gsd421415 dgs gsd
421415 dgs gsdbukish
 
2 saf a
2 saf a2 saf a
2 saf abukish
 
1f asf asf
1f asf asf1f asf asf
1f asf asfbukish
 
4f asf asf
4f asf asf4f asf asf
4f asf asfbukish
 

More from bukish (20)

124124124f asfas f
124124124f asfas f124124124f asfas f
124124124f asfas f
 
Theacher3fsad f
Theacher3fsad fTheacher3fsad f
Theacher3fsad f
 
Theacher2f asdf
Theacher2f asdfTheacher2f asdf
Theacher2f asdf
 
Parance2 sfadf
Parance2 sfadf Parance2 sfadf
Parance2 sfadf
 
Parance1 sdaf
Parance1 sdaf Parance1 sdaf
Parance1 sdaf
 
Parance3 das
Parance3 dasParance3 das
Parance3 das
 
Teacher1 sad
Teacher1 sadTeacher1 sad
Teacher1 sad
 
Eho december
Eho decemberEho december
Eho december
 
124125fas dfas
124125fas dfas 124125fas dfas
124125fas dfas
 
124125f asdf
124125f asdf 124125f asdf
124125f asdf
 
3fdas fasd
3fdas fasd3fdas fasd
3fdas fasd
 
2fasd f asdfs
2fasd f asdfs2fasd f asdfs
2fasd f asdfs
 
1sd asd asdf as
1sd asd asdf as1sd asd asdf as
1sd asd asdf as
 
6fdas fsdaf asd
6fdas fsdaf asd6fdas fsdaf asd
6fdas fsdaf asd
 
5asdf asdf asdf a
5asdf asdf asdf a5asdf asdf asdf a
5asdf asdf asdf a
 
4f asdf a
4f asdf a4f asdf a
4f asdf a
 
421415 dgs gsd
421415 dgs gsd421415 dgs gsd
421415 dgs gsd
 
2 saf a
2 saf a2 saf a
2 saf a
 
1f asf asf
1f asf asf1f asf asf
1f asf asf
 
4f asf asf
4f asf asf4f asf asf
4f asf asf
 

виды компьютерной графики

  • 1.
  • 2. Растровая графика • Растровую графику применяют при разработке электронных (мультимедийных ) и полиграфических изданий. Иллюстрации, выполненные средствами растровой графики, редко создают вручную с помощью компьютерных программ. Чаще для этой цели используют сканированные изображения и фотографии, занесенные в компьютер с помощью цифровой фото- и видеокамеры. Поэтому большинство растровых редакторов ориентированы на обработку изображения.
  • 3. Растровая графика • Основным элементом растровой графики является точка (пиксель). На экране монитора могут размещаться изображения, имеющие 640х480, 800х600, 1024х768 и более пикселей. • С размером изображения связано его разрешение, которое измеряется в dpi (точки на дюйм). • Недостатки растровых изображений: большой объем иллюстраций и пикселизация (укрупнение точек).
  • 5. Векторная графика • Программные средства для работы с векторной графикой предназначены для создания, а не обработки изображения. Такие средства широко используют в рекламных агентствах, дизайнерских бюро, редакциях и издательствах. Оформительские работы, основанные на применении шрифтов и простейших геометрических фигур, решаются средствами векторной графики намного проще.
  • 6. Векторная графика • Основной элемент изображения – линия. Все, что есть в векторной иллюстрации, состоит из линий. Например, объект «четырехугольник» можно рассматривать как 4 связанные линии и т.д. Свойства линии: форма, ее толщина, цвет, характер (сплошная, пунктирная и т.д.). Замкнутые линии имеют свойство заполнения.
  • 8. Математические основы векторной графики -4 -3 -2 -1 0 1 2 3 4 -1,5 -1 -0,5 0 0,5 1 1,5 X Y М (x, y) О (0,0) Y X О (0,0) Y X Y=k*x + b 0 0,5 1 1,5 2 2,5 -1,5 -1 -0,5 0 0,5 1 1,5 X Y
  • 9. Фрактальная графика • Программные средства для работы с фрактальной графикой предназначены для автоматической генерации изображений путем математических расчетов. Создание фрактальной художественной композиции состоит не в рисовании или обработке, а программировании. Применяется для создания печатных и электронных документов, в развлекательных
  • 10. Основные понятия компьютерной графики Разрешение Разрешение экрана Разрешение изображения Разрешение печатающего устройства Это свойство компьютерной системы и операционной системы (в пикселях) Это свойство принтера, выражает кол-во точек, которые могут быть напечатаны на участке определенной длины (в точках на дюйм) Это свойство самого изображения (dpi, точки на дюйм) 1 дюйм = 2,54 см
  • 11. Размер отпечатка 75 dpi 150 dpi 300 dpi 600 dpi 10х15 (фотоснимок) 380 Кбайт 1,5 Мбайт 6 Мбайт 24 Мбайт 25х30 (обложка журнала) 1,9 Мбайт 7,5 Мбайт 30 Мбайт 120 Мбайт 50х30 (разворот журнала 3,8 Мбайт 15 Мбайт 60 Мбайт 240 Мбайт
  • 12. Размер иллюстрации 75 dpi 150 dpi 300 dpi 600 dpi 640x480 212x163 108x81 55x40 28x20 800x600 271x203 136x102 68x51 34x26 1024x768 344x260 173x130 88x66 44x33 1152x864 390x293 195x146 98x73 49x37 1600x1200 542x406 271x203 136x102 68x51
  • 13. Цветовая модель •RGB – красный, зеленый, синий (суммирующая модель, смешиваются оттенки исходных цветов, применяется в телевизорах и мониторах). По умолчанию применяется в графическом редакторе для подготовки изображений к просмотру на экране.
  • 14. • CMYK – применяется для печатания изображений. Вычитающая модель, цветовыми компонентами являются те, которые получаются вычитанием из белого цвета основных цветов. Голубой (Cyan) = белый - красный = зеленый + синий Пурпурный (Magenta) = белый – зеленый Желтый (Yellow) = белый – синий
  • 15. •HSB – удобен для человека. Hue – оттенок цвета Saturation – насыщенность цвета Brightness – яркость цвета. Регулируя эти компоненты, получаем миллионы оттенков.
  • 16. Начало работы в Photoshop • Пуск – Все программы – Adobe Photoshop • Файл – Открыть • Выделение - Все • Правка – Копировать • Файл – Новый – Имя • Правка - Вставить
  • 17. Для выделения объектов: • - прямоугольная область • - магический жезл. Качество выделения зависит от настройки чувствительности • - лассо. Позволяет четко выделить нужную область (линиями, нужно держать клавишу ALT).
  • 18. Масштаб • Увеличение – CTRL + + • Уменьшение – CTRL + - • Или на соответствующем знаке на панели инструментов
  • 20. Размер изображения • При изменении кол-ва пикселей меняется размер отпечатка. • При изменении dpi меняется кол-во пикселей (Photoshop достраивает пиксели как кирпичики) • Если dpi увеличить, а размер пикселей оставить прежним, то размер отпечатка уменьшается
  • 21. Убрать неровности, морщины помогают инструменты: • - лечащая кисть • - размытие • - клонирование штампа. Применяется также для восстановления старых фотографий
  • 22. С помощью команды Рисунок – Настройки – Уровни можно уменьшить или добавить черный цвет
  • 23. Задание • Изменить размеры любого изображения, чтобы его отпечаток уменьшился в 2 раза, а dpi осталось прежним • Изменить размер, чтобы его размер в пикселях уменьшился • Вырезать центральный фрагмент рисунка (команда Рисунок – Размер контура) • Выделить фрагмент из рисунка • Поработать с командой Уровни.