Web関連

写真も進化!WEBサイト制作に活用できる動画と組み合わせた写真

0

最近高性能なカメラが市場に出回っていますね。

とても嬉しいです!

簡単な操作でプロのような写真を撮ることができたり、動画を撮ることができるカメラが当たり前になりました。
これはプロのカメラマンが、より一層稼ぐのに大変になりそうですね。。

最近では、男性だけではなく女性もカメラに興味を持っている人も増えてきました。
スマホで撮影ではないですよ?一眼レフです。
また、少し前からカメラ女子という言葉も流行って来ています。

言葉だけ流行っているだけで、実際はいないだろうなと思っていました。

しかし、先日スーツをクリーニングに出そうと
外を歩いていると、路地裏でカメラを持っている女性がいました!

何を撮っているかなと見ていると、民家の植木鉢や野良猫・・・など撮影していました。
嘘ではなかったんですね!驚きました。

最近では写真撮影だけではなく動画にも目覚めはじめました。
動いているものって面白いですよ!

構図だけではなく、音や動きを想定しながらの撮影は一段と難しいですね。。

もっと勉強しようと思います。

そんな中WEBでも、動画が最近は流行っています。
動画を取り入れるだけでは、他の会社とおなじになってしまい差別化できません!

そこで、動画を取り入れつつ見せ方を工夫したものを取り入れてみてはいかがでしょうか。

 

写真もWEBでは動かせる!

動画をそのまま取り入れるのは面白みや工夫が足りません。(動画がダメってわけではありませんよ?)

写真にある工夫をすることで、目を引くコンテンツになります。それは「シネマグラフ」という技術を取り入れることです。

シネマグラフとは?

シネマグラフとは、写真の一部分だけを動かすことで注目させる表現ことです。

簡単に言ってしまうと、前に流行っていたGIFアニメーションの進化版です。(GIFアニメーションって何?という人は検索してみてください。)

例えば、商品の一部分だけを動かすことで商品に興味をわかせたり、
他とは違った写真になります。

作成方法は?

フリーソフトで作成できるものがありました。
それは、「Cliplets」というものです。

Photoshopを使っているデザイナーさんならハードルは低く、簡単に作成することができます。
(慣れていない方だと少し難しいかもしれませんね。。)

まずは、動画を撮影する必要がありますのでスマートフォンなどで動画を撮影してください。
その後は、 Clipletsを使ってシネマグラフを作成してみてください。

利用用途は?

作成したシネマグラフは、WEBサイトで利用してみてください!

ブログをやっている人は、ブログのメインビジュアルに!
特別な商品を打ち出すときの商品写真など、利用用途はいくらでもあります!

写真を少し工夫するだけで、こんなにも注目させる写真になるので、ぜひ利用してみてはいかがでしょうか!

またシネマグラフはあくまでもGIFというファイルなので、スマートフォンでも見ることができます!
素晴らしいですね!(あまり利用してしまうと、スマートフォンでの読み込みに時間がかかりますので、注意を。)

まとめ

いかがでしたでしょうか。

動画と写真の融合はとてもおもしろいですね!
一部分だけ動くというのがなんとも面白くおしゃれなのがたまらないです。

また、面白い物がありましたらお伝えします。

私は写真だけではなく今度は動画にチャレンジしてみようかな。。

では、楽しい写真ライフを!

0

実例から学ぶ顧客ロイヤリティ向上のコツ前のページ

【Web制作会社に聞いた】Webサイト売上げアップに使える”行動心理学” その1次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. AIに求められているものは、実は意外な物だった
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    営業を仕組み化して売上を2倍にするwebマーケティングツールとは?

    営業を仕組み化させ売上アップする方法についてMA(マーケティングオート…

  2. Web関連

    「ビデオコンテンツ」が主流!デジタルマーケティングの今を見る

    みなさんはテレビはよく見られますか?私はよく見る方ではありますが、…

  3. Web関連

    映画作品まるごと持ち運ぼう!ファンのための「Viewcast」

    近年、「Hulu」や「iTunes Store」といった動画・音楽配信…

  4. SEO関連

    ブログを書く時に注目すべきSEO対策まとめ~前編~

    ブログ記事にもSEO対策!どうも、デザイナーの尾崎です。これま…

  5. Web関連

    末恐ろしい。小学生が開発したスマホアプリ

    今回はサイバーエージェントが実施している小学生向けのプログラミングス…

  6. Web関連

    【必見!】円滑にコミュニケーションをとるための話し方、「PREP法(プレップ法)」とは?

    Web制作を進めていくうえで、コミュニケーションをとることはとても重要…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    富士山から習うサイトのモバイル対応の必要性
  2. Web関連

    運動不足のweb担当者に伝えたい!この効果はスゴイと実感する心とカラダの姿勢を整…
  3. Web関連

    スマホアプリとネット注文で追加オーダーをGET!
  4. AI関連

    【人工知能(AI)×店舗】未来世界の無人のお店も現実に!店舗運営を一新するAIサ…
  5. Web関連

    スポーツから考える、機械による自動化について
PAGE TOP