Для резинового элемента
ШАГ 1
- Заходим в настройки нашего будущего резинового элемента.
- Переходим в настройки пошаговой анимации.
- Выбираем событие «Block on screen».
- Устанавливаем значение «Duration» на 0.
- Кликаем по неочевидной кнопке «differ X,Y».
- «Scale X» задаем 5%.
- Двигаем элемент настолько, чтобы он полностью скрывался за черной зоной.
ШАГ 2
- Создаем шаг 2.
- Устанавливаем значение «Duration» на 2.
- Возвращаем значение «ScaleX» на 100%.
- Значение «MoveX» возвращаем на 0.
- Устанавливаем эффект «ElasticFin» в параметре «Easing».
- «Delay» ставим 0.5.
Переходим к тарелке
Для тарелки
ШАГ 1
- Устанавливаем тарелку в исходное положение, перекрывая черный резиновый переход.
- Открываем пошаговую анимацию.
- Показатель «Duration» устанавливаем на 0.
- Двигаем тарелку «MoveX» на -240 пикселей.
- Показатель «Scale X»равен 0%.
ШАГ 2
- «Duration» устанавливаем на 2.
- «MoveX» возвращаем в исходное положение — на 0.
- Показатель «Rotate»— 235 градусов.
- «Easing» — эффект «Elastic fin».
- «Delay»равен 0.5.
Нажимаем PlayAll, проверяем. Если что-то не совместилось, двигаем и накладываем так, как это должно выглядеть в идеале.
