SlideShare a Scribd company logo
1 of 7
Download to read offline
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 (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-4marunasorokina
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10Cit Cit
 
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15Cit Cit
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12Cit Cit
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскопCit Cit
 

Similar to Pz4 (7)

бригада1
бригада1бригада1
бригада1
 
Лабараторна робота №3-4
Лабараторна робота №3-4Лабараторна робота №3-4
Лабараторна робота №3-4
 
лабораторна робота 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 Светлана Андреева (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

upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfupd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfssuser54595a
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяAdriana Himinets
 
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»tetiana1958
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»tetiana1958
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняAdriana Himinets
 

Recently uploaded (8)

upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfupd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
 
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
 
Її величність - українська книга презентація-огляд 2024.pptx
Її величність - українська книга презентація-огляд 2024.pptxЇї величність - українська книга презентація-огляд 2024.pptx
Її величність - українська книга презентація-огляд 2024.pptx
 
Віртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptxВіртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptx
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. Біографія
 
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповідання
 

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…) в своїй папці.