タグ シネマグラフ
人気順 5 users 10 users 50 users 500 users 1000 usersついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選|ferret [フェレット]
近年じわじわと流行している、シネマグラフ(Cinemagraphs)という手法をご存知でしょうか。 シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。 GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方... 続きを読む
一部だけが動いてるgifって良いよな ぶる速-VIP
一部だけが動いてるgifって良いよな 1: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:43:28 ID:GGSaa8BR0 シネマグラフというらしい お前らのお気に入り下さい 5: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:46:29 ID:GGSaa8BR0 見てて落ち着く 6: 以下、名無しにかわりましてVIPがお送りします ... 続きを読む
Photoshopを使った今流行りのシネマグラフの作り方まとめ | 株式会社LIG
こんにちは、デザイナーの白浜です。 今回は当ブログでも何度か登場している、 写真の一部がちょっとだけ動く、シネマグラフを使ったサイトまとめ パンを咥えて「遅刻遅刻」と叫びながら走ると美女と出会えるのか数学的に検証してみた)(最後の画像) シネマグラフ(画像の一部のみをアニメーションさせた画像)を作成する方法をご紹介したいと思います。 動画を準備する シネマグラフの出来は動画の出来にかかっています。... 続きを読む
写真の一部がちょっとだけ動く、シネマグラフを使ったサイトまとめ | 株式会社LIG
こんにちは、マラガの海の贈り物ことディレクターのSEKOです。 梅雨は嫌ですね。急に大雨が降ったり、雷が発生したりと自然の恐ろしさを日々感じております。 ところで皆さん、シネマグラフという言葉を聞いたことはございますか? Web系であればご存知の方も多いと思いますが、念のため簡単に説明させていただきますと「画像の一部分のみがアニメーションで動いている画像」です。 そうは言ってもイメージしづらいと思... 続きを読む
ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期 | コリス
うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく! VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツな... 続きを読む
Photoshopの最近の気になるテクニックを身につけるチュートリアルのまとめ | コリス
ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。 Create a low-poly portrait 先日の記事「日本のウェブサイトのまとめ」でも紹介した「Midori Aoyama」のトップ画像でも使わ... 続きを読む
一部だけが動いてるgifって良いよな ぶる速-VIP
一部だけが動いてるgifって良いよな 1: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:43:28 ID:GGSaa8BR0 シネマグラフというらしい お前らのお気に入り下さい 5: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:46:29 ID:GGSaa8BR0 見てて落ち着く 6: 以下、名無しにかわりましてVIPがお送りします ... 続きを読む
写真なのに動く!友達にウケる超簡単な写真の撮り方【シネマグラフ】| 写真上達・情報サイト Photo力-フォトリョク-
こちらの画像をじっと見てみてください・・・そう、動くんです! 東京丸の内でがんばって撮ってきました。 通行人に雑誌の撮影と勘違いされちゃったぜ、うふふ。 動かない方は画像をクリックしてみると動くかも・・・。(アンドロイドなど一部ではサポートしてない可能性があります) これはシネマグラフといいます。 よく、写真以上、動画未満、なんて言われているオシャレなアニメーションgif画像です。 ちょっとせわし... 続きを読む
写真が動き出す?!お洒落なシネマグラフGIFアニメーションまとめPhotoshopVIP |
シネマグラフをご存知でしょうでしょうか。まるで写真のように見えて、一部分だけを動かすことで、視線を一点に注目させる、ユニークなテクニックです。写真が動き出したような、不思議なアニメーション効果を作成することができます。 海外デザインブログCGFrog.comで、見ていると不思議な気分になってくる、シネマグラフGIFアニメーションをまとめたエントリー「Amazing Animated Gif’s f... 続きを読む
写真が動きだす!?Photoshopで簡単にできるシネマグラフの作成方法 | 世界ろぐ
シネマグラフというのはGIF画像で作られた 「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチの猫で作ってみたシネマグラフです。 今回はシネマグ... 続きを読む