menu

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

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

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

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

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

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

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

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

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

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

関連記事

  1. muse-Introduction2-5

    Adobe Muse CCならブラウザ上から更新可能。 (Ado…

    Adobe Muse CCならブラウザ上から更新可能。 (Adobe Muse) from ya…

  2. okakishi-chaya_img05

    中面3ページにインタラクションとライトボックスを設定(webfl…

    架空サイト【岡岸茶屋】に「お店の紹介」「甘味メニュー」「おみやげ」ページを作成。お店の紹介ページ…

  3. photoshop-gallery003

    Photoshop Gallery 003

  4. webflow007-01

    地図の設置(webflow)

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

  5. filmora-pho017-02

    ファッションコレクション/フィルター10種(Filmora)

    ファッションコレクション/フィルター10種(Filmora); from yasuo kishi…

  6. filmora-pho025-04

    ビジネスコレクション/テキスト29種(Filmora)

    ビジネスコレクション/テキスト29種(Filmora); from yasuo kishioka…

  7. filmora-pho010-01

    トランジション「ベーシック編2」(Filmora)

    トランジション「ベーシック編2」(Filmora); from yasuo kishioka o…

  8. okakishi-chaya_img01

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

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

PAGE TOP