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

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

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

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

11/15/16

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

Урок 18

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

http://sayt-portfolio.at.ua

11/15/16

3

Ти дізнаєшся

2

4

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

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

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

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

1

3

http://sayt-portfolio.at.ua

Вивчаємо

11/15/16

3

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

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

http://sayt-portfolio.at.ua

5

11/15/16

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

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

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

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

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

http://sayt-portfolio.at.ua

6

11/15/16

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

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

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

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

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

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

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

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

http://sayt-portfolio.at.ua

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

11/15/16

6

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

Переміщення

Видалення

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

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

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

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

http://sayt-portfolio.at.ua

11/15/16

7

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

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

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

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

http://sayt-portfolio.at.ua

11/15/16

8

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

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

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

http://sayt-portfolio.at.ua

1

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

2

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

3

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

4

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

11/15/16

8

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

http://sayt-portfolio.at.ua

1

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

2

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

3

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

4

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

11/15/16

10

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

http://sayt-portfolio.at.ua

11/15/16

11

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

http://sayt-portfolio.at.ua

11/15/16

11

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

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

http://sayt-portfolio.at.ua

11/15/16

11

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

http://sayt-portfolio.at.ua

11

11/15/16

11

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

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

http://sayt-portfolio.at.ua

11/15/16

11

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

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

http://sayt-portfolio.at.ua

11/15/16

11

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

http://sayt-portfolio.at.ua

11/15/16

11

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

http://sayt-portfolio.at.ua

11

11/15/16

Нахил

http://sayt-portfolio.at.ua

11/15/16

11

Розтягнення

100%

50%

http://sayt-portfolio.at.ua

11

11/15/16

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

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

http://sayt-portfolio.at.ua

11

11

11/15/16

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

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

http://sayt-portfolio.at.ua

11/15/16

11

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

http://sayt-portfolio.at.ua

11/15/16

11

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

http://sayt-portfolio.at.ua

11

11/15/16

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

http://sayt-portfolio.at.ua

11

11/15/16

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

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

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

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

http://sayt-portfolio.at.ua

11

11/15/16

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

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

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

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

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

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

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

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

http://sayt-portfolio.at.ua

11/15/16

11

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

Жираф

Мавпа

Лев

Верблюд

Кенгуру

Носоріг

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

http://sayt-portfolio.at.ua

11/15/16

29

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

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

http://sayt-portfolio.at.ua

11/15/16

30

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

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

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

http://sayt-portfolio.at.ua

Перевернути

11/15/16

30

Повторюємо

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

Перемістити

Зменшити

Фрагмент

Збільшити

Малюнок

Видалити

http://sayt-portfolio.at.ua

11/15/16

30

Словничок

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

http://sayt-portfolio.at.ua

11/15/16

32

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

2

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

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

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

1

3

http://sayt-portfolio.at.ua

11/15/16

33

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

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

http://sayt-portfolio.at.ua