41
Спецкурс “Основи комп'ютерної графіки” Шари і трансформація зображень у програмі Photoshop CS3

Graphica rozdil8

  • Upload
    -

  • View
    27

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Graphica rozdil8

Спецкурс “Основи комп'ютерної графіки”

Шари і трансформація зображень у програмі

Photoshop CS3

Page 2: Graphica rozdil8

02.05.2023 2

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

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

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

Page 3: Graphica rozdil8

02.05.2023 3

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

Page 4: Graphica rozdil8

02.05.2023 4

Використання палітри шарівВідображення палітри шарів на екрані:Вікно, Шари (F7).

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

Page 5: Graphica rozdil8

02.05.2023 5

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 6: Graphica rozdil8

02.05.2023 6

Палітри шарівПраворуч поле

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 7: Graphica rozdil8

02.05.2023 7

Палітри шарівНижче

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

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 8: Graphica rozdil8

02.05.2023 8

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 9: Graphica rozdil8

02.05.2023 9

Робота з тлом

Всі шари документу розташовуються понад шаром Тло.Для фонового шару не можна задавати ступінь прозорості.Фоновий шар можна перетворити на звичайний: Шар, Створити, Шар з тла (і навпаки: Шар, Створити, Тло з шару)

Діалогове вікно створення нового шаруВчитель Кравчук Г.Т. СЗОШ № 8

Page 10: Graphica rozdil8

02.05.2023 10

Надання шару іменіЗа замовчуванням програма надає імена шарам – слово Шар із додаванням до нього числа.Це не зовсім зручно. Двічі клацнути шар на однойменній палітрі та в діалоговому вікні ввести нове ім'я.

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 11: Graphica rozdil8

02.05.2023 11

Перегляд вмісту шарів Шар малюнка можна

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

Щоб приховати всі шари, крім одного, слід клацнути індикатор видимості потрібного шару, утримуючи натиснутою клавішу ALT.

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 12: Graphica rozdil8

02.05.2023 12

Фоновий шар: видимий (а), невидимий (б)

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 13: Graphica rozdil8

02.05.2023 13

Операції з шарамиВсі операції із

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

Щоб вибрати шар, слід клацнути його ім'я праворуч від мініатюри.

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 14: Graphica rozdil8

02.05.2023 14

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

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

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

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 15: Graphica rozdil8

02.05.2023 15

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

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 16: Graphica rozdil8

02.05.2023 16

Зв'язування шарів

Щоб зв'язати шари, тримаючи натиснутою клавішу Shift, слід послідовно клацнути їх на палітрі Шари.Після цього у меню Палітри вибрати команду Зв'язати шари і біля кожного з цих шарів з'явиться значок із зображенням ланок ланцюга.Після цього можна застосувати команди трансформації меню Редагування, Трансформувати для переміщення, масштабування, обертання тощо перетворення зв'язаних між собою шарів.

+ →Вчитель Кравчук Г.Т. СЗОШ № 8

Page 17: Graphica rozdil8

02.05.2023 17

Блокування шарів

На палітрі Шари містяться 4 кнопки для захисту вмісту шарів від модифікації.

Блокувати прозорі піксели

Блокувати розташування

Блокувати піксели зображення

Заблокувати все

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 18: Graphica rozdil8

02.05.2023 18

Створення нових шарівНовий шар можна

створити в три способи:

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 19: Graphica rozdil8

02.05.2023 19

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

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 20: Graphica rozdil8

02.05.2023 20

Створення нових шарів3). Клацнути кнопку

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 21: Graphica rozdil8

02.05.2023 21

Створення нового шару з умістом

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 22: Graphica rozdil8

02.05.2023 22

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

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 23: Graphica rozdil8

02.05.2023 23

Перенесення фрагмента зображення на новий шарШар, Створити, Шар через вирізання

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 24: Graphica rozdil8

02.05.2023 24

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

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 25: Graphica rozdil8

02.05.2023 25

Дублювання шарівСтворити точну копію шару:1). Зробити вихідний шар

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 26: Graphica rozdil8

02.05.2023 26

Видалення шарівНа палітрі Шари: Зробити шар

поточним, Шар, Видалити, Шар

Перетягти мініатюру або ім'я шару на кнопку із зображенням кошика внизу палітри.

Зробивши шар поточним, клацнути кнопку із зображенням кошика, підтвердити видалення.

Зробивши шар поточним, клацнути кнопку із зображенням кошика, утримуючи кнопку ALT.

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 27: Graphica rozdil8

02.05.2023 27

Змішування шарівВ основу ефекту змішування шарів, або змішування кольорів, покладено певний алгоритм змінення кольорів пікселів.Виділити будь-який шар і у списку, що розкривається в лівому верхньому куті палітри Шари, вибрати спосіб, або режим змішування.

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 28: Graphica rozdil8

02.05.2023 28

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

1). Шар, Стиль, Параметри накладання

2). У меню палітри Шари Параметри накладання.

3). Двічі клацнути мініатюру шару.

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 29: Graphica rozdil8

02.05.2023Вчитель Кравчук Г.Т. СЗОШ № 8 29

Діалогове вікно Стиль шару

Page 30: Graphica rozdil8

02.05.2023Вчитель Кравчук Г.Т. СЗОШ № 8 30

Налаштування тіні

Page 31: Graphica rozdil8

02.05.2023 31

Додавання ефектів до шару

Коли до шару застосовано один або кілька ефектів, праворуч від його імені на палітрі Шари відображується значок із курсивною літерами “fx”

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 32: Graphica rozdil8

02.05.2023 32

Робота з текстовими шарамиЗа замовчуванням у разі введення тексту з використанням інструментів групи Текст автоматично буде створено новий шар.Текстові шари можна редагувати, трансформувати, модифікувати з допомогою стилів.

На мініатюрі текстового шару завжди зображено велику літеру ”Т”.

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 33: Graphica rozdil8

02.05.2023Вчитель Кравчук Г.Т. СЗОШ № 8 33

Page 34: Graphica rozdil8

02.05.2023Вчитель Кравчук Г.Т. СЗОШ № 8 34

Зведення шарівПід час створення малюнку ми

працюємо з багатьма шарами, це зручно, але розмір файлу зростає.

Завершивши новий етап роботи, слід звести (об'єднати)вже готові шари в один.

Утримуючи кнопку ALT, вибрати з меню Палітри Шари одну з команд: Об'єднати шари, Об'єднати видимі, Виконати зведення зображення.

Page 35: Graphica rozdil8

02.05.2023 35

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

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 36: Graphica rozdil8

02.05.2023 36

Масштабування

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 37: Graphica rozdil8

02.05.2023 37

ОбертанняКоманда Редагування, Трансформувати, Повернути

Опрацювати рекомендації щодо роботи з маркерами вісі обертання (ст. 201) та поради щодо повороту (ст. 202)

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 38: Graphica rozdil8

02.05.2023 38

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

Повернути на180 гр. Повернути на 90 гр.

за годинниковою стрілкою

Повернути на 90 гр. проти годинникової стрілки

Віддзеркалити по горизонталі

Віддзеркалити по вертикалі

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 39: Graphica rozdil8

02.05.2023 39

Трансфрмація малюнка в режимі Нахил

Трансфрмація малюнка в режимі Деформація

Трансфмація малюнка в режимі Перспектива Вчитель Кравчук Г.Т. СЗОШ № 8

Page 40: Graphica rozdil8

02.05.2023 40

Режим вільної трансформації

Поєднання описаних операцій – режим трансформації - вільна трансформація (Ctrl+T). Виділиться габаритна рамка.

Маркер вісі обертання (має вигляд ”приціл”, вказує центр обертання)

Межі на сторонах рамки (зміни по горизонталі чи вертикалі, масштабування)

Для деформації – переміщати кутовий маркер, з натиснутою клавішею Ctrl.

Переміщення кутового маркера (з клавішею Alt) – протилежна сторона чи кут переміщається у протилежному напрямку

Вчитель Кравчук Г.Т. СЗОШ № 8

Page 41: Graphica rozdil8

02.05.2023 41

Робота з інструментом переміщення

Активувати інструмент Переміщення – клацнути кнопку

На панелі параметрів установити прапорець Показати елементи керування трансформуванням

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

Вчитель Кравчук Г.Т. СЗОШ № 8