Initial Site

Initial Site

Initial Site

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

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

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

もうすっかり春ですね。

ヨシオカです。

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

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

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

563397418

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

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

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

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


コメントをどうぞ

技術の記事

  1. stressed-elderly-old-man-using-260nw-307307456
    Eclipse でSVNを使っていたら色々と大変だった話
  2. 少しだけ試行錯誤しつつ…も、簡単にできます
    シネマグラフを作ってみた
  3. gahag-0108338313-1
    今話題のMRについて
  4. gahag-0081078485-1
    好きな画像を背景にしたプロット図(散布図)を作成する

おすすめ記事

  1. スギ花粉
    鼻がムズムズ目がカユカユな花粉症についてまとめてみた
  2. 『テレビ観ないんだよね…』と言うのがかっこいいと思っている人に告ぐ!
  3. 出典:無料壁紙:格闘技がテーマの写真やイラスト画像まとめ(格闘家・ブルースリー)
    ブルース・リーの出身地ってどこだかわかりますか?
  4. ハイビスカス
    ウチナーンチュが沖縄に帰った時に必ず行くお店10選+α
  5. イニシャルサイトコーポレートサイト
    コーポレートサイトをリニューアルしました
  6. なんでもQ
    相談Q&Aサイト「なんでもQ」開発中です!
  7. さんぽすフォトコンペ開催中
    今年もさんぽすフォトコンペ開催しました!

人気の記事

  1. クロックスの偽物と本物の違い
    クロックスの本物と偽物の違いを比べてみました
  2. ファミコン
    パズドラ、モンスト、白猫に続く次のゲームは…?
  3. konagaya_20150303
    日常でつい使ってしまう間違えやすい日本語
  4. konagaya20150513
    初心者でも気軽に登れて絶景が見れる山