1
$\begingroup$

Only, I wish to learn using Animation Nodes for future motion graphics. Any assistance is appreciated. You can do your own way of wobbling the text. I am not too exact as to how do you do it or what font style you use. I am only just keen on learning nodes for wobbling text for future projects. Thanks in advance.

enter image description here

$\endgroup$
5
  • 1
    $\begingroup$ What exactly is "wibbly wobbly"? Can you share some reference? The blend file has no packed resources, you should add those directly in the question. $\endgroup$
    – Omar Emara
    Commented Nov 12, 2018 at 18:47
  • $\begingroup$ I just uploaded Blend file so that you can see video of animated text that I did in Moho Pro. $\endgroup$ Commented Nov 12, 2018 at 18:56
  • $\begingroup$ I tried to upload a video here, but I find it difficult to do so. $\endgroup$ Commented Nov 12, 2018 at 18:57
  • 1
    $\begingroup$ The blend file you provided has no packed resources, thus we can't view the video. You can use a service such as ezgif to convert your videos to gifs and upload them here. Alternatively, use the imgur video to gif service, get the direct link, change the extension to gif from gifv and copy it to the stackexchange uploader. $\endgroup$
    – Omar Emara
    Commented Nov 12, 2018 at 19:00
  • $\begingroup$ I returned to Moho Pro and exported video to Gif. I have uploaded the gif above. Thanks for suggestion. $\endgroup$ Commented Nov 12, 2018 at 19:22

1 Answer 1

1
$\begingroup$

The characters follow the path of a sine-like function, so we should position and animate on a sine wave. We will be using the same technique described in this answer. The y position of each character should be the sine of its x position, which is trivial to do. To orient the characters along the sine wave, we will compute the angle that that the curve makes with the x axis by computing the arctangent of the derivative of the sine function $\arctan(\frac{d \sin(t)}{dt}) = \arctan(\cos(t))$:

Sine Wave

We can change the frequency by multiplying by $f$ and the amplitude by multiplying by $\alpha$ to have the function $\alpha\sin(ft)$ which has an angle $\arctan(\frac{d(\alpha\sin(ft))}{dt}) = \arctan(\alpha f \cos(ft))$:

Frequency

Lets animate the scale and the start value of the progression to get:

Animate

Finally, lets animate the y position of the characters such that it becomes zero at the end of the animation. We can do this by multiplying by the inverse of a sharp exponential interpolation:

Exponential Interpolation

This concludes the first effect. To achieve the second effect, try adding a noise vector to the locations of the characters:

Wiggle

Fine tune the amplitude and speed to get the feel you are after.

$\endgroup$
1
  • $\begingroup$ This is wonderful and you are a star. Many thanks. $\endgroup$ Commented Nov 12, 2018 at 22:41

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .