タグ「シネマグラフ」

タグシネマグラフ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 10 / 10件)

ついつい見続けてしまう！シネマグラフを取り入れたWebデザイン24選｜ferret [フェレット]

2015/12/04 201 users Ferret フェレット GIFアニメーション手法ご存知

近年じわじわと流行している、シネマグラフ（Cinemagraphs）という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。 GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方... 続きを読む

一部だけが動いてるgifって良いよなぶる速-VIP

2014/12/31 391 users gif 速-VIP 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

2014/08/07 128 users Photoshop 白浜株式会社LIG 遅刻遅刻デザイナー

こんにちは、デザイナーの白浜です。今回は当ブログでも何度か登場している、写真の一部がちょっとだけ動く、シネマグラフを使ったサイトまとめパンを咥えて「遅刻遅刻」と叫びながら走ると美女と出会えるのか数学的に検証してみた）（最後の画像）シネマグラフ（画像の一部のみをアニメーションさせた画像）を作成する方法をご紹介したいと思います。動画を準備するシネマグラフの出来は動画の出来にかかっています。... 続きを読む

写真の一部がちょっとだけ動く、シネマグラフを使ったサイトまとめ | 株式会社LIG

2014/07/03 117 users 株式会社LIG マラガ一部写真サイトまとめ

こんにちは、マラガの海の贈り物ことディレクターのSEKOです。梅雨は嫌ですね。急に大雨が降ったり、雷が発生したりと自然の恐ろしさを日々感じております。ところで皆さん、シネマグラフという言葉を聞いたことはございますか？ Web系であればご存知の方も多いと思いますが、念のため簡単に説明させていただきますと「画像の一部分のみがアニメーションで動いている画像」です。そうは言ってもイメージしづらいと思... 続きを読む

ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期 | コリス

2014/06/13 336 users サムネイルペルソナ細部ナビゲーションレイアウト

うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツな... 続きを読む

Photoshopの最近の気になるテクニックを身につけるチュートリアルのまとめ | コリス

2014/05/30 438 users コリスジオメトリック Photoshop チュートリアル

ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。時間をつくって、一つずつじっくりと攻めていきたいですね。 Create a low-poly portrait 先日の記事「日本のウェブサイトのまとめ」でも紹介した「Midori Aoyama」のトップ画像でも使わ... 続きを読む

一部だけが動いてるgifって良いよなぶる速-VIP

2014/02/11 1112 users gif 速-VIP VIP お前ら名無し

写真なのに動く！友達にウケる超簡単な写真の撮り方【シネマグラフ】| 写真上達・情報サイト　Photo力-フォトリョク-

2013/11/12 153 users 通行人アンドロイド東京丸の内写真上達雑誌

こちらの画像をじっと見てみてください・・・そう、動くんです！東京丸の内でがんばって撮ってきました。通行人に雑誌の撮影と勘違いされちゃったぜ、うふふ。動かない方は画像をクリックしてみると動くかも・・・。（アンドロイドなど一部ではサポートしてない可能性があります）これはシネマグラフといいます。よく、写真以上、動画未満、なんて言われているオシャレなアニメーションgif画像です。ちょっとせわし... 続きを読む

写真が動き出す?!お洒落なシネマグラフGIFアニメーションまとめPhotoshopVIP |

2013/10/07 125 users 一部分視線エントリーテクニックご存知

シネマグラフをご存知でしょうでしょうか。まるで写真のように見えて、一部分だけを動かすことで、視線を一点に注目させる、ユニークなテクニックです。写真が動き出したような、不思議なアニメーション効果を作成することができます。海外デザインブログCGFrog.comで、見ていると不思議な気分になってくる、シネマグラフGIFアニメーションをまとめたエントリー「Amazing Animated Gif’s f... 続きを読む

写真が動きだす！？Photoshopで簡単にできるシネマグラフの作成方法 | 世界ろぐ

2011/10/05 522 users Photoshop 一部分うち Mac Windows

シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。まずは説明するよりも実際に見て頂きましょう。このように画像の一部分だけが動くという不思議な写真を創り出すことができるのですがこのシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。ちなみに以下はウチの猫で作ってみたシネマグラフです。今回はシネマグ... 続きを読む

(1 - 10 / 10件)