SlideShare a Scribd company logo
1 of 7
Download to read offline
1
Практичне робота
Тема: «Створення анімованого зображення з ефектом переміщення в режимі
покадрової анімації»
Мета: закріпити навички роботи з палітрою Шкала часу, інструментам
виділення, навчитися створювати ефект переміщення об’єкту.
Завдання: Створити зображення з ефектом анімації переміщення.
Хід роботи:
1. Відкрийте панелі Анімація (Photoshop Extended CS5) та Шари,
якщо вони ще не відображаються.
2. Переконайтеся, що панель Анімація (Photoshop Extended CS5)
відображається в режимі покадрової анімації.
3. Створіть новий документ (Ctrl + N) з розмірами файлу 600 х 400
пікселів; фон - прозорий.
4. Залийте фоновий шар чорним кольором.
2
5. Інструментом Овальна область (Овальная область, Elliptical Shape
Tool) створіть овал на новому шарі.
6. Інструментом Заливання (Заливка) зафарбуйте овал.
7. Натисніть комбінацію клавіш Ctrl + T. Правою кнопкою миші
викликаємо ПКМ контекстне меню і обираємо – Деформація
(Деформація,Warp).
8. Деформуйте зображення за
зразком:
9. За допомогою Custom Shape
Tool створіть руку (на
3
новому шарі) у вигляді плями.
10.Продублюйте шар з рукою та натисніть комбінацію клавіш
Ctrl + T, ПКМ викликавши контекстне меню оберіть
Віддзеркалити по горизонталі (Отразить по горизонтали). Таким
чином, ми отримали дві руки
11.Новий шар / Намалюйте очі, та носик
12.Новий шар / рот
13.Хвост зробити на новому шарі за допомогою ластика
14.Об’єднати всі шари крім першого та назвати його Привид
4
15.Створіть дублікат шару з привидом, натиснувши Ctrl + T.
Викликавши правою кнопкою миші контекстне меню і Віддзеркалити
по горизонталі (Отразить по горизонтали, Flip Horizontal).
Розташуйте привидів за зразком.
5
16.Перший кадр на Шкалі часу та приховайте шар Привид 2
17.Продублюйте перший кадр та пересуньте привида, як вказано на
малюнку:
18.Натисніть на кнопку Створення проміжних кадрів (Создание
промежуточних кадров, Tween) у вікні анімації і застосуйте наступні
налаштування:
6
19.Шкала часу тепер виглядає так:
20.Налаштуйте Затримку кадру 0 сек. для 1- 6 кадрів і для 7 – 0,2 сек
21.Продублюйте 7 кадр
22.Для 8-го кадру сховайте шар Привид 1 і зробіть видимим шар
Привид 2. Пересуньте зображення в кінець кадру.
7
23.Продублюйте 8 кадр.
24.Перемістить зображення до лівого краю кадру.
25.Створіть проміжні кадри, викликавши меню Створення проміжних
кадрів (Создание промежуточных кадров)
26.Задати Час відображення для кадрів 8 – 13 0 сек., для 14 – 0,2 сек.
27.Налаштувати Параметри циклу – Постійно.
28.Збережіть роботу у форматі GIF, перейдіть в меню Файл –
Зберегти для Web (File – Save for Web).

More Related Content

What's hot (20)

Тема: «Створення анімації.»
Тема: «Створення анімації.»Тема: «Створення анімації.»
Тема: «Створення анімації.»
 
Pz2
Pz2Pz2
Pz2
 
Dom zad instryksiya
Dom zad instryksiyaDom zad instryksiya
Dom zad instryksiya
 
як створити банер за допомогою флеш
як створити банер  за допомогою флешяк створити банер  за допомогою флеш
як створити банер за допомогою флеш
 
5 20
5 205 20
5 20
 
9kl urok 15_tema_ba
9kl urok 15_tema_ba9kl urok 15_tema_ba
9kl urok 15_tema_ba
 
Lr_2
Lr_2Lr_2
Lr_2
 
Pz5
Pz5Pz5
Pz5
 
Lr333
Lr333Lr333
Lr333
 
7
77
7
 
Adobe Shotoshop
Adobe ShotoshopAdobe Shotoshop
Adobe Shotoshop
 
Робота з шарами
Робота з шарамиРобота з шарами
Робота з шарами
 
Lr 3 photoshop
Lr 3 photoshopLr 3 photoshop
Lr 3 photoshop
 
Інструменти
ІнструментиІнструменти
Інструменти
 
графічний редактор теорія
графічний редактор теоріяграфічний редактор теорія
графічний редактор теорія
 
Lr 1(praktika)
Lr 1(praktika)Lr 1(praktika)
Lr 1(praktika)
 
графічний редактор практика
графічний редактор практикаграфічний редактор практика
графічний редактор практика
 
Coreldraw
CoreldrawCoreldraw
Coreldraw
 
Реташуваня фотографій
Реташуваня фотографійРеташуваня фотографій
Реташуваня фотографій
 
Лабараторно практичні
Лабараторно практичніЛабараторно практичні
Лабараторно практичні
 

Similar to Pz7

5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...
5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...
5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...StAlKeRoV
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10Cit Cit
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12Cit Cit
 
Інструменти ретушування
Інструменти ретушуванняІнструменти ретушування
Інструменти ретушуванняAlishaOtarjan
 
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15Cit Cit
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскопCit Cit
 
корнусь урок збірка малюнку з деталей
корнусь урок  збірка малюнку з деталейкорнусь урок  збірка малюнку з деталей
корнусь урок збірка малюнку з деталейvlodi
 
вся брошура Corel draw 2014
вся брошура Corel draw 2014вся брошура Corel draw 2014
вся брошура Corel draw 2014oleg1235
 
5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...
5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...
5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...Дмитро Загура
 
3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.
3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.
3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.StAlKeRoV
 

Similar to Pz7 (20)

Pz5
Pz5Pz5
Pz5
 
практична 4
практична 4практична 4
практична 4
 
5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...
5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...
5 клас 21 урок. Створення зображень в середовищі графічного редактора за розр...
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12
 
Інструменти ретушування
Інструменти ретушуванняІнструменти ретушування
Інструменти ретушування
 
урок Paint
урок Paintурок Paint
урок Paint
 
Graphica rozdil6
Graphica rozdil6Graphica rozdil6
Graphica rozdil6
 
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15
 
Урок 59 8 клас
Урок 59 8 класУрок 59 8 клас
Урок 59 8 клас
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
 
корнусь урок збірка малюнку з деталей
корнусь урок  збірка малюнку з деталейкорнусь урок  збірка малюнку з деталей
корнусь урок збірка малюнку з деталей
 
лп р5
лп р5лп р5
лп р5
 
вся брошура Corel draw 2014
вся брошура Corel draw 2014вся брошура Corel draw 2014
вся брошура Corel draw 2014
 
5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...
5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...
5 клас. Морзе. Урок 18. Редагування рисунка. Практична робота №3 "Опрацювання...
 
Paint
 Paint Paint
Paint
 
4 клас урок 14 як працювати з інструментами виділення
4 клас урок 14 як працювати з інструментами виділення 4 клас урок 14 як працювати з інструментами виділення
4 клас урок 14 як працювати з інструментами виділення
 
Pr5
Pr5Pr5
Pr5
 
Pr4
Pr4Pr4
Pr4
 
3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.
3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.
3 клас 21 урок. Вставляння та переміщення графічних об’єктів слайду.
 

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
 
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»tetiana1958
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняAdriana Himinets
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»tetiana1958
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяAdriana Himinets
 

Recently uploaded (8)

Віртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptxВіртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptx
 
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
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. Біографія
 
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
 

Pz7

  • 1. 1 Практичне робота Тема: «Створення анімованого зображення з ефектом переміщення в режимі покадрової анімації» Мета: закріпити навички роботи з палітрою Шкала часу, інструментам виділення, навчитися створювати ефект переміщення об’єкту. Завдання: Створити зображення з ефектом анімації переміщення. Хід роботи: 1. Відкрийте панелі Анімація (Photoshop Extended CS5) та Шари, якщо вони ще не відображаються. 2. Переконайтеся, що панель Анімація (Photoshop Extended CS5) відображається в режимі покадрової анімації. 3. Створіть новий документ (Ctrl + N) з розмірами файлу 600 х 400 пікселів; фон - прозорий. 4. Залийте фоновий шар чорним кольором.
  • 2. 2 5. Інструментом Овальна область (Овальная область, Elliptical Shape Tool) створіть овал на новому шарі. 6. Інструментом Заливання (Заливка) зафарбуйте овал. 7. Натисніть комбінацію клавіш Ctrl + T. Правою кнопкою миші викликаємо ПКМ контекстне меню і обираємо – Деформація (Деформація,Warp). 8. Деформуйте зображення за зразком: 9. За допомогою Custom Shape Tool створіть руку (на
  • 3. 3 новому шарі) у вигляді плями. 10.Продублюйте шар з рукою та натисніть комбінацію клавіш Ctrl + T, ПКМ викликавши контекстне меню оберіть Віддзеркалити по горизонталі (Отразить по горизонтали). Таким чином, ми отримали дві руки 11.Новий шар / Намалюйте очі, та носик 12.Новий шар / рот 13.Хвост зробити на новому шарі за допомогою ластика 14.Об’єднати всі шари крім першого та назвати його Привид
  • 4. 4 15.Створіть дублікат шару з привидом, натиснувши Ctrl + T. Викликавши правою кнопкою миші контекстне меню і Віддзеркалити по горизонталі (Отразить по горизонтали, Flip Horizontal). Розташуйте привидів за зразком.
  • 5. 5 16.Перший кадр на Шкалі часу та приховайте шар Привид 2 17.Продублюйте перший кадр та пересуньте привида, як вказано на малюнку: 18.Натисніть на кнопку Створення проміжних кадрів (Создание промежуточних кадров, Tween) у вікні анімації і застосуйте наступні налаштування:
  • 6. 6 19.Шкала часу тепер виглядає так: 20.Налаштуйте Затримку кадру 0 сек. для 1- 6 кадрів і для 7 – 0,2 сек 21.Продублюйте 7 кадр 22.Для 8-го кадру сховайте шар Привид 1 і зробіть видимим шар Привид 2. Пересуньте зображення в кінець кадру.
  • 7. 7 23.Продублюйте 8 кадр. 24.Перемістить зображення до лівого краю кадру. 25.Створіть проміжні кадри, викликавши меню Створення проміжних кадрів (Создание промежуточных кадров) 26.Задати Час відображення для кадрів 8 – 13 0 сек., для 14 – 0,2 сек. 27.Налаштувати Параметри циклу – Постійно. 28.Збережіть роботу у форматі GIF, перейдіть в меню Файл – Зберегти для Web (File – Save for Web).