1 of 38

ВИБІРКОВИЙ МОДУЛЬ «ГРАФІЧНИЙ ДИЗАЙН»

ТЕМА 2. «РАСТРОВА ГРАФІКА»

Основні інструменти для малювання. Інструменти виділення. Концепція побудови пошарового зображення у програмі Photoshop CS3

2 of 38

Виділення областей зображення

Техніка виділення дає можливості :

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

Програма Photoshop CS3 має багато засобів виділення:

  • Інструмент Ласо
  • Інструмент Чарівна паличка тощо.

Критерії відокремлення однієї області від іншої:

  • Відмінність у кольорах
  • Відмінність у відтінках
  • Контрастність
  • Яскравість тощо

3 of 38

Використання інструментів Виділення

Інструменти виділення

Інструмент Прямокутна область

Інструмент Прямокутна область виділення має чотири інструменти для виділення області фіксованої форми:

  • Прямокутна область виділення
  • Овальна область виділення
  • Виділення рядка
  • Виділення стовпця

Прямокутна область виділення

Ласо

Швидке виділення

4 of 38

Використання інструментів Виділення

Інструмент Ласо

Інструмент Швидке виділення

Інструмент Ласо має 2 інструменти:

  • Прямолінійне Ласо
  • Магнітне Ласо

Інструмент Швидке виділення має інструмент Чарівна паличка

5 of 38

Панель параметрів інструментів виділення

На панелі Параметри задаються властивості активного інструмента виділення. Його значок відображується ліворуч

Панель Параметри

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

Панель параметрів інструмента Швидке виділення

Панель параметрів інструмента Прямокутна область виділення

6 of 38

Панель параметрів інструментів виділення

Спільні для всіх інструментів виділення

Створити виділення

    • Виділяється нова область і скасовується поточне виділення

Додати до виділеного

    • З допомогою поточного інструмента виділяється нова область, але й залишається виділеною раніше вибрана область. (Той же результат – під час виділення нової області утримувати клавішу Shift)

Відняти з виділеного

    • Окреслений фрагмент видаляється з раніше виділеної області (або під час виділення утримувати клавішу ALT).

Перетин з виділенням

    • Якщо за наявності виділеної області клацнути цю кнопку та окреслити ще одну область, що перетинається з першою, то програма виділить лише їх спільну частину (або під час виділення другої області утримувати клавіші SHIFT і ALT)

Розмиття

    • Дає змогу настроїти інструмент виділення так, щоб межі області було розмито

Згладжування

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

Уточнити край

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

7 of 38

Виділення заданої форми

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

8 of 38

Інструмент Прямокутна область виділення

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

Слід:

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

9 of 38

Інструмент Овальна область виділення

Інструмент Овальна область виділення використовують для виділення фрагментів у вигляді еліпсів і кіл.

Слід:

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

10 of 38

Метод виділення області

У списку Стиль на панелі інструментів можна вибрати метод виділення прямокутної чи еліптичної області

Звичайний

    • Область виділення визначається довільно

Стале співвідношення

    • Якщо в поля Висота і Ширина ввести певні числові значення, то під час створення області виділення зберігатимуться її пропорції

Сталий розмір

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

11 of 38

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

Операція

Виконання

Виділення квадрата чи кола

Якщо під час окреслювання прямокутної чи еліптичної області втримувати натиснутою клавішу SHIFT, виділена область набуде форми квадрата чи кола відповідно.

Виділення області, починаючи від центра

За замовчуванням виділення починається з кута області, яку потрібно виділити, але якщо потрібно почати від центра, натисніть і утримуйте клавішу ALT

Змінення місцеположення області в процесі виділення

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

Змінення місцеположення виділеної області після того, як її виділення завершено

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

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

Будь-які з перелічених вище способів виділення можна комбінувати.

12 of 38

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

Інструмент Ласо

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

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

Виконання даної вправи

13 of 38

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

Інструмент Прямолінійне Ласо

Інструмент (Прямолінійне Ласо) використовують для виділення області, межа якої складається з прямих відрізків, що утворюють багатокутник.

Слід клацнути один з кутів такого багатокутника, потім другий, третій і т.д.

Щоб замкнути межу виділення клацніть вихідну точку або двічі клацніть останній кут, і він автоматично з'єднається з початком першого відрізка.

Утримуючи натиснутою клавішу SHIFT, відрізки можна розташовувати горизонтально, вертикально чи під кутом 450

Виконати дану вправу

14 of 38

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

В процесі виділення, втримуючи натиснутою клавішу ALT, можна переключатися між інструментами Ласо та Прямолінійне ласо. Як тільки її відпустити, поточним стане інструмент, який було вибрано першим на панелі інструментів

Виконання даної вправи

15 of 38

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

Інструмент Магнітне ласо

Інструмент (Магнітне ласо) призначений для виділення області за межею контрастних кольорів у напівавтоматичному режимі.

Слід навести вказівник миші на точку, з якої ви розпочнете операцію, і, втримуючи кнопку миші натиснутою, окреслити область, що має бути виділена. Лінія виділення потягнеться за вказівником миші, “прилипаючи” до межі кольорів.

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

Виконання даної вправи

16 of 38

Налаштування інструмента Магнітне ласо

Ширина

    • В цьому полі задається ширина області, в якій інструмент “шукатиме” межу кольорів відображення

Контраст

    • Поле, де вказується у відсотках мінімальне значення контрастності. Кольори, контрастність яких менша за це значення, інтерпретуються інструментом як однакові

Лініатура

    • Введене в цьому полі число з діапазону від 0 до 100 визначає частоту встановлюваних інструментом опорних точок.

17 of 38

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

Інструмент (Чарівна паличка), який можна вибрати натискуванням клавіш SHIFT+W, призначено для автоматичного виділення області зображення залежно від яскравості її пікселів.

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

Щоб вказати, який колірний діапазон вважатиметься близьким до кольору вибраної точки, слід скористатися параметром Допуск. Чим більше значення задати, тим більшу область виділить інструмент. Виділення кількох сусідніх областей SHIFT.

Виконання даної вправи

18 of 38

На роботу інструмента Чарівна паличка впливає параметр – розмір зразка, який аналізує інструмент Піпетка. Якщо його розмір становить 1піксель, інструмент виділятиме область, базуючись на кольорі єдиного сусіднього з межею виділеного піксела. Якщо досліджуються зразки розміром 3*3, 5*5 розрахунки базуватимуться на середній яскравості 9 або 25 пікселів відповідно.

Виконання даної вправи

19 of 38

Швидке виділення

Інструмент (Швидке виділення) використовується для виділення цілої області, для швидкого виділення складних об'єктів (виділення більш точне, ніж з інструментом Чарівна паличка).

На результат виділення впливає розмір пензля, який можна задати, розкривши меню Пензель на панелі інструментів.

У цьому ж меню можна регулювати такі параметри інструмента, як Жорсткість, Інтервали, Кут і Закруглення.

20 of 38

Операції з виділеними областями

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

Дії з виділеними областями можна виконати з допомогою команд меню Виділити

  • Усе (Ctrl+A)
  • Зняти виділення (Ctrl+D)
  • Повторно виділити ( Shift+Ctrl+D)
  • Інверсія (Shift+Ctrl+I)
  • Модифікувати
  • Трансформувати виділене
  • Уточнити край (Аlt+Ctrl+R)

21 of 38

Призначення шарів

Шар зображення Photoshop можна порівняти з малюнком на кальці або склі.

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

Шари можна переміщувати по горизонталі, вертикалі, по різному розташовувати відносно інших шарів.

21

16.10.2023

22 of 38

Панель Шари

На панелі "Шари" перелічено всі шари, групи шарів та ефекти шарів на зображенні. Ви можете використовувати панель "Шари", щоб показувати та ховати шари, створювати нові шари, працювати з групами шарів. У меню панелі "Шари" ви маєте доступ до додаткових команд та параметрів.

22

16.10.2023

23 of 38

Використання палітри шарів

Відображення палітри шарів на екрані:

Вікно, Шари (F7).

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

23

16.10.2023

24 of 38

Палітри шарів

Зверху – кнопки: Блокувати (Закрепить) (прозорість, колір, розміщення)

Вище відображується список режимів змішування, що визначають,як кольори об'єктів шару впливатимуть на кольори об'єктів шарів, розміщених нижче.

24

16.10.2023

25 of 38

Палітри шарів

Праворуч поле Непрозорість, введене в нього значення характеризує ступінь непрозорості вмісту шару.

25

16.10.2023

26 of 38

Палітри шарів

Нижче міститься поле Заливка.

Меню палітри Шари відкривається клацанням кнопки в правому верхньому куті палітри.

26

16.10.2023

27 of 38

Робота з тлом

Відкритий малюнок або фотографія – на палітрі Шари буде відображено єдиний шар, що має назву Тло.

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

27

16.10.2023

28 of 38

Робота з тлом

Всі шари документу розташовуються понад шаром Тло.

Для фонового шару не можна задавати ступінь прозорості.

Фоновий шар можна перетворити на звичайний: Шар, Створити, Шар з тла (і навпаки: Шар, Створити, Тло з шару)

Діалогове вікно створення нового шару

28

16.10.2023

29 of 38

Надання шару імені

За замовчуванням програма надає імена шарам – слово Шар із додаванням до нього числа.

Це не зовсім зручно.

Двічі клацнути шар на однойменній палітрі та в діалоговому вікні ввести нове ім'я.

29

16.10.2023

30 of 38

Перегляд вмісту шарів

  • Шар малюнка можна приховувати або знову робити його видимим, клацаючи маленький значок із зображенням ока – індикатор видимості.
  • Щоб приховати всі шари, крім одного, слід клацнути індикатор видимості потрібного шару, утримуючи натиснутою клавішу ALT.

30

16.10.2023

31 of 38

Поняття прозорості шарів

Прозорі ділянки шару заповнюються сірими і білими шашками.

Якщо відображуються лише шашки, то це означає, що відповідна частина шару повністю прозора.

Повна відсутність шашок свідчить про те, що ділянка непрозора.

Коли є шашки і малюнок – ділянка напівпрозора.

Зображення квітки:

непрозоре на 100%,

непрозоре на 50%

31

16.10.2023

32 of 38

Змінення порядку розташування шарів

Розташування шарів на палітрі Шари відповідає порядку, в якому вони виводяться на екран.

Їх послідовність можна змінити, перетягнувши шар мишею.

При цьому змінюється вказівник миші, шар стає напівпрозорим.

32

16.10.2023

33 of 38

Створення нових шарів

Новий шар можна створити в три способи:

1). Шар, Створити, Шар, у діалоговому вікні Створити шар задати ім'я шару та його властивості.

2). У меню палітри шарів вибрати команду Створити шар і в діалоговому вікні задати ім'я та його властивості

3). Клацнути кнопку Створити новий шар на палітрі Шари, створити новий шар, назвати його Шар 1, і розташувати його безпосередньо над поточним.

33

16.10.2023

34 of 38

Копіювання фрагмента зображення на новий шар

Копіювання фрагмента зображення на новий шар – Шар, Створити, Шар через копіювання.

34

16.10.2023

35 of 38

Перенесення фрагмента зображення на новий шар

Шар, Створити, Шар через вирізання

35

16.10.2023

36 of 38

Перетягування шару з іншого документа

Виділити у вихідному документі шар, який потрібно копіювати, клацнути його ім'я чи мініатюру, втримуючи кнопку миші, перетягнути цей шар на зображення, куди його має бути скопійовано, відпустити кнопку миші. Новий шар буде розміщено над поточним шаром малюнка.

36

16.10.2023

37 of 38

Дублювання шарів

Створити точну копію шару:

1). Зробити вихідний шар поточним, у меню Шар або в меню палітри Шари вибрати команду Дублювати шар. Відкриється однойменне діалогове вікно, де у списку документ слід вибрати будь-який відкритий документ або пункт Створити і ввести ім'я створюваного документа, у який буде скопійовано шар.

37

16.10.2023

38 of 38

Видалення шарів

На палітрі Шари:

  • Зробити шар поточним, Шар, Видалити, Шар
  • Перетягти мініатюру або ім'я шару на кнопку із зображенням кошика внизу палітри.
  • Зробивши шар поточним, клацнути кнопку із зображенням кошика, підтвердити видалення.
  • Зробивши шар поточним, клацнути кнопку із зображенням кошика, утримуючи кнопку ALT.

38

16.10.2023