studio12-01

STUDIO

写真を表示させる歳のアニメーションを制作

STUDIOの機能を利用して、
写真を表示する際のアニメーションを10パターン制作しました。
※引き続き、アニメーションのパターンは増やしていく予定です。

01・写真を上下左右からそれぞれ表示させるアニメーション
02・カラーバーの動きで写真を表示させるアニメーション
03・丸い写真が四角に、四角の写真が丸くなるアニメーション
04・写真に別の写真が重なるアニメーション01
05・写真に別の写真が重なるアニメーション02
06・写真に別の写真が重なるアニメーション03
07・モノクロの写真がカラー写真に変わるアニメーション
08・写真の移動で表示させるアニメーション01
09・写真の移動で表示させるアニメーション02
10・背景透過写真を重ねて表示させるアニメーション

詳しくはこちら

studio12-02

STUDIOとは

STUDIOとは、デザインから公開までワンステップ。オンライン上でホームページの制作ができるサービスです。
同様のサービスは他にもありますが、決まったレイアウトからスタートするのではなく、オリジナルのデザインで制作できます。
STUDIOには3つのポイントがあります。ひとつめは工程の自動化による、制作時間と制作費の削減。ふたつめはスマホ・タブレット・パソコンに対応。みっつめはブログの設置が可能。
STUDIOなら時短で低価格の本格的なホームページが制作できます。

studio11-01サンプルサイト10/テーマ:家具製作所前のページ

オープニング・エンディングロゴシリーズ03(Premiere Pro)次のページeyecatch-201116

関連記事

  1. studio08-01

    STUDIO

    STUDIOでタブ切り替えコンテンツの掲載

    STUDIOでは、タブ切り替えコンテンツの掲載ができます。サン…

  2. studio02-01

    STUDIO

    あらかじめサイズを規定してサンプルページを作成

    ブラウザの画面が9種類。▶1920px-Full HD▶1…

  3. studio06-01

    STUDIO

    STUDIOで中面ページも含めたコーポレートサイトのサンプルを作成

    STUDIOで中面ページも含めたコーポレートサイトのサンプルを作成しま…

  4. studio14-01

    STUDIO

    4×4=16マスで画面全体を構成するトップページのレイアウトサンプル

    4×4=16マスで画面全体を構成するトップページのレイアウトを制作しま…

  5. studio04-01

    STUDIO

    WordPressを使わずにSTUDIOでニュースサイトを構築する

    STUDIOのCMS機能を使って、WordPressで作成したようなニ…

  6. studio10-03

    STUDIO

    サンプルサイト09/テーマ:コーヒー豆専門店

    STUDIOで歯科医院をテーマにしたサンプルサイトを制作しました。…

  1. superhero01

    Adobe Muse CCを使ったホームページ制作

    ブラウザ天地に自動調整フルスクリーンイメージ(Adobe Muse)
  2. whiteboard-nimated01

    After Effects

    Whiteboard Animated/サンプル01(Adobe After E…
  3. filmora-001

    Filmora

    63種類のモーション効果を試してよう!(Filmora9)
  4. eyecatch-200925

    Premiere Pro

    光の粒子や光のラインが飛び交うアニメーション/オープニング・エンディングロゴ集-…
  5. document-viewer01

    Adobe Muse CCを使ったホームページ制作

    さまざまなドキュメントをサイトに直接表示(Adobe Muse CC)
PAGE TOP