Презентация по информатике "Діалогові вікна, їх об’єкти. Інформаційні вікна. Збереження зображень. Опрацювання фрагментів зображення"

Материал на украинском языке.

Вивчаємо

Коли ти створюєш малюнки на папері, щоб змінити розміри чи обернути якусь фігуру, треба все витерти і намалювати знову.

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

Опрацювання зображення

Під час опрацювання зображень за допомогою графічного редактора:

Виділити фрагмент зображення, який слід змінити

Досить змінити властивості певної частини зображення

Фрагмент зображення – будь-яка його  замкнена частина.

Інформатика. 5 клас

Тема 3. Графічний редактор

За підручником авторського колективу Н.В. Морзе, О.В. Барна, В.П. Вембер, О.Г. Кузьмінська, Н.А. Саражинська

12/24/16

Робота вчителя Кравчук Г.Т., СЗШ І – ІІІ ступенів №8 м. Хмельницького

Урок 18

Діалогові вікна, їх об’єкти. Інформаційні вікна. Збереження зображень . Опрацювання фрагментів зображення

http://sayt-portfolio.at.ua

12/24/16

3

Ти дізнаєшся

2

4

• Що таке діалогове вікно
• Що таке діалогове вікно

• Що таке фрагмент зображення
• Що таке фрагмент зображення

• Як можна виділити прямокутний фрагмент або довільну область зображення
• Як можна виділити прямокутний фрагмент або довільну область зображення

• Як переміщувати та видаляти виділений фрагмент
• Як переміщувати та видаляти виділений фрагмент

1

3

http://sayt-portfolio.at.ua

Вивчаємо

12/24/16

3

Коли ти створюєш малюнки на папері, щоб змінити розміри чи обернути якусь фігуру, треба все витерти і намалювати знову.

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

http://sayt-portfolio.at.ua

5

12/24/16

Опрацювання зображення

Під час опрацювання зображень за допомогою графічного редактора:

Фрагмент зображення – будь-яка його замкнена частина

Виділити фрагмент зображення, який слід змінити

Досить змінити властивості певної частини зображення

http://sayt-portfolio.at.ua

6

12/24/16

Інструменти для роботи з фрагментами малюнка:

Заливка – для перефарбування суміжних пікселів однакового кольору в інший

Текст - дає змогу додавати на зображені текстові написи

Встановлення прозорого фону тестової рамки

Фон тестової рамки збігатиметься з кольором фону

Масштаб - для зміни масштабу перегляду зображення.

Піпетка - для копіювання кольору

Виділення довільної області – для виділення довільної геометричної форми

http://sayt-portfolio.at.ua

Виділення прямокутної області – для виділення малюнка прямокутної форми

12/24/16

6

Операції з виділеним фрагментом

Переміщення

Видалення

Зміна розмірів

Зміна кольору

Інвертування

Збереження у файл

http://sayt-portfolio.at.ua

12/24/16

7

Типи фрагментів

Фрагмент прямокутної форми

Фрагмент довільної форми

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

http://sayt-portfolio.at.ua

12/24/16

8

Виділення фрагментів

Інструмент Виділити містить список вказівок, що розкривається, якщо клацнути на кнопці

Інструменти для виділення фрагментів у графічному редакторі Paint знаходяться на стрічці у групі Зображення .

http://sayt-portfolio.at.ua

1

• Встановити вказівник миші в точку, з якої починається виділення прямокутного фрагмента
• Встановити вказівник миші в точку, з якої починається виділення прямокутного фрагмента

2

• Натиснути ліву кнопку миші
• Натиснути ліву кнопку миші

3

• Виконати протягування мишею до протилежного кута прямокутника
• Виконати протягування мишею до протилежного кута прямокутника

4

• Відпустити ліву кнопку миші
• Відпустити ліву кнопку миші

12/24/16

8

Алгоритм виділення прямокутного фрагмента

http://sayt-portfolio.at.ua

1

• Встановити вказівник миші в точку на межі потрібної частини малюнка
• Встановити вказівник миші в точку на межі потрібної частини малюнка

2

• Натиснути ліву кнопку миші
• Натиснути ліву кнопку миші

3

• Утримуючи натисненою ліву кнопку миші, переміщувати вказівник миші вздовж межі частини малюнка, яку треба виділити, аж доки отримаємо замкнену фігуру
• Утримуючи натисненою ліву кнопку миші, переміщувати вказівник миші вздовж межі частини малюнка, яку треба виділити, аж доки отримаємо замкнену фігуру

4

• Відпустити ліву кнопку миші
• Відпустити ліву кнопку миші

12/24/16

10

Алгоритм виділення довільного фрагмента

http://sayt-portfolio.at.ua

12/24/16

11

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

http://sayt-portfolio.at.ua

12/24/16

11

При переміщенні фрагмента малюнка треба стежити, щоб колір фону на палітрі кольорів збігався з кольором фону малюнка.

Якщо потрібно, щоб при переміщенні виділеного фрагмента фон навколо нього не закривав інші частини зображення, слід у списку інструмента Виділити обрати вказівку Прозоре виділення .

http://sayt-portfolio.at.ua

12/24/16

11

Демонстрація результату роботи з інструментом Виділення довільної області

http://sayt-portfolio.at.ua

11

12/24/16

11

Дії з виділеними фрагментами

Якщо потрібно, щоб при переміщенні виділеного фрагмента фон навколо нього не закривав інші частини зображення, слід у списку інструмента Виділити обрати вказівку Прозоре виділення

http://sayt-portfolio.at.ua

12/24/16

11

Маркери зміни розміру

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

http://sayt-portfolio.at.ua

12/24/16

11

Контекстне меню виділеного фрагмента

http://sayt-portfolio.at.ua

12/24/16

11

Змінення розмірів

http://sayt-portfolio.at.ua

11

12/24/16

Нахил

http://sayt-portfolio.at.ua

12/24/16

11

Розтягнення

100%

50%

http://sayt-portfolio.at.ua

11

12/24/16

Віддзеркалювання

Відображення зліва направо

http://sayt-portfolio.at.ua

11

11

12/24/16

Віддзеркалювання

Відображення зверху вниз

http://sayt-portfolio.at.ua

12/24/16

11

Поворот на 90 градусів

http://sayt-portfolio.at.ua

12/24/16

11

Поворот на 270 градусів

http://sayt-portfolio.at.ua

11

12/24/16

Інвертування

http://sayt-portfolio.at.ua

11

12/24/16

Інструктаж з ТБ. Робота з комп'ютером

Вправа 1. Виділення прямокутного фрагмента та довільної частини малюнка.

Вправа 2. Видалення та переміщення виділених фрагментів малюнка.

Інструкції на ст. 152

http://sayt-portfolio.at.ua

11

12/24/16

Фізкультхвилинка

Встаньте, діти, посміхніться,

Землі нашій поклоніться

За щасливий день вчорашній

І до сонця потягніться.

В різні боки нахиліться, Веретеном покрутіться,

Раз – присядьте, два – присядьте

І за парти тихо сядьте

http://sayt-portfolio.at.ua

12/24/16

11

Працюємо в парах Вправа 1.

Жираф

Мавпа

Лев

Верблюд

Кенгуру

Носоріг

Обговоріть, які дії треба виконати в середовищі графічного редактора Paint, щоб розмістити зображення тварин у таблицю. Зверніть увагу на розміри клітинок таблиці.

http://sayt-portfolio.at.ua

12/24/16

29

Працюємо в парах

Вправи 3, 4 (ст. 154)

http://sayt-portfolio.at.ua

12/24/16

30

Обговорення вивченого

Коментоване виконання завдання з рубрики “Обговорюємо” ст. 153

Як працювати із завданнями рубрики «Оціни свої знання та вміння» ст. 156

http://sayt-portfolio.at.ua

Перевернути

12/24/16

30

Повторюємо

Розглянь схему та поясни зв’язок між вказаними поняттями.

Перемістити

Зменшити

Фрагмент

Збільшити

Малюнок

Видалити

http://sayt-portfolio.at.ua

12/24/16

30

Словничок

• Фрагмент зображення
• Маркери зміни розміру

http://sayt-portfolio.at.ua

12/24/16

32

Що ми дізналися?!

2

• Що таке фрагмент зображення
• Що таке фрагмент зображення

• Як можна виділити прямокутний фрагмент або довільну область зображення
• Як можна виділити прямокутний фрагмент або довільну область зображення

• Як переміщувати та видаляти виділений фрагмент
• Як переміщувати та видаляти виділений фрагмент

1

3

http://sayt-portfolio.at.ua

12/24/16

33

Домашнє завдання

• Читати § 18
• Виконати вправу 2, 3
• Розв'язати головоломку ст. 155
• Оцінити свої знання та вміння за допомогою тверджень на ст. 153, 156

http://sayt-portfolio.at.ua