BBTECHのSTAFFBLOG | クリエイティブなご提案を、あなたの目線で -13ページ目

BBTECHのSTAFFBLOG | クリエイティブなご提案を、あなたの目線で

私たちは、ホームページ・ブログ・ソーシャルメディアをフル活用したWEBマーケティングのご提案を中心に、パソコンサポート、ネットワーク環境構築、ネットワークカメラ設定、クラウドを活用した業務効率化など 幅広い分野でお客様に適したサポートを行っております。

こんにちは!岐阜市茜部でホームページ制作・運用・リニューアルなどをさせていただいておりますブロードバンドテクノロジーズ株式会社の小林です。

 

最近WEBサイトやWEB広告などで増えてきている、今日はちょっとオシャレな手法をご紹介したいと思います。

 

動く写真?シネマグラフ

 

みなさんシネマグラフってご存知でしょうか?

知っているという方はさすがです!

知らない方は、これからのトレンドになりつつあるので、今日覚えて帰って下さい。

 

 

 

 

いかがですか?

これらがシネマグラフと呼ばれるものです。

 

画像の一部分だけを動くように作られた、いわゆるGIFアニメーションです。

普通の動画と違って、一部分だけを効果的に動かす事で、注目度を上げたり、ひと味違った表現をするときに使われます。

この手法を使ったWEBサイトは本当にオシャレで、ずっと見ていられます・・・。

 

シネマグラフの簡単なつくりかた

 

シネマグラフを作るには様々な手法があるかと思いますが

Photoshopのタイムライン機能を使う事で比較的かんたんに作る事もできます。

詳しい作り方は今回は割愛しますが・・・

原理としてはこんな感じです。

 

 

まずは素材となる動画を用意します

 

こちらはイラストですが、まあモグラがポコポコ出てくる動画だと思って下さい(汗)

 

この動画の、一部分だけを動かして、他はストップしている状態にするとします。

 

 

この動画のワンカットをキャプチャーした画像を用意します。

 

用意した画像のレイヤーを動画の上に配置し、動かしたい部分のみ、くり貫きます。

 

 

 

で、2つを重ねて、GIFファイルとして保存します。

 

 

 

ほら完成。

 

 

保存する時に、ループ設定を「無限」にする事をお忘れなく。

 

複数の箇所を同時に動かしたり、複雑な動きにする事も可能です。

 

あくまでGIFファイルなので、256色しか使えない都合上、あまり高画質だったり大きな素材には向かないかもしれませんし、普通の画像ファイルと比べるとどうしても容量が重たくなるので、あまり多様すると環境によっては表示が遅くなってしまう可能性があるので、使いどころにはご注意。

 

もっとも適した使用方法はWEB広告?

 

このシネマグラフ、Facebook広告やバナー広告などに使用する事で、注目度アップで、クリック率もかなり変わってくるようです。

 

シネマグラフを作れる専用のアプリなどもあり、今後ますます面白い作品が作られることでしょう。

 

皆様も、今後WEBサイトやWEB広告を制作の際はシネマグラフの利用を検討してみてはいかがでしょうか?

もちろん、BB-TECHにご相談いただければ、シネマグラフ制作も承っております。

一緒に面白い作品を作りましょう!

それでは!

 

シネマグラフ作成・シネマグラフを使ったホームページ制作のお問い合わせはこちら

~岐阜県岐阜市のモグラ叩きの得意なWEB制作会社 ~
◇◆岐阜市のホームページ制作なら ブロードバンドテクノロジーズ株式会社 
サービスや事業のご紹介、会社概要・アクセス情報などはこちら
http://bbtech.jp/