Initial Site

Initial Site

Initial Site

シネマグラフを作ってみた

  • ヨシオカ2018/04/16 11:45
少しだけ試行錯誤しつつ…も、簡単にできます

少しだけ試行錯誤しつつ…も、簡単にできます

もうすっかり春ですね。

ヨシオカです。

今日は以前からやってみたかった「シネマグラフ」をadobeさんにやり方が詳しくあったので、photoshopで作成してみました。

シネマグラフとは?…写真の一部が動いてるgifアニメーションのことです。数年前からじわじわとおしゃれサイトやSNSで見かけるようになってます。

まずいい動画を持ち合わせていなかったので、Pexels Videos さんという無料動画を商用可で紹介してるサイトさんから頂きました。
30分もかからず出来たので、手持ちにあったロゴテンプレートに社名なんて入れてgif動画へ。

563397418

注ぎ込む水の部分のみを動かしてみました。中の水も動かすか考えましたが、今回はお試しだったので。

なんとも不思議な感じです。

最近は動画を再生したり、CSSアニメーション等で動くwebサイトが増えています。

その中でも昔からあるgifアニメーションでオシャレに表現できるシネマグラフ、ぜひ活用してみたいですね。


この記事の作者

アバター
ヨシオカ


総記事本数:28

コメントをどうぞ

おすすめ記事

  1. 2af1a7d9bbe73319a6c346c407cdefbf_m
    リモートワークに移行します
  2. ウィルス画像
    横浜のブラック企業 Initial Site(イニシャルサイト)からコロナウイルスで考えたこと。B…
  3. E5DxwzVgVHYHr411581668296_1581668370
    わたしは公家ではありませんでした(多分)
  4. 1b8493ba94ff68762824c3c7274b3128-e1499313795652
    イオンの保存容器はジップロック超えた!?※主観的視点