Практична робота  №3: "Обробка багатошарових зображень, створення колажів"


Скачати 127.04 Kb.
Назва Практична робота  №3: "Обробка багатошарових зображень, створення колажів"
Дата 28.04.2013
Розмір 127.04 Kb.
Тип Документи
bibl.com.ua > Право > Документи
Створення колажів. Робота з шарами на зображеннях.

Практична робота  №3: "Обробка багатошарових зображень, створення колажів".
Мета.

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

Розвиваюча. Розвивати технічні навички обробки багатошарових зображень, створення колажів.

Виховна. Формувати естетичні смаки.

Тип уроку. Комбінований.

Матеріали для роботи з учнями:

  1. Відео “Робота з шарами”

  1. Відео “Створення колажа”

  1. Інструкція до практичної роботи.

План

  1. Актуалізація опорних знань.

  2. Створення колажів. Робота з шарами на зображеннях.

  3. Практична робота №3: "Обробка багатошарових зображень, створення колажів".

  4. Типові запитання до уроку.

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

Хід уроку
1. Актуалізація опорних знань.

Практичне опитування:

  1. Як можна виділити область?

  2. Які способи обробки виділеної  області ви знаєте?


2. Вивчення нового матеріалу

        Дії які можна виконувати з шарами

  1. Вибір активного шару.

  2. Проглядання шарів.

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

  4. Заміна порядку розташування об'єктів

  5. Перенесення о'бєкту на новий шар

  6. Видалення і заміна фонового шару

  7. Сумісне переміщення декількох шарів

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

  9. Перенесення вмісту на один шар.

  10. Створення набору із зв'язаних шарів

  11. Вирівнювання і розподіл об'єктів на шарах

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

Кадрування зображень

Кадрування – це вилучення частин зображення для більшої виразності або покращення композиції. Можна кадрувати зображення інструментом «Кадрування» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1z66u50fsv6myf4gtjti6rdxkb2bqnqsq та командою «Кадрування». Також можна вирізати пікселі командами «Кадрувати й випрямити» та «Обрізати».

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1kstketr03lquzm3rbkygh01ilgjrwssv

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

Кадрування зображення інструментом «Кадрування»

  1. Виберіть інструмент «Кадрування» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1anf6mj-xbdczshfd53enftwklwybkp6s.

  2. Встановіть параметри зміни роздільної здатності у панелі параметрів.

  • Щоб кадрувати зображення без зміни роздільної здатності (усталена поведінка), переконайтеся, що текстове поле «Роздільність» у панелі параметрів порожнє. Можна натиснути кнопку «Очистити», щоб швидко очистити всі текстові поля.

  • Щоб змінити роздільність під час кадрування, введіть значення висоти, ширини та роздільної здатності у панелі параметрів. Щоб перемкнути розміри висоти й ширини, натисніть значок «Змінити висоту та ширину» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1kx_kyvdqvo71x5byyp4f_heoy1r4dk8s.

  • Щоб змінити роздільність зображення на основі розмірів і роздільної здатності іншого зображення, відкрийте це інше зображення, виберіть інструмент «Кадрування» і клацніть «Переднє зображення» у панелі параметрів. Потім зробіть активним зображення, яке необхідно кадрувати.

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

Щоб створити або вибрати стиль змінення роздільної здатності, клацніть трикутник поряд зі значком інструмента «Кадрування» у панелі параметрів.

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

  2. У разі потреби скоригуйте область кадрування:

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

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

  • Щоб виконати поворот області, поставте курсор поза розмірною рамкою (курсор перетворюється на загнуту стрілку) та перетягніть. Щоб перемістити центральну точку, навколо якої обертається область, перетягніть коло в центрі розмірної рамки. (Область не може обертатися в бітовому режимі зображення.)

  1. На панелі параметрів встановіть такі параметри:

Відсічена область

Виберіть «Приховати», щоб зберегти відсічену область у файлі зображення. Ви можете зробити приховану область видимою, перемістивши зображення за допомогою інструмента «Переміщення» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1f_ws2lmtspfa0jfclrk5z-hjavihedc7. Виберіть «Вилучити», щоб відкинути відсічену область.

Примітка.

Параметр «Приховати» недоступний для зображень, що містять тільки фоновий шар; необхідно перетворити фон на звичайний шар.

Перекриття напрямною кадрування

Виберіть «Правило третіх», щоб додати напрямні, які допоможуть розміщувати елементи композиції з кроком 1/3. Виберіть «Сітка», щоб відобразити нерухомі напрямні з інтервалом, який залежить від розміру кадру.

Затінення

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

  1. Виконайте одну з таких дій:

  • Щоб завершити кадрування, натисніть клавішу Enter (Windows) або Return (Mac OS), натисніть кнопку «Підтвердити» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1zpibvvhiqume1pj2o9yaytqfdciwvocr на панелі параметрів або двічі клацніть усередині області кадрування.

  • Щоб скасувати операцію кадрування, натисніть клавішу Esc або натисніть кнопку «Скасувати» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=14zekgoqr0r0wjkbmbbradbwcpaaoeerh на панелі параметрів.

Кадрування зображення командою «Кадрування»

  1. Скористайтеся інструментом виділення, щоб виділити частину зображення, яку необхідно зберегти.

  2. Виберіть «Зображення» > «Кадрувати».

Кадрування зображення командою «Обрізати»

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

  1. Виберіть «Зображення» > «Обрізати».

  2. У діалоговому вікні «Обрізати» виберіть параметр:

  • «Прозорі пікселі» — щоб вирізати прозорість по краях зображення, залишаючи найменше зображення, що містить непрозорі пікселі.

  • «Колір верхнього лівого пікселя», щоб вилучити з зображення ділянку кольору верхнього лівого пікселя.

  • «Колір нижнього правого пікселя», що вилучити з зображення ділянку кольору нижнього правого пікселя.

  1. Виділіть одну або декілька ділянок зображення, щоб вирізати: Верх, низ, ліворуч або праворуч.

Вирівнювання зображення

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

  1. Виберіть інструмент «Лінійка» https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1e_ap4pb1y3x1qu_lc4tav3b57apv5--j. (За потреби, натисніть і утримуйте інструмент «Піпетка», щоб відкрити інструмент «Лінійка».)

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

  3. У панелі параметрів натисніть кнопку «Вирівняти».

  4. Photoshop випрямляє зображення і автоматично його обрізає. Щоб відкрити області зображення, розташовані за межами документа, виберіть «Редагувати» > «Скасувати».

  5. Щоб взагалі не виконувати автоматичного кадрування, під час вибору параметра «Випрямити» натисніть і утримуйте Alt (Windows)/Option (Mac OS).

Поворот або дзеркальне відображення всього зображення

За допомогою команд пункту «Поворот зображення» можна повертати або відзеркалювати все зображення. Ці команди не працюють з окремими шарами або частинами шарів, контурами та межами виділення. Якщо необхідно виконати поворот виділення або шару, скористайтеся командами «Трансформувати» або «Вільне трансформування».

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1tpavj5-wih-ytivmnml0dqzfttp4er32

Поворот зображень 

А. Віддзеркалення по горизонталі Б. Початкове зображення В. Віддзеркалення по вертикалі Г. Поворот на 90° проти годинникової стрілки Ґ. Поворот на 180° Д. Поворот на 90° за годинниковою стрілкою

  • Виберіть «Зображення» > «Поворот зображення» й виберіть одну з команд у підменю:

  • 180°

  • Виконує поворот зображення на півоберта.

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

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

  • на 90° проти годинникової стрілки

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

  • Довільно

  • Виконує поворот зображення на зазначений кут. Якщо вибрано цей варіант, у текстовому полі кута введіть кут між 359,99 та 359,99. (У програмі Photoshop можна вибрати «° за годинниковою стрілкою» або «° проти годинникової стрілки», щоб виконати поворот за стрілкою годинника або проти неї.) Потім натисніть кнопку «OK».

  • Віддзеркалити полотно за горизонталлю або вертикаллю

  • Віддзеркалює зображення вздовж відповідної осі.

  • Примітка.

  • Поворот зображення – це руйнівне редагування, що фактично змінює інформацію про файл. Щоб повертати зображення для перегляду без руйнівного редагування, використовуйте інструмент «Поворот».

Зміна розміру полотна

Розмір полотна — це вся область редагованого зображення. Команда «Розмір полотна» дозволяє збільшувати або зменшувати розмір полотна зображення. Збільшення розміру полотна додає простір навколо наявного зображення. Зменшення розміру полотна зображення обрізає його. Якщо ви збільшуєте розмір полотна зображення з прозорим тлом, додане полотно буде прозорим. Якщо зображення не має прозорого тла, є декілька параметрів для визначення кольору доданого полотна.

  1. Виберіть «Зображення» > «Розмір полотна».

  2. Виконайте одну з таких дій:

  • Введіть розміри полотна в полях «Ширина» та «Висота». Виберіть бажані одиниці вимірювання зі спливаючого меню поряд із полями «Ширина» та «Висота».

  • Виберіть «Відносне» та введіть бажане значення для додавання або віднімання від поточного розміру полотна зображення. Введіть додатне число для додавання до полотна або від'ємне значення для віднімання від полотна.

  1. Для прив'язки клацніть квадрат, щоб вказати, де поставити наявне зображення на новому полотні.

  2. Виберіть параметр з меню «Колір розширення полотна»:

  • «Передній план» для заливки нового полотна поточним кольором переднього плану

  • «Тло» для заливки нового полотна поточним кольором тла

  • «Білий», «Чорний» або «Сірий» для заливки нового полотна цим кольором

  • «Інший», щоб вибрати колір нового полотна за допомогою палітри кольорів

Примітка.

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

  1. Меню «Колір розширення полотна» недоступне, якщо зображення не має шару тла.

  2. Натисніть кнопку «OK».

  1. https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1g99nyh23netmortp4esn31f_gq8a3aad

  2. Початкове полотно й полотно, додане праворуч від зображення за допомогою кольору переднього плану

Створення рамки

Збільшуючи розмір полотна і заливаючи його кольором, можна зробити фоторамку.

Також можна скористатися однією з попередньо записаних дій, щоб зробити стильну фоторамку. Краще робити це на копії фотографії.

  1. Відкрийте панель «Дії». Виберіть «Вікно» > «Дії».

  2. Виберіть пункт «Рамки» в меню панелі «Дії».

  3. Виберіть зі списку одну з дій з рамками.

  4. Натисніть кнопку «Відтворити виділення».

  5. Дія відтворюється, створюючи рамку навколо вашої фотографії.

2. Створення колажів. Робота з шарами на зображеннях.

Дії які можна виконувати з шарами

  1. Вибір активного шару.

  2. Проглядання шарів.

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

  4. Заміна порядку розташування об'єктів

  5. Перенесення о'бєкту на новий шар

  6. Видалення і заміна фонового шару

  7. Сумісне переміщення декількох шарів

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

  9. Перенесення вмісту на один шар.

  10. Створення набору із зв'язаних шарів

  11. Вирівнювання і розподіл об'єктів на шарах

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

  1. Відео “Робота з шарами”

  2. Відео “Створення колажа”

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1ih_gxhyxs2q_gc4tufjfihcocs2qlcxt

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1rvnkujug3hwqwqkq5m2-9ux__ppud8_e
3. Практична робота №3: "Обробка багатошарових зображень, створення колажів".

Завдання 1. Намалювати Смайлик так, щоб кожний елемент був на окремому шарі.

ctrl+0 - збільшити на весь екран

ctri+alt+0 - зменшити зображення до натуральних розмірів

ctrl+D - зняти виділення

ctrl+n -створити новий документ (малюнок)

ctrl+o - відкрити малюнок

ctrl+z -відмінити останню дію

shift+backspace - заливка кольором

shift+F5 - заливка вибраним кольором

ctrl+shift+N - створити новий шар

alt - віднімає область

shift - додає область

Завдання 2. Растровим графічним редактором Adobe Photoshop відкрийте фотографію «Прищепки» (мал. 58). Використовуючи інструмент виділення Лассо, виділіть одну з прищепок на зображенні. Збережіть результат у новий файл. Аналогічні дії виконайте з другою прищепкою, використавши інструмент Магнитное лассо. Порівняйте результати.

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=18fi76i8cemkehmlsrhpfpers4en92izd

Завдання 3. Растровим графічним редактором Adobe Photoshop відкрийте фотографію «Крейсер» (мал. 63). Використавши інструмент  кадрування, виділіть прямокутну частину фотографії. Винесіть вказівник курсору за межі виділеної області і, коли він перетвориться в заокруглену двосторонню стрілку, поверніть контур так, щоб корабель розташувався строго горизонтально. Для завершення команди кадрування двічі натисніть мишкою на виділеній області, або натисніть клавішу Enter.

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1qifupq9stdiukl9rfiuxub7ma9v2re3_

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1-cegd06jq6ugwjpbkrjcduk1zt-ohahm

Завдання 3. Растровим графічним редактором Adobe Photoshop відкрийте фотографію «Шторм» (мал. 64). Використовуючи інструменти виділення Прямоугольная область, Овальная область, Ластик та ефект кадрування створіть композицію зображену на малюнку.

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1tafi5la3sxacr0tstm4ka5cfrqu-mwpo

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1y3nsbzombmgnvzfn3nongrqey8q_hjng
4. Типові запитання до уроку.

  1. Які методи виділення ви знаєте?

  2. Як створити новий шар?

  3. Як створити колаж? Як редагувати шари в колажі?

  4. Які дії потрібно виконати для кадрування об’єкта?

  5. Які дії потрібно виконати для трансформування об’єктів?


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

Завдання 1. Растровим графічним редактором Adobe Photoshop відкрийте фотографію «Фломастери» (мал. 59). Використовуючи інструмент Прямолинейное лассо виділіть один з фломастерів, інвертуйте виділення та видаліть решту зображення. Результат збережіть. Інвертуйте колір утвореного зображення (Изображение → Коррекция → Инверсия) та збережіть результат роботи.

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1lmlyrm5trcl21pdt6yx6f4tstjqy11g6

Завдання 2. Растровим графічним редактором Adobe Photoshop відкрийте фотографію «Ваза» (мал. 65). Видаліть фон скориставшись інструментом Волшебная палочката інвертуйте виділення, щоб виділеною залишилась тільки ваза. Виконайте команду Редактирование → Трансформирование → Масштабирование. Навколо вази з’явиться рамка з маніпуляторами, перетягуючи які трансформуйте вазу. Натисніть Enter, зніміть виділення та збережіть файл. До отриманого зображення застосуйте трансформаціюПоворот.

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=16gsjgvsxt8ct5t40tebuz4vqjca1bjvb

https://docs.google.com/document/pubimage?id=1smbpy8eby6wmpfzh30q_fv-tsxkcmuujhc_0p9mfbty&image_id=1atqa3sdzaretbsw1adkx_52ilbg2yrpy

Схожі:

Практична робота  №3: "Обробка багатошарових зображень, створення колажів"
Розвиваюча. Розвивати технічні навички обробки багатошарових зображень, створення колажів
20. Методика навчання технології опрацювання графічних даних. Комп'ютерна...
Комп'ютерна графіка — це створення і обробка зображень (малюнків, креслень і т д.) за допомогою комп'ютера. Розрізняють два способи...
Завадський І. О. та ін. Інформатика: 9 кл.: Підруч для загальноосвіт...
Тема. Багатошарові зображення, керування розміщенням об’єктів за шарами. Додавання тексту до графічних зображень та його форматування....
Конспект уроку з інформатики Конструювання інтерфейсу користувача....
Конструювання інтерфейсу користувача. Надання значень властивостям елементів керування. Відтворення на формах зображень. Практична...
Технологія опрацювання графічних даних
Комп'ютерна графіка — це створення і обробка зображень (малюнків, креслень і т д.) за допомогою комп'ютера
Коректування тону, керування кольоровим балансом, яскравістю, насиченістю...
Навчальна. Навчитися здійснювати тонове коректування зображень, керуючи яскравістю й контрастністю зображень, застосовувати команду...
Коректування тону, керування кольоровим балансом, яскравістю, насиченістю...
Навчальна. Навчитися здійснювати тонове коректування зображень, керуючи яскравістю й контрастністю зображень, застосовувати команду...
Практична робота №2 «Виділення областей та їхня обробка»
Навчальна. Навчитися виділяти області на зображеннях, робити уточнення виділення, використовувати маски та канали
Практична робота №2 «Виділення областей та їхня обробка»
Навчальна. Навчитися виділяти області на зображеннях, робити уточнення виділення, використовувати маски та канали
Урок 7 Тема: Практична робота №4 «Автоматичне створення змісту документа....
Тема: Практична робота №4 «Автоматичне створення змісту документа. Настроювання параметрів сторінок. Створення колонтитулів»
Додайте кнопку на своєму сайті:
Портал навчання


При копіюванні матеріалу обов'язкове зазначення активного посилання © 2013
звернутися до адміністрації
bibl.com.ua
Головна сторінка