Резиновый эффект в Adobe After Effects

Привет всем! Иногда, в процессе создания анимации с помощью Adobe After Effects нужно добавить объекту некоей «динамики»… Так почему бы не сделать так называемый «резиновый эффект»?

Попробуем разобраться чуть конкретнее. Например, на картинке ниже:

у нас имеется маркер, который можно использовать в проекте (например) анимационной карты (пусть вас не смущают перепады цветов — все рисовалось в Adobe After Effects, после чего конвертировалось в .gif — формат). Как видно — он увеличивается в размерах, после чего … ничего. Да, красиво, но — не очень стильно 🙂 Попробуем изменить это и добавить немного динамики.

Используя данное регулярное выражение:

```
n = 0;
```
```
if (numKeys > 0){
```
```
	n = nearestKey(time).index;
```
```
	if (key(n).time > time){
```
```
		n--;
```
```
	}
```
```
}
```
```
if (n == 0){
```
```
	t = 0;
```
```
	}
```
```
else{
```
```
	t = time - key(n).time;
```
```
	}
```
```
 
```
```
if (n > 0){
```

	v = velocityAtTime(key(n).time - thisComp.frameDuration/10);

```
	amp = .025;
```
```
	freq = 2.0;
```
```
	decay = 3.0;
```

	value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);

```
}
```
```
else{
```
```
	value;
```
```
}
```

в свойствах объекта, отвечающих за его размер (Scale) мы получим вот такой «резиновый эффект»:

согласитесь — все стало значительно динамичнее и более стильным.

Само регулярное выражение в полном виде доступно по ссылке. Сам проект увеличения маркера очень прост, выкладывать его нет смысла.

Спасибо за внимание! Не забывайте поддержать оптимизм кликом по баннеру 😉 И в случае возникновения вопросов — пишите на почту.

P.S. Конвертирование файлов из формата .mov (в него конвертировал проект из Adobe After Effects) в .gif (что бы удобнее было вставлять в запись) делалось с помощью ресурса Convertio.co — очень удобно 🙂

P.P.S. И поиграйтесь с параметрами:
amp = .025;
freq = 2.0;
decay = 3.0;
вам понравится.

Oleksiy Lavrynenko

Резиновый эффект в Adobe After Effects

Понравилось это:

Похожее