チュートリアル:プレゼンテーションスライドを作成する

2 min read

プレゼンテーションやビデオイントロ用のアニメーションのスライドをコーナーデコレーションでデザインし、弾丸ポイントを固定し、滑らかなテキストが明らかにします.

時間: 10分 難易度: 中級者

作成する

コーナーブラケットの装飾、アニメーションのタイトルが明らかにし、誇らしげなコンテンツアニメーションとプロのタイトルスライド.

の特長

Animatedの提示は角の装飾およびstaggered弾丸ポイント

と滑らせますの特長

きれいな暗い背景は、コンテンツに焦点を合わせ、装飾的な要素を際立たせます.

ラインを使用してキャンバスの各コーナーでL字型ブラケットを作成します

これらのコーナーブラケットはスライドを組み立て、磨かれた、専門の一見を加えます.

左端に沿って垂直線を作成する
プロパティ:
- From: (40, 200) to (40, 520)
- 打撃色:#3b82f6 (青いアクセント)
- ストローク幅:2
キーフレーム:
- 0s–0.4s: 隠し (opacity 0)
- 0.9s: オパシティ 0.6 — イーシング: 消去

プレス T
プレゼンテーションタイトル(例:Q4ビジネスレビュー)
プロパティ:
- フォントサイズ:72
- フォントカラー:#f8fafc(白)
キーフレーム — 左からスライド:
- 0s: Opacity 0、中心からのXのオフセット-60px
- 0.7s:中心の不透明度1、X - easing:消去

プレス T
サブタイトル(例:「業績と成長戦略」)
プロパティ:
- フォントサイズ:28
- フォントカラー:#94a3b8 (muted grey)
キーフレーム:
- 0s–0.8s: 隠される(opacity 0、Y +20px オフセット)
- 1.4s: 最終的な位置のOpacity 1, Y — イージング: 消去

キーメトリクスまたはポイントの3つのテキスト項目を作成します

各弾丸のTを押して下さい
矢印の接頭辞を使う: 「→ 収益は34%年を上回る」
プロパティ:
- 文字サイズ:22
- フォントカラー:#cbd5e1
- アライメント:Left
0.2秒で各弾丸の外観をStagger:
- 弾丸1:1.2s–1.6sで表示されます
- 弾丸2:1.4s–1.8sで表示されます
- 弾丸3:1.6s–2.0sで表示されます

各弾丸は、フェーディング中に左(xオフセット-20px)から若干滑ります.

の特長

精密スライドのヒント:

の特長