SlideShare a Scribd company logo
1
Практичне робота
Тема: «Робота з шарами (Layers)»
Мета: Закріпити навички роботи з палітрою Шкала часу, з шарами,
інструментами малювання та ретушування в програмі Adobe Photoshop.
Завдання: Створити аватар учбового закладу з ефектом анімації для
Webсайту або форуму.
Хід роботи:
1. Відкрийте панелі Анімація (Photoshop Extended CS5) та Шари,
якщо вони ще не відображаються.
2. Переконайтеся, що панель Анімація (Photoshop Extended CS5)
відображається в режимі покадрової анімації.
3. Створити новий документ із зазначеними нижче параметрами:
2
4. Отримаємо наступне зображення:
5. Створюємо новий шар – Шар 1 (Слой 1)
6. Виберіть інструмент малювання Пензель 36 (Brushtool, Кисть)
7. На Шар 1 (Слой 1)
створюємо зображення, як
показано на скриншоти:
3
8. На новий шар вставляємо зображення логотипу навчального закладу
9. Створити обтравочную маску (Create clipping mask), натиснувши
комбінацію клавіш Ctrl+Alt+G або у рядку меню обрати Шари
Створити обтравочну маску (Слои-Создать обтравочную маску)
10.Об’єднайте Шар 1 та Шар 2 (Слой 1 и Слой 2).
4
11.Продублюйте шар, який ми отримали, натиснувши комбінацію клавіш
Ctrl+J
12.Оберіть інструмент Гумка (Ластик, Еrasertool), створіть
налаштування так само як і у Пензля (Кисть), яким ми
створювали зображення..
13.Перейдіть на Шар 1 копія (Слой 1 копия)
14.Зітріть нижню частину зображення інструментом Гумка
15.Таким чином створіть нові шари, дублюючи та стираючи
частину зображення до тих пір, поки повністю воно не зникне.
5
16.Продублюйте перший кадр, таким чином утворюється 9 кадрів.
Перший кадр – ввімкніть видимість першого фонового шару та
останній чистий шар..
17.Другий кадр – увімкніть видимість шарів: Шар 0 (Слой 0), Шар
1 копія 7 (Слой 1 копия 7), Шар 1 копія 8 (Слой 1 копія 8).
6
18.Третій кадр – увімкніть видимість шарів: Шар 1 копія 6 (Слой 1 копия
6) та Шар 0 (Слой 0).
19.Продовжуйте налаштування кадрів вмикаючі видимість відповідних
шарів на палітрі Шари.( 4 кадр – увімкніть видимість шарів: Шар 1
копія 5 (Слой 1 копия 5) та Шар 0 (Слой 0); 5 кадр – увімкніть
видимість шарів: Шар 1 копія 4 (Слой 1 копия 4) та Шар 0 (Слой 0); 6
кадр – увімкніть видимість шарів: Шар 1 копія 3 (Слой 1 копия 3) та
Шар 0 (Слой 0); 7 кадр – увімкніть видимість шарів: Шар 1 копія 2
(Слой 1 копия 2) та Шар 0 (Слой 0); 8 кадр – увімкніть видимість
шарів: Шар 1 копія (Слой 1 копия ) та Шар 0 (Слой 0).)
7
20.Встановіть Час відображення анімації – 0,05 с для всіх кадрів
21.Задайте вибір параметрів циклу – Постійно.
22.Збережіть результат в форматі GIF ( Файл – Зберігти для Web…)
в своїй папці.
23.Обиріть Параметр ціклу – Постійно
24.Запустіть Попередній перегляд анімації.
25.Збережіть результат в форматі GIF ( Файл – Зберігти для Web…) в
своїй папці.

More Related Content

What's hot

Pz8
Pz8Pz8
Практична робота Тема: «Використання візуальних ефектів в анімації»
Практична робота Тема: «Використання візуальних ефектів в анімації»Практична робота Тема: «Використання візуальних ефектів в анімації»
Практична робота Тема: «Використання візуальних ефектів в анімації»
Светлана Андреева
 
Dom zad instryksiya
Dom zad instryksiyaDom zad instryksiya
як створити банер за допомогою флеш
як створити банер  за допомогою флешяк створити банер  за допомогою флеш
як створити банер за допомогою флешWebdesy.com
 
Lr 3 photoshop
Lr 3 photoshopLr 3 photoshop
Lr 3 photoshop
metallurg056
 
Pz5
Pz5Pz5
Adobe Shotoshop
Adobe ShotoshopAdobe Shotoshop
Adobe Shotoshop
marunasorokina
 
7
77
Робота з шарами
Робота з шарамиРобота з шарами
Робота з шарами
marunasorokina
 
6 клас урок 5
6 клас урок 56 клас урок 5
6 клас урок 5
Елена Рупчева
 

What's hot (17)

Pz8
Pz8Pz8
Pz8
 
Практична робота Тема: «Використання візуальних ефектів в анімації»
Практична робота Тема: «Використання візуальних ефектів в анімації»Практична робота Тема: «Використання візуальних ефектів в анімації»
Практична робота Тема: «Використання візуальних ефектів в анімації»
 
Dom zad instryksiya
Dom zad instryksiyaDom zad instryksiya
Dom zad instryksiya
 
як створити банер за допомогою флеш
як створити банер  за допомогою флешяк створити банер  за допомогою флеш
як створити банер за допомогою флеш
 
5 20
5 205 20
5 20
 
Lr_2
Lr_2Lr_2
Lr_2
 
Lr 3 photoshop
Lr 3 photoshopLr 3 photoshop
Lr 3 photoshop
 
Pz5
Pz5Pz5
Pz5
 
9kl urok 15_tema_ba
9kl urok 15_tema_ba9kl urok 15_tema_ba
9kl urok 15_tema_ba
 
Lr 1(praktika)
Lr 1(praktika)Lr 1(praktika)
Lr 1(praktika)
 
Adobe Shotoshop
Adobe ShotoshopAdobe Shotoshop
Adobe Shotoshop
 
Lr333
Lr333Lr333
Lr333
 
7
77
7
 
6 4 blog
6 4 blog6 4 blog
6 4 blog
 
Робота з шарами
Робота з шарамиРобота з шарами
Робота з шарами
 
6 клас урок 5
6 клас урок 56 клас урок 5
6 клас урок 5
 
41
4141
41
 

Similar to Pz4

Лабараторна робота №3-4
Лабараторна робота №3-4Лабараторна робота №3-4
Лабараторна робота №3-4
marunasorokina
 
бригада1
бригада1бригада1
бригада1
marunasorokina
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10
Cit Cit
 
Pz5
Pz5Pz5
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15
Cit Cit
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12
Cit Cit
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
Cit Cit
 

Similar to Pz4 (7)

Лабараторна робота №3-4
Лабараторна робота №3-4Лабараторна робота №3-4
Лабараторна робота №3-4
 
бригада1
бригада1бригада1
бригада1
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10
 
Pz5
Pz5Pz5
Pz5
 
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
 

More from Светлана Андреева

Ekonomika
EkonomikaEkonomika
Iztoriya uk 2020 probne
Iztoriya uk 2020 probneIztoriya uk 2020 probne
Iztoriya uk 2020 probne
Светлана Андреева
 
Zoshit1
Zoshit1Zoshit1
Sw
SwSw
Web 5
Web 5Web 5
Dosyagnennya dmutrenko 2019
Dosyagnennya dmutrenko 2019Dosyagnennya dmutrenko 2019
Dosyagnennya dmutrenko 2019
Светлана Андреева
 
Zbirn web ukr
Zbirn web ukrZbirn web ukr
Photoshop 1
Photoshop 1Photoshop 1
Komp an
Komp anKomp an
Byklet
BykletByklet
Byklet
BykletByklet
Byklet 22
Byklet 22Byklet 22

More from Светлана Андреева (19)

Ekonomika
EkonomikaEkonomika
Ekonomika
 
Iztoriya uk 2020 probne
Iztoriya uk 2020 probneIztoriya uk 2020 probne
Iztoriya uk 2020 probne
 
Pzno2020
Pzno2020Pzno2020
Pzno2020
 
Zoshit1
Zoshit1Zoshit1
Zoshit1
 
Istoriya
IstoriyaIstoriya
Istoriya
 
Tema1 tya
Tema1 tyaTema1 tya
Tema1 tya
 
Cylinder
CylinderCylinder
Cylinder
 
Sw
SwSw
Sw
 
Zvarka
ZvarkaZvarka
Zvarka
 
Portfolio
PortfolioPortfolio
Portfolio
 
Texnologii
TexnologiiTexnologii
Texnologii
 
Web 5
Web 5Web 5
Web 5
 
Dosyagnennya dmutrenko 2019
Dosyagnennya dmutrenko 2019Dosyagnennya dmutrenko 2019
Dosyagnennya dmutrenko 2019
 
Zbirn web ukr
Zbirn web ukrZbirn web ukr
Zbirn web ukr
 
Photoshop 1
Photoshop 1Photoshop 1
Photoshop 1
 
Komp an
Komp anKomp an
Komp an
 
Byklet
BykletByklet
Byklet
 
Byklet
BykletByklet
Byklet
 
Byklet 22
Byklet 22Byklet 22
Byklet 22
 

Recently uploaded

Главлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdfГлавлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdf
olaola5673
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
estet13
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
Основи_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdfОснови_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdf
olaola5673
 
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
Olga Kudriavtseva
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
Olga Kudriavtseva
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
ssuser7541ef1
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
Репетитор Історія України
 
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
Olga Kudriavtseva
 
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
tetiana1958
 

Recently uploaded (10)

Главлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdfГлавлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdf
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
 
Основи_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdfОснови_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdf
 
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
 
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
 
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
 

Pz4

  • 1. 1 Практичне робота Тема: «Робота з шарами (Layers)» Мета: Закріпити навички роботи з палітрою Шкала часу, з шарами, інструментами малювання та ретушування в програмі Adobe Photoshop. Завдання: Створити аватар учбового закладу з ефектом анімації для Webсайту або форуму. Хід роботи: 1. Відкрийте панелі Анімація (Photoshop Extended CS5) та Шари, якщо вони ще не відображаються. 2. Переконайтеся, що панель Анімація (Photoshop Extended CS5) відображається в режимі покадрової анімації. 3. Створити новий документ із зазначеними нижче параметрами:
  • 2. 2 4. Отримаємо наступне зображення: 5. Створюємо новий шар – Шар 1 (Слой 1) 6. Виберіть інструмент малювання Пензель 36 (Brushtool, Кисть) 7. На Шар 1 (Слой 1) створюємо зображення, як показано на скриншоти:
  • 3. 3 8. На новий шар вставляємо зображення логотипу навчального закладу 9. Створити обтравочную маску (Create clipping mask), натиснувши комбінацію клавіш Ctrl+Alt+G або у рядку меню обрати Шари Створити обтравочну маску (Слои-Создать обтравочную маску) 10.Об’єднайте Шар 1 та Шар 2 (Слой 1 и Слой 2).
  • 4. 4 11.Продублюйте шар, який ми отримали, натиснувши комбінацію клавіш Ctrl+J 12.Оберіть інструмент Гумка (Ластик, Еrasertool), створіть налаштування так само як і у Пензля (Кисть), яким ми створювали зображення.. 13.Перейдіть на Шар 1 копія (Слой 1 копия) 14.Зітріть нижню частину зображення інструментом Гумка 15.Таким чином створіть нові шари, дублюючи та стираючи частину зображення до тих пір, поки повністю воно не зникне.
  • 5. 5 16.Продублюйте перший кадр, таким чином утворюється 9 кадрів. Перший кадр – ввімкніть видимість першого фонового шару та останній чистий шар.. 17.Другий кадр – увімкніть видимість шарів: Шар 0 (Слой 0), Шар 1 копія 7 (Слой 1 копия 7), Шар 1 копія 8 (Слой 1 копія 8).
  • 6. 6 18.Третій кадр – увімкніть видимість шарів: Шар 1 копія 6 (Слой 1 копия 6) та Шар 0 (Слой 0). 19.Продовжуйте налаштування кадрів вмикаючі видимість відповідних шарів на палітрі Шари.( 4 кадр – увімкніть видимість шарів: Шар 1 копія 5 (Слой 1 копия 5) та Шар 0 (Слой 0); 5 кадр – увімкніть видимість шарів: Шар 1 копія 4 (Слой 1 копия 4) та Шар 0 (Слой 0); 6 кадр – увімкніть видимість шарів: Шар 1 копія 3 (Слой 1 копия 3) та Шар 0 (Слой 0); 7 кадр – увімкніть видимість шарів: Шар 1 копія 2 (Слой 1 копия 2) та Шар 0 (Слой 0); 8 кадр – увімкніть видимість шарів: Шар 1 копія (Слой 1 копия ) та Шар 0 (Слой 0).)
  • 7. 7 20.Встановіть Час відображення анімації – 0,05 с для всіх кадрів 21.Задайте вибір параметрів циклу – Постійно. 22.Збережіть результат в форматі GIF ( Файл – Зберігти для Web…) в своїй папці. 23.Обиріть Параметр ціклу – Постійно 24.Запустіть Попередній перегляд анімації. 25.Збережіть результат в форматі GIF ( Файл – Зберігти для Web…) в своїй папці.