menu

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

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

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

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

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

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

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

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

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

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

関連記事

  1. webflow009-01

    タブの使用(webflow)

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

  2. okakishi-chaya_img01

    架空のサイトを制作開始(webflow)

    前回まで、制作方法を紹介するようなページを掲載してきましたが中々、これが飽いてきまして(笑)、や…

  3. xd001

    バージョン13.0になって、ようやく取り組む(Adobe XD)…

    世の中に登場したから中々、具体的な使い道が見つからず取り組んでいなかったのですが、先日のAdob…

  4. photoshop-gallery001

    Photoshop Gallery 001

  5. keynote-animation03-04

    Keynote Animation Sample03(Keyno…

    企業などの解説動画作成に【Keynote】が使用されるケースが増えているということなので、30秒…

  6. webflow016-01

    フレックスボックスの設定2(webflow)

    ◎「Reverse Layout」の選択でブレークポイントでレイアウトを逆にする必要がある場合などに…

  7. filmora038-01

    旅の素敵な動画を飾る4種類のフィルター(Filmora)

    旅の素敵な動画を飾る4種類のフィルター(Filmora) from KISHIOKA.DESIG…

  8. filmora-pho004-01

    テキスト「テロップ編」(Filmora)

    テキスト「テロップ編」(Filmora); from yasuo kishioka on Vim…

PAGE TOP