webデザイン

えっ!?この画像動いてるし…妙に不思議なシネマグラフをPhotoshopで作ってみよう。

一見何気ない画像かと思いきや、画像の一部分をループして動かすことで不思議な視覚効果を演出してくれるシネマグラフ

百聞は一見にしかず・・まずは3つのユーモラスなシネマグラフを参考にして、実際にPhotoshopで作ってみようと思います

空中浮遊

cinemagraph02

出典:Romain Laurent

カチッと時間が止まっている静止画と思いきや、妙に滑らかな両腕の動きが異様です、この程度の羽ばたきで宙に浮くことは難しそうですが・・

ギョロ目

cinemagraph01

出典:WIRED

丸い花瓶の向こう側から、キョロキョロとこちらを覗く女性の目が滑稽です

吹き戻し

cinemagraph03

出典:Romain Laurent

このおもちゃって、名前あんのかな?と思って検索したら「吹き戻し」って言うらしいですね。見たまんまですが、無表情で吹き戻し続けている男性がユーモラスです

Photoshopでシネマグラフを作ってみよう!

movie09

Photoshopでシネマグラフを作る工程を、動画で解説しているので参考にしてください。

wine3

いくら注ぎ続けても減ることも増えることもないワイン・・老人はいつになったらこのワインを味わう­ことができるのだろうか?

スリームデザインの無料メールマガジン

ピックアップ記事

  1. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  2. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  3. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…

関連記事

  1. webデザイン

    TENコレクションシーズン3:デザインコンテスト第3弾 Surf in the Cityで受賞を頂い…

    私は現在、企業や組織に属することなく個人が創造性を発揮することで社会的…

  2. webデザイン

    素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopと…

    ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用し…

  3. webデザイン

    「コレがやりたかった!」GIFアニメ(動く画像)のPCモックアップ画像の作り方【Photoshop編…

    JPGなどの画像をパソコン画面にはめ込んだモックアップを作りたい場合に…

  4. webデザイン

    3秒で解決!Photoshopでシェイプを作ると毎回点線がついてしまうときの対処法

    Photoshopでシェイプを作るとなぜか毎回点線がついてしまう・・…

  5. 3分の話

    【幻想すぎる世界の絶景11選!】デザイナーが余った素材クレジットを無駄に使って選んだらこうなった。

    デザイナーやクリエイターの方であればしょっちゅう経験していると思います…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  2. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  3. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
PAGE TOP