#alight motion tutorial

How to bouncy text

start a new project in whatever software you use and get text (I use ibis)

you can edit it however you’d like (outlines, font, gradient, etc) just make sure when saving the text it’s transparent.

Open a new project in alight motion and add your text.

I typically animate the test straight onto the graphic or banner. But you can always use a green screen to transfer the animation over later.

First select your text then add a movement keyframe at the beginning of the text layer.

For reference, when adding a keyframe press on the layer then press the button with a diamond like shape.

Using the movement pad move the text down, this will automatically create another keyframe.

Be sure to use the movement pad otherwise the keyframe will not track.

From here you can adjust the keyframe to fit the end of the layer or however you’d like.

Pressing the graphs button, add the bounce repeat graph (the third option)

The more squiggles equals the faster the bounce will be.

Just be sure the line at the end meets the dot otherwise the bounce will have a weird abrupt cut off.

Once you are happy with the results you can then export tue project.

Keep in mind that if you do not have pro you will have to watch and ad, additionally you will likely have to use a green screen to crop the watermark.

But that’s the basic jist of things.

Feel free to leave any other questions in my inbox!

so i use alight motion for most of my tweening and such and ill try to share what very little stuff i know for my sillies. im not good at explaning so err yay. this is on alight motion mobile!!!

i begin with drawing a sketch of whatever im gonna tween. the sketch is normal and not cut into pieces yet.

afterwards, when im outlining i draw all the body parts on different layers, so  separating the body parts. a tip for doing any head movements is giving the neck a bit more height 

do this, dont do this

when doing arms i tend to leave some parts open because itll appear as one when im tweening it later 

if you have a part of the body you know will be moving more drastically than the others you should close it off/ like turn it into a nub so its less awkward to tween later

after thats done, colour it. first time tweeners should avoid going in with shading or whatever because it makes it harder to connect those lines lol (it might be easy for you tho i just found it hard. give it a go if u want)

afterwards i save all the layers as transparent. 

now we are on alight motion. click the cross at the bottom of the screen. if you have certain ratios feel free to enter them by clicking the pen. mine was a preset ratio by ibis (4:3) so i wont be changing mine.

to input photos or videos, click media. click on your media and press the plus button on the upper right hand corner

some basics— click the bottom buttons to cut off or divide. 

long press the arrows on the side and slide it left to shorten the clip and right to make it longer.

click your layer, then this button to duplicate the currently selected layer. long press it to move the entire layer. 

to reorder layers , hold the three lines and move it up or down. 

to input audio, select a video from media and click on the layer. find the button ‘extract audio.’ after that, a layer should appear which is the audio layer. delete the video layer if you have no use for it now.

ok now how to tween. 

begin by putting in all your layers. you can reorder them once everything is in. it also helps to name everything, because it does get confusing when youve got lots of parts. click the layer and at the top right of your screen click (unnamed layer) and name it. i dont do this often because i cant be bothered but its helpful.

now im reordering it. 

afterwards it is time to place pivot points. pivot points means where the thingy will be rotating around. or something. It makes tweening much more easier and is why i prefer alight motion to capcut in this aspect.

heres without pivot point placing. the pivot point is always auto set in the center.

and heres with. i have placed the pivot point at where the body parts would join.

to place a pivot point, click on your layer and on the right side buttons click ‘move and transform’. 

tap the first button out of the four that pop up. these four buttons control your movement, rotation, size and angle (in tha order). after clicking the first button, two blue coordinates should appear. these are the coordinates of your pivot point. glide your finger around the square to move the dot towards where you want ur pivot point. pivot pointe are typically at where the body parts would join (if ur tweening a person)

now for parenting layers. click on your layer, and on the top right hand side click the button next to the trash bin. parenting layers basically means we are connecting two layers together. if we have two layers here, and connect layer two to layer one, two will move whenever one does, but one will not move when two does.

ok so again, click your layer. click the button next to  the trash bin. select the other layer which will become your parent layer. 

now for keyframes. if youve used capcut this should be relatively familiar.

we begin with clicking the layer, then move and transform button. click on whichever of the four youd like to keyframe. i will click rotation. on the left side, beneath the undo and redo button should appear the keyframe symbol. place it wherever you want on your layer. there needs to be at least two keyframes to allow for movement. one of the keyframes should be the original placement, while the other has been altered. 

after the two keyframes have been placed, beneath the keyframe symbol is now graphs. this dictates the easing of your animation. like how fast the animation goes from position one to position two.

you can also make bounces/loops with this, and it’s typically how i do headbopping. glide the yellow button to decide the speed of the bopping/movement.

if youd like to copy and paste a graph to a different layer, click on the three buttons at the bottom left. and click copy. go on your other layer, click the graphs button, the three buttons again then paste.

after all of your tweening is done, you can (if u want to) group it together. this way, if youre looking to move this thing around its much more easier to. long press over here until it lights up, and select the layers youd like to group together. once that is all done, you can move it around. 

if u wanna use effects like bounce to make your silly thing go crazy, click effects. im not gonna go through them all because i honestly dont know what half of these do. click bounce, and scale it however you like. its liteally just keyframing and what we did before.

if you need to edit the grouped together layers, click on the layer and then u can edit it.