Photoshopがなくても大丈夫！シネマグラフが作成できるオススメツール5選
シネマグラフという言葉をご存知でしょうか。 見るとクセになってしまうデザインでユーザーの目をひくことから、最近では様々なホームページなどで活用されている表現技法の一つです。 今回は、Photoshopを使用しなくてもシネマグラフを作成することができるツール5選をご紹介します。 シネマグラフの作成は難しく感じてしまいがちですが、ツールを活用すれば誰でも簡単に作成できるようになります。 これまでシネマグラフの作成に躊躇していた方も、ぜひ本記事を参考に作成してみてください。 シネマグラフとは シネマグラフとは、一見静止画のように見える画像の一部に動きが取り入れられている、GIFアニメーションのことです。 すこし変わった表現方法として、近年人気が出ています。 ferret内の以下の記事でも、シネマグラフを取り入れたWebデザインをご紹介していますので、ぜひ参考にしてみてください。 ついつい見続けて
動く写真「シネマグラフ」を活用した国内外のサイトデザイン13選
シネマグラフは、GIFアニメーションの進化した形です。画像全体ではなく一部だけが動くので、動画より派手すぎず、静止画よりも注目を集めることができます。また、注目をさせたいものを決め、動かすものを調整することで、Webサイトの雰囲気を作ったり、商品の魅力を高めることができます。 この記事では、そのシネマグラフを効果的にWebサイトに利用している、海外・国内のサイトをご紹介します。不思議な雰囲気を出すシネマグラフを眺めながら、そのサイト独特の表現をじっくり楽しみましょう。 国内サイト 東巨女子 TOKYO GIGANTIC GIRLS 文化庁メディア芸術祭にも推薦作品として取り上げられている、CMディレクター・映画監督の松宏彰さんらによるアートプロジェクトのサイトです。東京の各所に巨大な女の子が登場するという設定で、メインは動画ですが、一部のコンテンツにシネマグラフが使われています。 写真内の
おしゃれなgif画像ください : 暇人＼(^o^)／速報 - ライブドアブログ
おしゃれなgif画像ください Tweet 1: 名無しさん＠おーぷん 2015/01/15(木)23:56:19 ID:Qas こういうの 【事前予約】キャラクターを育成して相手の城に攻めこめ！大人気の「ドラゴンシリーズ」最新作が登場 4: 名無しさん＠おーぷん 2015/01/15(木)23:59:38 ID:lot http://gifmagazine.net/post_images/31534 こういうの？ 5: 名無しさん＠おーぷん 2015/01/16(金)00:01:12 ID:Gwk >>4 そういうのです！ 6: 名無しさん＠おーぷん 2015/01/16(金)00:02:19 ID:Gwk こういうのもいいねえ 7: 名無しさん＠おーぷん 2015/01/16(金)00:03:48 ID:QtS こういうやつ？ http://gifmagazine.net/post_im
一部だけが動いてる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がお送りします 2014/02/11 02:47:13 ID:vTtIZ5G+0 うおーいいなあ 7: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:26 ID:GGSaa8BR0 不思議 10: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:48:30 ID:GGSaa8BR0 きゃわわ 11: 以下、名無しにかわりましてVIPがお送りします 2
Photoshopを使ってシネマグラフを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
動画を準備する シネマグラフの完成度は動画のできにかかっています。主な条件は以下の3つです。 ネマグラフがうまくできる条件 1. カメラが固定されていること シャッターを押すちょっとしたブレでもつなげると気になったりするので、三脚＆リモートシャッターなんかがあるといいと思います。 2. ループの繋ぎ目が気になりにくい動きであること 髪の毛のふわふわとか水がチョロチョロ流れる動きなど、動きが単純で短い時間でも成立するものが向いています。しかしこういった動きはすでによく使われていて、マンネリなのも事実ですね……。アイデアをひねり出すのが一番大変な作業かもしれません。 3. 動いてる部分の背景に動きがないこと 後で詳しく説明しますが、動画の上に静止画を置いて、動かしたい部分に穴を空けるというのがおおまかな手法なので、動かしたい部分以外にちょっとでも変化があると違和感が生まれます。 以上の点を踏ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
