SlideShare a Scribd company logo
Інформатика 5 клас
Поняття графічного
редактора, його
призначення. Середовище
растрового графічного
редактора.
Поняття комп ’ютерної
графіки

Комп’ютерна графіка – галузь людської
діяльності, пов'язана з використанням
комп'ютерів для створення зображень і
обробки візуальної інформації, отриманої з
реального світу

http://leontyev.at.ua
ЗАСОБИ ОТРИМАННЯ ГРАФІЧНИХ ЗОБРАЖЕНЬ

Графічний планшет
Цифрова
фотокамера
Слайд – сканер
Сканер
http://leontyev.at.ua
http://leontyev.at.ua
Види комп'ютерної графіки
Графічні об'єкти, як і текст,
зберігаються на носіях у
вигляді файлів даних.
Графічні файли даних бувають
статичними та анімаційними.
В залежності від цього
розрізняють:
•

•

статичну графіку
• малюнки
• фотографії
• креслення
• схеми
• діаграми
• тощо
динамічну графіку
• анімація
• відео

http://leontyev.at.ua
Растрова

Види
комп’ютерної
графіки

Векторна

http://leontyev.at.ua
Векторна графіка
Векторна графіка представляє зображення як набір
геометричних примітивів: крапки, прямі, кола,
прямокутники, криві лінії, які описуються математичними
формулами.
Об'єктам надаються деякі
атрибути, наприклад, товщина
ліній, колір заповнення.

На зображенні
показані
векторний
малюнок і
окремі його
елементи

Малюнок зберігається у файлі як набір
координат, векторів та інших чисел, що
характеризують набір примітивів. Тому
він має невеликий розмір.
При відтворенні
об'єктів, що
перекриваються, має
значення їх порядок.

http://leontyev.at.ua
Основна властивість векторної графіки
Основна властивість векторного зображення пов'язана із принципом його
кодування. В файлі такого зображення зберігаються математичні
характеристики його елементів. Тому розмір такого файлу не залежить від
розміру його зображення.
Файли векторного зображення обох птахів мають однакові розміри, хоча
їх зображення мають різні розміри при однаковій якості.

Всі зображення, які не потребують
високої реалістичності (креслення,
мапи, ділову графіку, рисунки)
рекомендується створювати і
зберігати саме як зображення
векторного типу.

http://leontyev.at.ua
Растрова графіка
Растрове зображення являє собою
прямокутний масив пікселів.
Нагадаємо, що піксель —
це неподільний елемент
зображення, зазвичай
квадратної форми, який має
певний колір.

Як правило, піксели такі малі, що
на екрані вони зливаються, і
зображення видається цілісним,
хоча в разі збільшення добре видно
його зернисту структуру.
http://leontyev.at.ua
Порівняння растрових та векторних зображень

Векторні зображення

Растрові зображення

Складаються з об'єктів, описаних
математично

Складаються з масивів пікселів

Менші обсяги файлів. Обсяг
залежить не від розміру
зображення, а від кількості об'єктів
на ньому

Більші обсяги файлів. Обсяг
залежить від розміру зображення

Можна збільшувати без погіршення
якості

У разі збільшення зображення якість
погіршується

Не дають змогу точно передати
перехід від одного кольору до
іншого

Дають змогу отримати зображення
фотографічної якості

Застосовують для зберігання
креслень, ділової графіки, шрифтів,
рисунків з чіткими контурами

Застосовують для зберігання
фотографій, творів живопису,
збережень елементів інтерфейсу
http://leontyev.at.ua
Растрова графіка
Переваги
• Реалістичність
зображень;
• Природність кольорів
• Можливість отримання
зображень за
допомогою спеціальних
пристроїв

Недоліки
• Великий обсяг даних
• Пікселізація зображення
при збільшенні
масштабу перегляду
або збільшені розміру
масштабу;
• Складність
редагування окремих
елементів зображення

Растрові
зображенн
я

http://leontyev.at.ua
Векторна графіка
Переваги

Недоліки

• Невеликі за розміром
файли зображень;
• Збереження якості при
масштабуванні
• Легкість модифікації
зображень

• Схематичність
зображення
• Неприродність кольорів
при відтворенні
реальних об’єктів

Векторне
зображенн
я

http://leontyev.at.ua
Програмні засоби комп'ютерної графіки
Графічний редактор – це прикладна
програма, яка дає користувачеві змогу
створювати й редагувати на екрані
комп'ютера зображення та зберігати їх для
подальшого використання.

Растрові
редактори

• Microsoft Paint
• Adobe Photoshop

Векторні
редактори

• Adobe Illustrator
• CorelDraw

http://leontyev.at.ua
Растрові редактори

http://leontyev.at.ua
Векторні редактори

http://leontyev.at.ua
Формати графічних файлів

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

BMP (Bitmap)

GIF
(CompuServe
Graphics
Interchange
Format)

Застосовуються
для збереження
растрових
зображень без
стиснення, з
кодуванням
інформації про
кожен піксел.

Призначений для
стиснення
растрових
зображень, у яких
міститься багато
однорідних заливок.
Обмеження полягає
в тому, що
кольорове
зображення може
бути записане
тільки в режимі 256
кольорів.

JPEG (Join
Photographic
Experts Group)

Краще
застосовувати
для зберігання
растрових
зображень
фотографічної
якості, дозволяє
гнучко варіювати
між рівнем
стиснення та
якістю
зображення

PNG (Portable
Network
Graphics)

Використовується
для зображень,
які розміщуються
в Інтернеті,
забезпечує
однаковий вигляд
зображення
незалежно від
використаного
браузера та
монітора

TIFF (Tagged
Image File
Format)

Один із
найпоширеніших і
найнадійніших
растрових
форматів,
найкращий вибір
для сканованих
малюнків, а також
для імпортування
растрової графіки
у векторні
редактори

http://leontyev.at.ua
Запуск програми

Графічний редактор
Paint входить у стандартну
поставку Windows і
знаходиться за адресою:
ПУСК→
Все программы→
Стандартные→
Paint
Вікно редактора
Головне
меню

Рядок
заголовка
Робоча
область

Панель
інструментів
Палітра
кольорів

Смуги
прокрутки
Головне меню

• Файл – робота з графічними файлами
(створення, відкриття, збереження,
друкування)
• Правка – редагування малюнка
• Вид – управління зображенням деяких
елементів вікна
• Рисунок – обробка малюнка (встановлення
розмірів, нахилів, поворотів)
• Палитра – завантаження, зміна і
збереження палітри кольорів
• Справка – виклик довідкової інформації

More Related Content

What's hot

дроботюк юлії
дроботюк юліїдроботюк юлії
дроботюк юлії
Yulia_Drobotyuk0503
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
kissoli
 
Prezentacsia
PrezentacsiaPrezentacsia
Prezentacsiabaltagi0
 
6 клас урок 2 дистанція
6 клас урок 2 дистанція6 клас урок 2 дистанція
6 клас урок 2 дистанція
Татьяна Ляш
 
Lesson # 2 computer graphics
Lesson # 2 computer graphicsLesson # 2 computer graphics
Lesson # 2 computer graphics
Nikolay Shaygorodskiy
 
Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)
Nikolay Shaygorodskiy
 
Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.
Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.
Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.
Ihor Tkachenko
 
Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...
Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...
Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...
Ihor Tkachenko
 
векторна і растрова графіка
векторна і растрова графікавекторна і растрова графіка
векторна і растрова графіка
Алина Тихоненко
 
комп графика
комп графикакомп графика
комп графика
Ирина Валериевна
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
slavinskiy
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.Sanya Dzhedzhera
 

What's hot (13)

дроботюк юлії
дроботюк юліїдроботюк юлії
дроботюк юлії
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
 
Prezentacsia
PrezentacsiaPrezentacsia
Prezentacsia
 
6 клас урок 2 дистанція
6 клас урок 2 дистанція6 клас урок 2 дистанція
6 клас урок 2 дистанція
 
Lesson # 2 computer graphics
Lesson # 2 computer graphicsLesson # 2 computer graphics
Lesson # 2 computer graphics
 
Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)Lesson # 2 computer graphics (presentation)
Lesson # 2 computer graphics (presentation)
 
Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.
Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.
Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.
 
Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...
Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...
Урок 3. Векторні зображення, їхні властивості. Формати файлів векторних зобра...
 
векторна і растрова графіка
векторна і растрова графікавекторна і растрова графіка
векторна і растрова графіка
 
комп графика
комп графикакомп графика
комп графика
 
комп’ютерна графіка
комп’ютерна графікакомп’ютерна графіка
комп’ютерна графіка
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
 
Rozdil1
Rozdil1Rozdil1
Rozdil1
 

Similar to 5 клас 16 урок. Поняття графічного редактора, його призначення. Середовище растрового графічного редактора.

Prezentacsia
PrezentacsiaPrezentacsia
Prezentacsia
baltagi0
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
Yulia_Drobotyuk0503
 
урок 2 типи графічних файлів
урок 2 типи графічних файлівурок 2 типи графічних файлів
урок 2 типи графічних файлівmrprizrak
 
Kompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анниKompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анни
oksanamk
 
Компютерна графіка
Компютерна графікаКомпютерна графіка
Компютерна графіка
anna_popravka12
 
комп графика
комп графикакомп графика
комп графика
Ирина Валериевна
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
Sanya Dzhedzhera
 
Графіка для веб-середовища
Графіка для веб-середовищаГрафіка для веб-середовища
Графіка для веб-середовища
russoua
 
Komp gragika 1-1
Komp gragika 1-1Komp gragika 1-1
Komp gragika 1-1germion
 
Kompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анниKompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анни
marunasorokina
 
6 клас Урок 2.pptx
6 клас Урок 2.pptx6 клас Урок 2.pptx
6 клас Урок 2.pptx
ssuser53d8f2
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графікиannaeres
 
IIHE-Lecture5
IIHE-Lecture5IIHE-Lecture5
IIHE-Lecture5
Georgii Zhabieiev
 
що таке компьютерна графіка
що таке компьютерна графікащо таке компьютерна графіка
що таке компьютерна графікаMaryna Zaharova
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
Pavlo1878
 
Naumchuka vasilya
Naumchuka vasilyaNaumchuka vasilya
Naumchuka vasilya
Vasil8
 
Презинтація
ПрезинтаціяПрезинтація
Презинтація
Олег Василець
 
Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"
Nuta1910
 

Similar to 5 клас 16 урок. Поняття графічного редактора, його призначення. Середовище растрового графічного редактора. (20)

Graphica rozdil1
Graphica rozdil1Graphica rozdil1
Graphica rozdil1
 
Prezentacsia
PrezentacsiaPrezentacsia
Prezentacsia
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
 
урок 2 типи графічних файлів
урок 2 типи графічних файлівурок 2 типи графічних файлів
урок 2 типи графічних файлів
 
Kompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анниKompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анни
 
Компютерна графіка
Компютерна графікаКомпютерна графіка
Компютерна графіка
 
комп графика
комп графикакомп графика
комп графика
 
поняття комп'ютерної графіки.
поняття комп'ютерної графіки.поняття комп'ютерної графіки.
поняття комп'ютерної графіки.
 
Графіка для веб-середовища
Графіка для веб-середовищаГрафіка для веб-середовища
Графіка для веб-середовища
 
Komp gragika 1-1
Komp gragika 1-1Komp gragika 1-1
Komp gragika 1-1
 
Kompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анниKompyuternaya grafika- поправки анни
Kompyuternaya grafika- поправки анни
 
6 клас Урок 2.pptx
6 клас Урок 2.pptx6 клас Урок 2.pptx
6 клас Урок 2.pptx
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
 
IIHE-Lecture5
IIHE-Lecture5IIHE-Lecture5
IIHE-Lecture5
 
що таке компьютерна графіка
що таке компьютерна графікащо таке компьютерна графіка
що таке компьютерна графіка
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
комп'ютерна графыка
комп'ютерна графыкакомп'ютерна графыка
комп'ютерна графыка
 
Naumchuka vasilya
Naumchuka vasilyaNaumchuka vasilya
Naumchuka vasilya
 
Презинтація
ПрезинтаціяПрезинтація
Презинтація
 
Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"Урок в 9 класі на тему "Комп'ютерна графіка"
Урок в 9 класі на тему "Комп'ютерна графіка"
 

5 клас 16 урок. Поняття графічного редактора, його призначення. Середовище растрового графічного редактора.

  • 1. Інформатика 5 клас Поняття графічного редактора, його призначення. Середовище растрового графічного редактора.
  • 2. Поняття комп ’ютерної графіки Комп’ютерна графіка – галузь людської діяльності, пов'язана з використанням комп'ютерів для створення зображень і обробки візуальної інформації, отриманої з реального світу http://leontyev.at.ua
  • 3. ЗАСОБИ ОТРИМАННЯ ГРАФІЧНИХ ЗОБРАЖЕНЬ Графічний планшет Цифрова фотокамера Слайд – сканер Сканер http://leontyev.at.ua
  • 5. Види комп'ютерної графіки Графічні об'єкти, як і текст, зберігаються на носіях у вигляді файлів даних. Графічні файли даних бувають статичними та анімаційними. В залежності від цього розрізняють: • • статичну графіку • малюнки • фотографії • креслення • схеми • діаграми • тощо динамічну графіку • анімація • відео http://leontyev.at.ua
  • 7. Векторна графіка Векторна графіка представляє зображення як набір геометричних примітивів: крапки, прямі, кола, прямокутники, криві лінії, які описуються математичними формулами. Об'єктам надаються деякі атрибути, наприклад, товщина ліній, колір заповнення. На зображенні показані векторний малюнок і окремі його елементи Малюнок зберігається у файлі як набір координат, векторів та інших чисел, що характеризують набір примітивів. Тому він має невеликий розмір. При відтворенні об'єктів, що перекриваються, має значення їх порядок. http://leontyev.at.ua
  • 8. Основна властивість векторної графіки Основна властивість векторного зображення пов'язана із принципом його кодування. В файлі такого зображення зберігаються математичні характеристики його елементів. Тому розмір такого файлу не залежить від розміру його зображення. Файли векторного зображення обох птахів мають однакові розміри, хоча їх зображення мають різні розміри при однаковій якості. Всі зображення, які не потребують високої реалістичності (креслення, мапи, ділову графіку, рисунки) рекомендується створювати і зберігати саме як зображення векторного типу. http://leontyev.at.ua
  • 9. Растрова графіка Растрове зображення являє собою прямокутний масив пікселів. Нагадаємо, що піксель — це неподільний елемент зображення, зазвичай квадратної форми, який має певний колір. Як правило, піксели такі малі, що на екрані вони зливаються, і зображення видається цілісним, хоча в разі збільшення добре видно його зернисту структуру. http://leontyev.at.ua
  • 10. Порівняння растрових та векторних зображень Векторні зображення Растрові зображення Складаються з об'єктів, описаних математично Складаються з масивів пікселів Менші обсяги файлів. Обсяг залежить не від розміру зображення, а від кількості об'єктів на ньому Більші обсяги файлів. Обсяг залежить від розміру зображення Можна збільшувати без погіршення якості У разі збільшення зображення якість погіршується Не дають змогу точно передати перехід від одного кольору до іншого Дають змогу отримати зображення фотографічної якості Застосовують для зберігання креслень, ділової графіки, шрифтів, рисунків з чіткими контурами Застосовують для зберігання фотографій, творів живопису, збережень елементів інтерфейсу http://leontyev.at.ua
  • 11. Растрова графіка Переваги • Реалістичність зображень; • Природність кольорів • Можливість отримання зображень за допомогою спеціальних пристроїв Недоліки • Великий обсяг даних • Пікселізація зображення при збільшенні масштабу перегляду або збільшені розміру масштабу; • Складність редагування окремих елементів зображення Растрові зображенн я http://leontyev.at.ua
  • 12. Векторна графіка Переваги Недоліки • Невеликі за розміром файли зображень; • Збереження якості при масштабуванні • Легкість модифікації зображень • Схематичність зображення • Неприродність кольорів при відтворенні реальних об’єктів Векторне зображенн я http://leontyev.at.ua
  • 13. Програмні засоби комп'ютерної графіки Графічний редактор – це прикладна програма, яка дає користувачеві змогу створювати й редагувати на екрані комп'ютера зображення та зберігати їх для подальшого використання. Растрові редактори • Microsoft Paint • Adobe Photoshop Векторні редактори • Adobe Illustrator • CorelDraw http://leontyev.at.ua
  • 16. Формати графічних файлів Від формату графічного файлу залежить спосіб зберігання даних малюнка (у растровому чи векторному вигляді), а також алгоритм їх стиснення. Розглянемо найпростіші формати графічних файлів: BMP (Bitmap) GIF (CompuServe Graphics Interchange Format) Застосовуються для збереження растрових зображень без стиснення, з кодуванням інформації про кожен піксел. Призначений для стиснення растрових зображень, у яких міститься багато однорідних заливок. Обмеження полягає в тому, що кольорове зображення може бути записане тільки в режимі 256 кольорів. JPEG (Join Photographic Experts Group) Краще застосовувати для зберігання растрових зображень фотографічної якості, дозволяє гнучко варіювати між рівнем стиснення та якістю зображення PNG (Portable Network Graphics) Використовується для зображень, які розміщуються в Інтернеті, забезпечує однаковий вигляд зображення незалежно від використаного браузера та монітора TIFF (Tagged Image File Format) Один із найпоширеніших і найнадійніших растрових форматів, найкращий вибір для сканованих малюнків, а також для імпортування растрової графіки у векторні редактори http://leontyev.at.ua
  • 17. Запуск програми Графічний редактор Paint входить у стандартну поставку Windows і знаходиться за адресою: ПУСК→ Все программы→ Стандартные→ Paint
  • 19. Головне меню • Файл – робота з графічними файлами (створення, відкриття, збереження, друкування) • Правка – редагування малюнка • Вид – управління зображенням деяких елементів вікна • Рисунок – обробка малюнка (встановлення розмірів, нахилів, поворотів) • Палитра – завантаження, зміна і збереження палітри кольорів • Справка – виклик довідкової інформації