Тема 20-3. Анімація прозорості.
Практична робота "Букет".

Анімація прозорості створюється на багатошаровому документі і базується на зміні властивості Opacity (Непрозорість) шару. Тобто один шар як би поступово проступає крізь інший.

Цю анімацію ми спробуємо на прикладі букета квітів.

1. Новий документ 600х600. Фон білий. Інструментом Градієнт виконати оформлення фону.
2. Створюємо основу букета. На нових шарах малюємо 2 овалу для рівної основи: інструментом Овальний виділення, обводимо (Edit-Stroke), товщиною 2. Інструментом Переміщення поєднуємо їх. Об'єднуємо шари з овалами.

   

3. Новий шар. Інструментом Прямолінійне ласо виділяємо контур букета (опорні точки - приблизно на овалах), знизився не забудьте ніжку букета.

   

4. Залити контур букета одним з природних текстур: поміняти параметр Foreground (Основний колір) на Pattern (Візерунок) інструменту Заливка, в випадаючому списку вибрати текстуру. Основа букета готова. Шар з овалами видаляємо.

   

5. Розміщуємо на букеті квіти. Вибрати і відкрити фото квітки. Виділити його інструментом Магнітне ласо, скопіювати в документ нашого букета і трансформацією масштабування "підігнати" розмір.
6. Продублювати шар з квіткою і інструментом Переміщення розмістити квіти на букеті. Об'єднати шари з квітами (але без основи букета і фону).

   

7. Створюємо квіти для анімації прозорості. Відкрити фото другого квітки (квіти беремо одного типу, але різного кольору). Виділити його також інструментом Магнітне ласо, скопіювати в документ букета. Переходимо на шар готових квітів. У палітрі Layers (Шари) є параметр Opacity (Прозорість шару) встановимо 50%. Це потрібно для того, щоб співвіднести розмір і розташування кольорів іншого кольору (квіти розташовуються один під іншим).
8. Повернемося до шару з квіткою другого кольору. Трансформацією масштабування підганяємо розмір квітки (такий же, як і першого кольору). Дублюємо шар і маємо в своєму розпорядженні квіти другого кольору поверх перших. Об'єднаємо шари з квітами другого кольору. Отримуємо такий же букет, але з квітами іншого кольору.

   

9. Таким же чином створюємо букет і третього кольору. У підсумку ми отримуємо наступні шари: Фон, Основа букета, 3 шари з квітами різного кольору.

   

10. Останній штрих до нашого букету - можна додати бантик на ніжку букета (цей шар треба буде об'єднати з основою букета).

    

11. Підготовчий етап закінчено. Приступаємо безпосередньо до створення анімації. Відкриваємо вікно Анімація Window-Animation (Вікно-Анімація).

    

    У вікні анімації: 1 - Створення нового кадру; 2 - Видалити активний кадр; 3 - Створення проміжних кадрів; 4 - Запуск відтворення анімації.

12. Перший кадр - Встановлюємо видимість шарів. Фон - 100%; Основа букета - 100%; Квіти 1 - 100%; Квіти 2 і квіти 3 - видимість відключити.
13. Створити новий кадр. Поміняти видимість: Квіти 1 - 80%; Квіти 2 - 20%.
14. Третій кадр. Квіти 1 - 60%; Квіти 2 - 40%.
15. Четвертий кадр. Квіти 1 - 40%; Квіти 2 - 60%.
16. П'ятий кадр. Квіти 1 - 20%; Квіти 2 - 80%.
17. Шостий кадр. Квіти 1 - відключити видимість; Квіти 2 - 100%. Таким чином, букет з Квітами 1 "пропадає" і одночасно букет з Квітами 2 "з'являється". На цьому етапі можна переглянути анімацію (4), і встановити час показу кадрів.

    

18. Таким же чином виконати перехід Квіти 2 - Квіти 3 і потім Квіти 3 - Квіти 1. Звернути увагу - останнім кадром буде видимість Квіти 3 - 20%; Квіти 1 - 80%, так як анімація циклічна, а на першому кадрі якраз видимість шару Квіти 1 - 100%.
19. Якщо додати деталі оформлення, отримуємо оригінальну електронну листівку.

comments powered by

© 2013-2017 Світлана Васильєва. При повному або частковому передрукуванні посилання на сайт є обов'язковим.