SlideShare a Scribd company logo
1 of 5
Download to read offline
1
Практична робота
Тема: «Створення анімації кольору»
Мета: Закріпити навички роботи з палітрою Шкала часу, навчитися
створювати анімацію кольору.
Завдання: Створити зображення з ефектом анімації кольору.
Хід роботи:
1. Відкрийте панелі Анімація (Photoshop Extended CS5) та Шари, якщо
вони ще не відображаються.
2. Переконайтеся, що панель Анімація (Photoshop Extended CS5)
відображається в режимі покадрової анімації.
3. Файл → створіть новий файл шириною 200 і висотою 300 пікселів,
прозорий
4. Зробити заливку чорним кольором - це буде ваша основа для світлофора
5. Створити 3 нових шара
2
6. Шар 4: обираємо інструмент овальна область та с shift малюємо коло та
заливаємо його сірим кольором; знімаємо виділення Ctrl+D
7. Крок 6 виконуємо для шару 2, 3
8. Об'єднайте шари (Шари - Об'єднати
видимі) і отриманий шар назвіть
"Зелений"
3
9. Створіть дві копії цього шару (Ctrl+J) - відповідно "Жовтий" і
"Червоний". Зверніть увагу, що зображення світлофора в цих шарах
повинні розташовуватися строго один під одним.
10.Активізуйте шар під назвою "Зелений", виконайте заливку однієї
(нижньої) окружності зеленим кольором. Зверніть увагу на палітру
Шари - зафарбувана нижня окружність, хоча на малюнку змін немає.
11.У контекстному меню палітри Анімація виберіть команду Створити
кадри з шарів. Після цього в палітрі з'являться три кадри, відповідні
верствам зображення світлофора.
4
12.Задайте час показу кадрів 0,5 секунди
13.Переконайтеся, що кадри розташовані в потрібній послідовності:
червоний, жовтий, зелений. Якщо порядок не правильний, то в палітрі
Анімація переміщайте кадри, утримуючи лівою клавішею миші в
потрібну позицію.
14.Налаштувати Параметри циклу – Постійно
15.Збережіть роботу у форматі GIF, перейдіть в меню Файл – Зберегти
для Web (File – Save for Web).
16. Застосовуємо наступні параметри
5
17.Зараз вікно з шарами виглядає ось так
18.Устанавливаем время для каждого
кадра 0,1 с
19.Налаштувати Параметри циклу –
Постійно
20.Збережіть роботу у форматі GIF,
перейдіть в меню Файл – Зберегти
для Web (File – Save for Web).

More Related Content

What's hot (17)

Laba5photoshop
Laba5photoshopLaba5photoshop
Laba5photoshop
 
Практична робота Тема: «Використання візуальних ефектів в анімації»
Практична робота Тема: «Використання візуальних ефектів в анімації»Практична робота Тема: «Використання візуальних ефектів в анімації»
Практична робота Тема: «Використання візуальних ефектів в анімації»
 
Pz5
Pz5Pz5
Pz5
 
Dom zad instryksiya
Dom zad instryksiyaDom zad instryksiya
Dom zad instryksiya
 
як створити банер за допомогою флеш
як створити банер  за допомогою флешяк створити банер  за допомогою флеш
як створити банер за допомогою флеш
 
7
77
7
 
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
 
Lr 3 photoshop
Lr 3 photoshopLr 3 photoshop
Lr 3 photoshop
 
Lr 1(praktika)
Lr 1(praktika)Lr 1(praktika)
Lr 1(praktika)
 
Лабараторна робота №7
Лабараторна робота №7Лабараторна робота №7
Лабараторна робота №7
 
Lr333
Lr333Lr333
Lr333
 
Adobe Shotoshop
Adobe ShotoshopAdobe Shotoshop
Adobe Shotoshop
 
графічний редактор теорія
графічний редактор теоріяграфічний редактор теорія
графічний редактор теорія
 
бригада1
бригада1бригада1
бригада1
 
Урок 47. Відображення графічних об’єктів засобами мови програмування
Урок 47. Відображення графічних об’єктів засобами мови програмуванняУрок 47. Відображення графічних об’єктів засобами мови програмування
Урок 47. Відображення графічних об’єктів засобами мови програмування
 

Similar to Створення анімації кольору

Лабараторна робота №3-4
Лабараторна робота №3-4Лабараторна робота №3-4
Лабараторна робота №3-4marunasorokina
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10Cit Cit
 
ЛР 1_ PHOTOSHOP
ЛР 1_ PHOTOSHOPЛР 1_ PHOTOSHOP
ЛР 1_ PHOTOSHOPOlena
 
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15Cit Cit
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскопCit Cit
 
Лабараторна робота №2
Лабараторна робота №2Лабараторна робота №2
Лабараторна робота №2marunasorokina
 
Урок 57 8 клас
Урок 57 8 класУрок 57 8 клас
Урок 57 8 класssuser737e7f
 
корнусь урок збірка малюнку з деталей
корнусь урок  збірка малюнку з деталейкорнусь урок  збірка малюнку з деталей
корнусь урок збірка малюнку з деталейvlodi
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12Cit Cit
 

Similar to Створення анімації кольору (14)

Pz5
Pz5Pz5
Pz5
 
Лабараторна робота №3-4
Лабараторна робота №3-4Лабараторна робота №3-4
Лабараторна робота №3-4
 
Pr4
Pr4Pr4
Pr4
 
лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10лабораторна робота 4 вправа 10
лабораторна робота 4 вправа 10
 
ЛР 1_ PHOTOSHOP
ЛР 1_ PHOTOSHOPЛР 1_ PHOTOSHOP
ЛР 1_ PHOTOSHOP
 
лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15лабораторна робота 6 вправа 15
лабораторна робота 6 вправа 15
 
буфер обміну
буфер обмінубуфер обміну
буфер обміну
 
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм  микроскоплабораторна робота 3 вправа 9 тонування зображення фхм  микроскоп
лабораторна робота 3 вправа 9 тонування зображення фхм микроскоп
 
Лабараторна робота №2
Лабараторна робота №2Лабараторна робота №2
Лабараторна робота №2
 
Урок 57 8 клас
Урок 57 8 класУрок 57 8 клас
Урок 57 8 клас
 
350254.pptx
350254.pptx350254.pptx
350254.pptx
 
корнусь урок збірка малюнку з деталей
корнусь урок  збірка малюнку з деталейкорнусь урок  збірка малюнку з деталей
корнусь урок збірка малюнку з деталей
 
лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12лабораторна робота 4 вправа 12
лабораторна робота 4 вправа 12
 
Pr5
Pr5Pr5
Pr5
 

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

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

Recently uploaded (10)

Хімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класХімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 клас
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
 
Її величність - українська книга презентація-огляд 2024.pptx
Її величність - українська книга презентація-огляд 2024.pptxЇї величність - українська книга презентація-огляд 2024.pptx
Її величність - українська книга презентація-огляд 2024.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
 
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
Віртуальна виставка «Аграрна наука України у виданнях: історичний аспект»
 
Віртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptxВіртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptx
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. Біографія
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповідання
 
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»Відкрита лекція на тему «Біологічний захист рослин у теплицях»
Відкрита лекція на тему «Біологічний захист рослин у теплицях»
 

Створення анімації кольору

  • 1. 1 Практична робота Тема: «Створення анімації кольору» Мета: Закріпити навички роботи з палітрою Шкала часу, навчитися створювати анімацію кольору. Завдання: Створити зображення з ефектом анімації кольору. Хід роботи: 1. Відкрийте панелі Анімація (Photoshop Extended CS5) та Шари, якщо вони ще не відображаються. 2. Переконайтеся, що панель Анімація (Photoshop Extended CS5) відображається в режимі покадрової анімації. 3. Файл → створіть новий файл шириною 200 і висотою 300 пікселів, прозорий 4. Зробити заливку чорним кольором - це буде ваша основа для світлофора 5. Створити 3 нових шара
  • 2. 2 6. Шар 4: обираємо інструмент овальна область та с shift малюємо коло та заливаємо його сірим кольором; знімаємо виділення Ctrl+D 7. Крок 6 виконуємо для шару 2, 3 8. Об'єднайте шари (Шари - Об'єднати видимі) і отриманий шар назвіть "Зелений"
  • 3. 3 9. Створіть дві копії цього шару (Ctrl+J) - відповідно "Жовтий" і "Червоний". Зверніть увагу, що зображення світлофора в цих шарах повинні розташовуватися строго один під одним. 10.Активізуйте шар під назвою "Зелений", виконайте заливку однієї (нижньої) окружності зеленим кольором. Зверніть увагу на палітру Шари - зафарбувана нижня окружність, хоча на малюнку змін немає. 11.У контекстному меню палітри Анімація виберіть команду Створити кадри з шарів. Після цього в палітрі з'являться три кадри, відповідні верствам зображення світлофора.
  • 4. 4 12.Задайте час показу кадрів 0,5 секунди 13.Переконайтеся, що кадри розташовані в потрібній послідовності: червоний, жовтий, зелений. Якщо порядок не правильний, то в палітрі Анімація переміщайте кадри, утримуючи лівою клавішею миші в потрібну позицію. 14.Налаштувати Параметри циклу – Постійно 15.Збережіть роботу у форматі GIF, перейдіть в меню Файл – Зберегти для Web (File – Save for Web). 16. Застосовуємо наступні параметри
  • 5. 5 17.Зараз вікно з шарами виглядає ось так 18.Устанавливаем время для каждого кадра 0,1 с 19.Налаштувати Параметри циклу – Постійно 20.Збережіть роботу у форматі GIF, перейдіть в меню Файл – Зберегти для Web (File – Save for Web).