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.