webデザイン

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

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

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

空中浮遊

cinemagraph02

出典:Romain Laurent

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

ギョロ目

cinemagraph01

出典:WIRED

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

吹き戻し

cinemagraph03

出典:Romain Laurent

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

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

movie09

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

wine3

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

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

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  4. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…

関連記事

  1. webデザイン

    芸能人のアメーバブログのようなヘッダーを作成・依頼する前に知っておいたほうが良いこと。

    《芸能人のブログヘッダ画像まとめ【モデル偏】【アイドル偏】》などを見る…

  2. webデザイン

    photoshopで普通のノイズを加えるだけじゃ満足できない人にはNoise Texture Gen…

    通常、画像にザラっとしたノイズを加える場合には ↓ のようにフィルター…

  3. webデザイン

    画像の上をカーソルでなぞってビフォアーアフターイメージを実装させるワードプレスプラグインBefore…

    当スリームデザインのブログではフォトショップ技術などを紹介しており、加…

  4. webデザイン

    photoshopでまるで手書きの水彩画のように仕上げるためのフィルター活用講座。

    photoshopで水彩画風に仕上げるために、まず ↓ のように風景写…

  5. キュレーション

    WordPress日本語テーマOpinion (tcd018)を使用した参考になるオーソリティな6サ…

    情報量の多いニュースサイトやポータルサイトなど汎用性が高くオーソリティ…

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

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

最近の記事

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

思考系のおもろい記事

ブログラ
  1. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  2. キュレーション

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

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

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

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