1 of 28

Растровий графічний редактор як інструмент для дизайну

За навчальною програмою 2018 року

Урок 8

10

(11)

2 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Растровий графічний редактор — спеціалізована програма для створення і обробки растрових зображень.

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

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

3 of 28

Растровий графічний редактор як інструмент для дизайну

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

Розділ 2 § 8

для початківців

для професіоналів

Paint

KolourPaint

Adobe Photoshop

GIMP та ін

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

4 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Нескладні малюнки зручно створювати за допомогою простого графічного редактора, наприклад Paint. Проте є програми, наприклад Adobe Photoshop, що мають більше можливостей і дозволяють опрацьовувати значно складніші зображення.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

5 of 28

Растровий графічний редактор GIMP

Adobe Photoshop дозволяє:

Розділ 1 § 1

створювати й опрацьовувати растрові малюнки

покращувати якість фотографій на сканованих зображеннях

розробляти колажі, тобто об’єднувати кілька зображень в одне

Завдяки цьому його використовують різні фахівці в галузі комп’ютерної графіки:

фотографи

дизайнери та ін.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

6 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Запустити графічний редактор Adobe Photoshop можна за допомогою:

Відповідної вказівки

з головного меню

Ярлика програми

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

7 of 28

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

Розділ 2 § 8

Головне меню

Панель параметрів

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

Панель Колір

Рядок стану

Робоче поле

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

8 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

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

На панелі інструментів Photoshop розташовані значки лише основних інструментів.

При натисненні правої кнопки миші відобразиться додаткова панель із списком інструментів з цієї групи

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

9 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Панель параметрів

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

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

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

10 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Відкриття файлу

Файл Відкрити

У діалоговому вікні Відкрити, перейти у потрібну папку, клацнути мишею значок файлу, який необхідно відкрити Кнопка Відкрити

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

11 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Створення файлу

Файл Створити – буде відкрито діалогове вікно Створити документ.

Програма Photoshop дає змогу створити новий файл із заданими параметрами.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

12 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

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

Файл Зберегти

або

Файл Зберегти як

За потреби змінити ім'я чи формат.

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

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

13 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Перегляд зображення. Масштабування

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

Вибрати його можна:

  • Клавішою Z
  • Кнопкою «Масштабування" на панелі інструментів

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

14 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Коли підвести вказівник миші до зображення, він набуде вигляду лупи зі знаком ”+” усередині. Клацнути зображення мишею і його масштаб збільшиться (і так щоразу).

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

15 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Якщо під час клацання утримувати натиснутою клавішу Alt, інструмент Масштабування працюватиме в режимі зменшення, а вказівник набуде вигляду лупи зі знаком ”-”.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

16 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Щоб відновити масштаб до 100%, потрібно двічі клацнути кнопку Масштабування.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

17 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Інструмент Рука

Спочатку клацнути на панелі інструментів кнопку із зображенням руки чи натиснути Н

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

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

18 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Режим екрана

Для зміни режиму екрана використовується інструмент Змінити режим екрана.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

19 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Скасування дій

У команді меню Редагувати: Скасувати, Повернути

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

20 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Палітра Історія

У палітрі Історія протоколюються дії та відповідний їм стан зображення зберігаються або в оперативній, або у віртуальній пам'яті комп'ютера. За замовчуванням зберігається 50 станів.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

21 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Щоб збільшити або зменшити кількість станів, що зберігаються, слід виконати команду:

Редагувати Параметри Швидкодія, в полі Стан історії ввести число від 1 до 1000

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

22 of 28

Растровий графічний редактор як інструмент для дизайну

Розділ 2 § 8

Інструмент Олівець

Інструменти, призначені для малювання:

Олівець, що дозволяє малювати довільні лінії з жорсткими межами.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

23 of 28

Дайте відповіді на запитання

Розділ 2 § 8

  1. До якого типу графічних редакторів відносять Photoshop?
  1. Назвіть елементи вікна Photoshop.
  1. Назвіть можливості растрового графічного редактора Photoshop.
  1. Опишіть принцип роботи інструмента Масштабування.
  1. Як створити, відкрити та берегти файл в редакторі Photoshop?

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

24 of 28

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

Розділ 2 § 8

Здійснити пошук інформації з теми «ТОП растрових графічних редакторів», підготувати виступ (текстовий документ, презентація тощо)

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

25 of 28

Працюємо за комп’ютером

Розділ 2 § 8

Робота в растровому графічному редакторі Photoshop

1. Відкрийте графічний редактор Photoshop

2. Знайдіть основні елементи вікно редактора Photoshop

3. Створіть зображення за власним задумом, використовуючи інструмент Олівець.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

26 of 28

Працюємо за комп’ютером

Розділ 2 § 8

Тур програмою Photoshop

Пройдіть навчання:

Тур програмою Photoshop

1

2

3

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

27 of 28

Працюємо за комп’ютером

Розділ 2 § 8

Збереження зображень

Пройдіть навчання:

Збереження зображень

1

2

3

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

28 of 28

Дякую за увагу!

За навчальною програмою 2018 року

Урок 8

10

(11)