Preface
Making animated presentation entrance using Sozi.
One sozi frames can be used for muliple animation at once. We are going to explore.
Article Series
This is a three parts article series.
-
Part One: Border Line
-
Part Two: Title
-
Part Three: Cubes Decoration
Inkscape: Cubes Animation
We are going to make a better version of previous cubes animation.
The movement idea is, highly inspired from,
the excellent works by Rania Amina,
that he made for the release of LibreOffice 7.0.
SVG Source Image
I also put the SVG source of this image in my repository:
Layers
Good things comes in small packages.
Small movement with detail looks better. This is actually just a short vertical movement. I manage each cube in each seven layers.
- Cube-01, Cube-02, Cube-03, Cube-04, Cube-05, Cube-06, Cube-07, Dummy.
Remember that we already have these layers below:
-
Background,
-
Left Bottom, Left Middle, Left Top,
-
Right Bottom, Right Middle, and Right Top,
-
Main Title, Sub Title, Date.
With assumption that the cubes count from left to right, the order of the layer will become:
-
Cube-04 (top most)
-
Cube-05 and Cube-03,
-
Cube-06 and Cube-02,
-
Cube-07 and Cube-01.
What is the dummy layer anyway?
I decide not to have frames sublayer for each shape objects.
So I put all the required frames,
into that dummy layers for tidiness purpose.
In fact, you can put the frames in any layer.
Cubes: Entrance
We still have use previous setting, only consist two frames object:
-
Hidden Small:
dec-frame-04-04, for original position. -
Displayed Small:
dec-frame-04-04-ce, for entrance to center page.
Cubes: Shakes
There is only two movement arrangement require:
-
cubes-up-1,Y = 10px -
cubes-down-1,Y = -10px
And that’s all. That simple.
Sozi: Cubes Animation
Cubes: Entrance
Set the frame positioning in Start as below:
- All Cubes [01..07]:
dec-frame-04-04
The next thing to do, set in Cubes One as below:
- Cube-01:
bg-frame-01-01
And then, set in Cube Three as below:
- Cube-05 and Cube-03:
bg-frame-01-01
Again, set in Cube Five as below:
- Cube-06 and Cube-02:
bg-frame-01-01
Finally, set in Cube Stop as below:
- Cube-07 and Cube-01:
bg-frame-01-01
Also add Still frames, and set two seconds delay.
Now have a look at the result:
Cubes: Shakes
We are going to use our last frame, the Cube Stop.
Set the frame positioning in Cube Stop as below:
- All Cubes [01..07]:
bg-frame-01-01
The next thing to do, set in the first Shake Up as below:
-
Cube-04:
cubes-down-1 -
Cube-06 and Cube-02:
cubes-up-1
Note that you are free to set which cube is up,
and which cube is down, to get your very own desired effect.
Then, set in the first Shake Down as below:
-
Cube-04:
bg-frame-01-01 -
Cube-05 and Cube-03:
cubes-down-1 -
Cube-06 and Cube-02:
bg-frame-01-01 -
Cube-07 and Cube-01:
cubes-up-1
Again, set in the second Shake Up as below:
-
Cube-04:
cubes-down-1 -
Cube-05 and Cube-03:
cubes-up-1 -
Cube-06 and Cube-02:
cubes-down-1 -
Cube-07 and Cube-01:
bg-frame-01-01
And another around, set in the second Shake Down as below:
-
Cube-04:
cubes-up-1 -
Cube-05 and Cube-03:
cubes-down-1 -
Cube-06 and Cube-02:
bg-frame-01-01 -
Cube-07 and Cube-01:
cubes-up-1
Finally, set in Shake Stop as below:
- All Cubes [01..07]:
bg-frame-01-01
Now have a look at the result:
It is all depend on your creativity. After all, this is about imagination.
Put The Whole Thing Together
Finally we have a screenshot of all frames and layers together:
Kdenlive
Adding Audio
You download free sound from the internet, and combine with the Sozi result in Kdenlive.
Final Result
Consider have a look again at the final result.
Conclusion
Sozi is a good tool for simple animation.
I think that’s all for now. Thank you for visiting.