menu

トランジションエフェクトのアニメーション(Keynote Animation)

【Keynote】をプレゼンテーション用としての利用以外に、
ネット上などで掲載をするための動画作成ソフトとしての利用できると言う事で検証しています。

画面切り替え時のアニメーション、38種類のサンプルを作成しました。

<出現と移動>
カラーでフェード
グリッド
クローズライン
コンフェッティ
ディゾルブ
ドロップ
ドロップレット
プッシュ
ムーブイン
リビール
ワイプ
切り替え
絞り

<フリップ、スピン、スケール>
カラープレーン
キューブ
スウォッシュ
スケール
スワップ
ツイスト
ピボット
ブラインド
ページめくり
モザイク
入り口
反射
回転ドア
渦巻き
落下

<オブジェクトのエフェクト>
オブジェクトキューブ
オブジェクトズーム
オブジェクトプッシュ
オブジェクトフリップ
オブジェクトポップ
オブジェクトリボルブ
遠近感

<テキストのエフェクト>
シマー
スウィング
スパークル

▽サンプル(HTML書き出し)※一部、HTML上では対応していない効果があります。
live-preview

keynote-animation01インとアウトのアニメーション(Keynote Animation)

trace-animatorトレースアニメーション(Adobe Muse)

関連記事

  1. filmora-pho006-01

    テキスト「エンディング編」(Filmora)

    テキスト「エンディング編」(Filmora); from yasuo kishioka on V…

  2. webflow005-01

    Link Blockの使用(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はの紹介になります。は、写真や文…

  3. webflow004-01

    Div Blockの使用(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はの紹介になります。は、他の要素…

  4. transitions_img01

    トランジションの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「トランジシ…

  5. filmora-pho027-01

    ビジネスコレクション/オーバーレイ 6種(Filmora)

    ビジネスコレクション/オーバーレイ6種(Filmora); from yasuo kishiok…

  6. simpleshow01

    simpleshow試作その1(Adobe Premiere P…

    Adobe Premiere Pro CC/Adobe After Effects CCの学習用に…

  7. webflow009-01

    タブの使用(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はの使用方法を…

  8. filmora-pho005-01

    テキスト「サブタイトル編」(Filmora)

    テキスト「サブタイトル編」(Filmora); from yasuo kishioka on V…

PAGE TOP