webデザイン

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

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

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

空中浮遊

cinemagraph02

出典:Romain Laurent

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

ギョロ目

cinemagraph01

出典:WIRED

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

吹き戻し

cinemagraph03

出典:Romain Laurent

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

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

movie09

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

wine3

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

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

ピックアップ記事

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

関連記事

  1. webデザイン

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

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

  2. webデザイン

    細部(ディティール)へのこだわりがWEBデザインに差をつける。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の5番目、ここでは⑤ …

  3. webデザイン

    「これって写真だったの?」人物写真をphotoshopで手書き風の水彩画ちっくに仕上げるチュートリア…

    ここでは人物写真を、鉛筆画のような加工と絵具の表現の2つの工程を混ぜ合…

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

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

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. コピーライティング

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

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

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