webデザイン

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

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

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

空中浮遊

cinemagraph02

出典:Romain Laurent

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

ギョロ目

cinemagraph01

出典:WIRED

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

吹き戻し

cinemagraph03

出典:Romain Laurent

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

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

movie09

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

wine3

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

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

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  4. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  5. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…

関連記事

  1. webデザイン

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

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

  2. webデザイン

    初心者でも60秒でマスターできるPhotoshopで角丸の画像を作る方法

    WEBデザインなどをしていると画像の角を丸くしたいケースはよくあります…

  3. webデザイン

    知っといて損はない、魅力的なヘッダーデザインを作成するための目的・用途別の指南書。(photosho…

    ホームページやブログ・コンテンツサイトに欠かすことのできないヘッダー(…

  4. webデザイン

    Photoshopスゴ過ぎだろっ!美女の正体は逆再生すると実はピザだった的な話題があったけど・・

    今更感まんさいですが・・「美女の正体は実はピザでした」ってことで話題に…

  5. webデザイン

    fotoliaの有料素材を活用して個性的なWEBサイトに生まれ変わらせよう!

    ここではfotoliaの有料素材を活用して素人っぽいサイトから脱却して…

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

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

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 新規のWordPressブログをSSL化(http⇒http…
  3. 画像スライダーだけじゃない!WordPressのブログ記事が…

思考系のおもろい記事

ブログラ
  1. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  2. キュレーション

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

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
PAGE TOP