Перехід накладання в русі

• Може 18, 2024

У цьому Русі^R підручник, ми будемо працювати над переходом між сценами для проекту Save The Date. Метою цього переходу є вицвітання тексту заголовка та інших елементів дизайну для першої сцени, залишаючи екран порожнім для наступної сцени.

Звичайно, ми можемо просто згасати текст заголовка, але додамо дуже популярний перехідний елемент. Ми створимо нахилену напівпрозору накладку, яка буде проходити над екраном справа наліво, коли текст заголовка зникає, а на другому екрані з’являється перший елемент дизайну, золотий значок верхньої шапки.

В останньому підручнику останній текст повністю видно на екрані о 3:15 на часовій шкалі. Давайте залишимо трохи місця на шкалі часу, перш ніж ми розпочнемо нашу напівпрозору анімацію з накладанням, починаючи з 4:00 на шкалі часу. Наш перший крок - намалювати накладку, яка буде схожа на елегантну стрічку з тюлю.

1. На панелі "Шари" додайте нову групу під назвою "фігури".
   
   
2. За допомогою Playhead о 4:00 використовуйте інструмент «Прямокутник», щоб додати прямокутник приблизно на третину ширини і трохи більше висоти екрана.
   
   
3. В інспекторі - Форма - Стиль встановіть прапорець, щоб додати Заповнення до прямокутника.
   
   
4. Зберігайте білий колір заливки за замовчуванням, але зменшіть непрозорість заливки до 60%.
   
   
5. Давайте також збережемо білий штрих контуру за замовчуванням, але збільшимо Ширину до 15.
   
   Оскільки у нас верхній і нижній краї прямокутника перевищують висоту екрана, глядач побачить лише обриси обведення з лівого та правого краю. Додамо ще одну деталь, нахиливши прямокутник.
   
   
6. Вибравши прямокутник, перейдіть на інструмент Distort. Перетягніть праву нижню опорну точку праворуч, щоб нахилити правий край. Далі, перетягніть верхню ліву опорну точку ліворуч, щоб нахилити інший край.
   
   
7. Тепер перетягніть прямокутник праворуч і трохи поза екрана.
   
   Ми хочемо, щоб накладка перемістилася по екрану з 4:00 до 5:15 на часовій шкалі.
   
   
8. Залишивши Playhead ще о 4:00, перейдіть до інспектора - Властивості - Позиція. Додайте ключовий кадр, натиснувши на значок праворуч.
   
   
9. Перемістіть Playhead до 5:15 і перетягніть прямокутник ліворуч, поки він не знаходиться біля екрана. До цього слід додати другий ключовий кадр.
   
   Тепер нам потрібно видалити текст заголовка за ту ж секунду на шкалі часу. Давайте скористаємось реверсом центру зникаючих символів у поведінці.
   
   
10. З Playhead о 4:00 виберіть текст назви It It A Wedding. Перейдіть до бібліотеки - Поведінки - Послідовність тексту - Основні тексти - Вимкнення Центру символів.
    
    Ви побачите нову панель поведінки, додану над першою смужкою для тексту. Перетягніть панель поведінки, щоб лівий край починався о 4:00.
    
    
11. Перетягніть правий край смуги поведінки до 5:15 на часовій шкалі.
    
    Повторіть текст тексту Зберегти дату.
    
    Нарешті, нам потрібно розтушувати дві верхні шапки.
    
    
12. Повернувшись Playhead о 4:00, виберіть верхню шапку нареченої.
    
    
13. Перейдіть до інспектора - Властивості - Непрозорість. Клацніть піктограму, щоб додати ключовий кадр о 4:00 для властивості Opacity.
    
    
14. Перемістіть Playhead до 5:15 і зменшіть Непрозорість до 0%.
    
    Повторіть це для верхньої шапки нареченого.
    
    

Збережіть свою роботу. У наступному підручнику ми будемо працювати над анімацією для другого екрану.

Назад | Продовжити

Зразок проекту

Відео Інструкція: Рава-Руська - Грушів . Як проїхати на перехід Грушів - Будомєж з Рави-Руської (Може 2024).