TO-FU Blog

ウェブサイトにモーショングラフィックスを導入しよう

2011-12-05T11:55:00.001+09:00

ITI Study Club CHIBA from TO-FU on Vimeo.

前回の続きです。

ウェブサイトのトップページにvimeoを活用する利点はソーシャルな流れをつくるところにありますが、もう一つは自由なサイズでアップロードできる点にあります。

ITI Study Club CHIBAのMGは1280x420というサイズで制作しました（W1280にすることでHDとなります）。ウェブサイトで縮小して1000x329というサイズになっていますが。アスペクト比保持で自由に貼付けることが可能です。これはYouTubeでは不可能なのです。なぜならYouTubeではアスペクト比が4:3か16:9にしなければならないからです（アップロードは可能ですが、上下に余白ができてしまします）。
ウェブサイト、特にトップページではやはり横長のイメージがフィットします。4:3や16:9のサイズは使いづらいですよね。

このプロジェクトも当初はflashということで依頼を受けました。
しかし、前回に書いたポイントを含め考慮した結果vimeoに切り替えることになりました。
結果、いろいろとメリットがあり成功したのではないかと思います。

MGの内容としては、サイトやクライアント様のコンセプト概要を数分の中で伝えることが主眼で目を惹くようにするが、あまり説明的にしないことがポイントです。詳しくはサイトのコンテンツを読ませることが目的だからです。

独自性を出したい、新しいコンテンツを活用したいと考えておられるウェブサイト制作業者様。
ウェブサイトのコンテンツとしてモーショングラフィックスを導入はいかがでしょうか？flashとはまた違った自由な表現が可能です。そして何よりソーシャルネットワークと連携できることは、現在とても大きなメリットです。

是非、私たちTO-FUと新たなクリエイティブを生み出しませんか？
TO-FU：大森　聖

Motion Graphics Studio TO-FU

詳しくはこちら

制作お申し込みはこちら

お問い合わせはこちら

Custom Motion Graphics

Motion Graphics Works: ITI Club Study CHIBA

2011-11-24T16:39:00.001+09:00

ITI Study Club CHIBA from TO-FU on Vimeo.

アップロードしてからだいぶ時間が経ってしまいましたが、モーショングラフィックス（略MG）のプロジェクトをご紹介いたします。

これはITI Study Club CHIBA様のウェブサイト（Barchetta制作）のトップページ用に依頼を受けて制作した動画です。ITIの詳しい内容は是非サイトでご覧下さい。 MGの活用法としてウェブサイトはまだまだ有効なシーンの一つです。それもFlashではなくvimeoにアップロードした動画を貼付けることで様々なメリットがあります。

１）ソーシャルな流れをつくれる
vimeoにアップすることでTwitter、facebookへのポストを促しやすくなり、サイトへのアクセスを増やすことができます。このソーシャルな流れの構築が現在重要です。もう一度本当に重要です。そのためにはキャッチーなMGが必要ですね。

２）表現が自由になる
写真や画像をメインとしてものであればFlash有効です。数多くの素晴らしいサイトもありますが、MG的には表現が制限されてしまいます。動画にすることで自由な表現が可能であるばかりか、容量を気にする必要がありません。Flashの一番のネックは実は容量と、そのための圧縮による画質のバランスを取ることにあるかもしれません。

３）スマートフォンでも見れる
上記のソーシャルな流れができた際に、スマートフォンでサイトを閲覧されることが多くなります。現在標準ではiPhone、iPadではFlashが見ることができませんよね。それってかなり深刻な問題です。どんなに素晴らしいサイトでも×マークがいきなりでてきたら立ち去られてしまいかねません。

と、以上が大きなところでしょうか。後一つ重要なのがvimeoを活用している点です。これについては次回にしますね！

TO-FU：大森　聖

Motion Graphics Studio TO-FU

詳しくはこちら

制作お申し込みはこちら

お問い合わせはこちら

Custom Motion Graphics

モーショングラフィックにはメディアとなるものが必要

2011-08-25T17:43:00.001+09:00

&lt;p&gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;&lt;/p&gt;

こんにちはTO-FUです。前回からの続きです。

モーショングラフィックス（略MG）を活用するにあたり。どのようにシーンで使うかを考えることが重要です。
もちろんをvimeoやYouTubeのような動画共有サイトにアップするだけでもプロモーションは可能ですが、いかにして効果的にソーシャルな連携や口コミは発生させるかを考える必要があります。

また、メディアとなるもの、すなわち「ここであなたの動画が流れます」というヴィジョンを明確化することも重要です。そうすればクライアントへMGの導入を提案しやすくなるというメリットも生じます。

下図は、前にも紹介したMGを効果的に活用する方法です。

今回のプラウド様の動画は運営中のfacebookページのランディングページを新たに制作するということでMG導入の話が生まれました。
つまりfacebookページをメディアとして考えているわけです。

ページ制作自体は札幌のウェブ制作会社の（株）ちえぶくろがディレクションし、TO-FUはMGの企画・制作に専念するお互いの強みを活かしたよい仕事となりました。もちろん（株）ちえぶくろがTO-FUのクリエイティビティーへのご理解を頂いていたのと、ソーシャルな世界に精通していた点も大きいです。

正直なところ制作者である私たちががMG単独で直接仕事をとるのはなかなか簡単なことではありません。やはり何かしら見せる場をしつらえなければなりません。そのためには中間に入って頂ける方達の存在が重要です。今回の案件も私自身ウェブ制作の技術はないので、ウェブ制作会社が中間に入って頂けることで成立したわけですね。

というわけでTO-FUと一緒に仕事をして頂ける、MGとクライアントを結ぶキーパーソンとなる方を募集しています。会社、個人は問いません。とりわけ専門的な知識、技術、人脈を持っていると方とタッグを組むことでさらにMGの可能性が広がりそうです。

TO-FU：大森　聖

Motion Graphics Studio TO-FU

詳しくはこちら

制作お申し込みはこちら

お問い合わせはこちら

Custom Motion Graphics

facebookページにプロモーション動画を導入してみよう

2011-08-22T11:45:00.002+09:00

こんにちはTO-FUです。先週ですがモーショングラフィックス（略MG）の最新作をvimeoにアップロードしました。今回は株式会社プラウド様（EC物流、ドライバー派遣など）のfacebookページ用に制作しもので、何はともあれまずは上の動画をご覧下さい。

動画の内容や制作にまつわる話はいろいろとありますが、それは後日にすることとして、今回書きます重要なポイントはMGの利用法についてです。私たちは以前からfacebookページこそMGがキラーコンテンツになる場と考えていました。今や多くの企業がfacebookページを運営をしており、「いいね！」をもらうために様々な戦略をたてています。vimeoやYouTubeにアップした動画をウェルカムページに貼れば、初めてページに訪れた人に「おおっ凄い！」と思って頂けけるだけでなく、動画はSNSで広まりやすいという特性をもっていますので外部からのアクセスも期待できます。

動画といってもただ挨拶なんかを撮影しただけでは誰も興味は持ってくれません。商品やサービスの紹介や詳細も載せたくなりますが、それも必要ないです。詳しくはfacebookやWebサイトで見てもらえばよいのですから。重要なのは会社やサービスへの熱い思いやメッセージをモーショングラフィックス化することです。当然、MGのクオリティーが高くなければ意味がないのですが、こんなコンテンツを作っているこの会社凄いぞと思ってもらえることが「いいね！」への近道ではないでしょうか？ちょっと強引なまとめと感じるかもしれませんが、あながち間違いでもないです。

facebookページを制作したが、いまいち運営に悩んでいる、どのように集客したらよいか考えているならばMGを導入をお薦めします。動画とソーシャルネットワークの相性は抜群です。

TO-FU：大森　聖

つづく

Motion Graphics Studio TO-FU

詳しくはこちら

制作お申し込みはこちら

お問い合わせはこちら

Custom Motion Graphics

何回も再生したくなる動画とは

2011-08-03T23:22:00.003+09:00

&lt;p&gt;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt;&lt;/p&gt;

私は仕事柄様々な動画をvimeoで見るのですが、今回紹介したインフォグラフィックスは見つけてから何回も再生して視聴しました。何故何回も見たくなるか？もちろんストーリ性やデザイン性も重要なのですが、単純にモーションが気持ちよかったからです。言葉は悪いですがこの気持ち良さを何回も味わいたいという一種の麻薬のような感覚が働いたのです。これが普通の映像だったらおそらく最後まで見ることすらなかったかもしれません。そして繰り返して見てるうちに内容の理解も深まってきたのでした（英語だから遅かったらというわけじゃないですよ）。

「気持ちよいモーションの動画は何回も再生してしまう」と数日前Twitterで何気なくツイートしたのですが、この感覚は他の映像にはないモーショングラフィックスがもつ特性なのかもしれません。「感動する映画」とは聞いたことあるけど「気持ちのよい映画」とはあまり聞かないですよね。それはマーケティング上でも効果的です。視聴者に何回も再生してもらい、よりストーリーの理解度を深めることができれば、クライアントにとっては喜ばしいことではないでしょうか？

私たちモーショングラフィックスデザイナーは、何よりこの気持ち良さを追求する必要がありそうです。

次回は、気持ちよいモーションは何に起因するかについて書こうと思います。

Motion Graphics Studio TO-FU

詳しくはこちら

制作お申し込みはこちら

お問い合わせはこちら

Custom Motion Graphics

Motion Graphicsの有効的な使用法

2011-07-12T15:04:00.002+09:00

久々の更新です。
いろいろと忙しくなってしまいコチラのブログも停滞気味でしたがボチボチと。

今、Webサイトの方で皆様にMG制作の申し込み頂けるよう徐々に準備しているところです。単に制作といっても、実際どのようにMGを使ったらいいものかわからないかと思われます。そこで、わかりやすく３つのカテゴリーに分類しグラフィック化してみました。

１．Exisiting Media（既存メディア）
２．Internet（ソーシャルネットワーク）
３．Public Notices（デジタルサイネージ）

各、項目の説明はまた今度。

モーショングラフィックス制作

詳しくはこちら

お申し込みはこちら

お問い合わせはこちら

Custom Motion Graphics

29 WAYS TO STAY CREATIVE

2011-05-30T11:42:00.002+09:00

TO-FU制作　モーショングラフィックス作品

オリジナルモーショングラフィックス作品です。翻訳すると「クリエイティブに過ごすための29の方法」と言ったところでしょうか。ある意味、正統派のMGの作品でもっともTO-FUらしい作品だと思います。テーマとして面白いと思ったので多少確信はありましたが、vimeoにアップしてから海外を中心に予想以上の再生回数と反応があり正直驚いています。
今回のテーマは私がTwitterを閲覧して偶然に見つけたものです。最近は様々な投稿をMGを作るためのソースとして捉えるようにアンテナを張っています。作った動画を紹介するだけでなく、制作のための題材を探す場としてもSNSの役割は大きいと感じています。
是非閲覧頂いて楽しんで楽しんで頂けたらと思います。
ちなみに日本語バージョンはないのかという声もちらほら頂いているので、ただ今検討中です。

SNSでの動画活用法で一番有効なのはイベント告知、そのために作る動画とは？

2011-05-25T15:39:00.003+09:00

CM、イベント告知、オープニング

SNSでの動画活用法で一番有効なのはイベント告知だと思っています。特にfacebookにはイベント機能が大変便利で、セミナー、交流会、コンサート、勉強会などなどたくさんのコミュニティーの場が盛り上がりを見せています。いつ、どこで、誰が、何をするという情報が簡単に共有できるシステムができています。自分の興味のあること、面白そうなイベントがあれば友達に教えて共感したいですよね？そこでもし自分が情報を受け取る側だった場合、イベント内容がだらだらとテキストばかりだとちょっと読むのがつらいとな思ります。私がは単に長文に拒否反応があるからかもしれませんが。。。そこで動画による告知が有効です。15〜30秒の動画を見れば何が行われるのかすぐにわかるからです。イベントの内容、日時、そして当日の概要、イメージなど組み込むことが可能ですし、何よりfacebookでは画像や動画をシェアした方がインプレッションを得やすいという統計もでています。
TO-FUでは、イベント告知用の動画制作を格安で可能なサービスを検討しています。

facebook利用者、イベント主催者

今回の動画はTO-FUで制作したもので、世界卓球2011CMアワードに応募した作品です。過去の作品なども見てテレビCMとして撮影メインの作品が主流になるのはわかりつつ、あえてモーショングラフィックスで応募してみるという個人的な挑戦でしたが、はかなく散ってしまいました。というのは余談なのですが、このように何かしらイベントの告知に使用できる動画として制作してみようというのが本筋だったわけです。前にも書きましたが動画ではあまり具体的な内容を伝えすぎず、このイベントに参加したらこんな面白いこと、役立つことがあるといったワクワクするようなキーワードを散りばめるとより効果が得られると思います。もし制作をお考えであれば、キャッチコピー等も一緒に考えるお手伝いをいたします。

￥60,000〜

今回の動画はある程度カスタム的に作り込みしています。

お申し込みコード:A007

更に高品質の動画を安くつくるならバナーdeCMへ！

ピッタリの動画活用法を見つければ無料で動画をつくってもらえるチャンス！

Amazon.co.jp ウィジェット

ベルリンの日本語補習授業校のチャリティーコンサートにPray For Japanの動画が使用されました

2011-05-18T11:53:00.001+09:00

もう何回か紹介しましたが東北関東大震災後に制作したPray for Japanのモーショングラフィックですが、YouTubeにアップロードしてからしばらくして一通のメールを頂きました。それはドイツのベルリンにある日本語補習授業校（そういう学校があることを初めて知りました）からのもので、学校にてチャリティーコンサート開催をするにあたり、スライドショー上映の際に動画を使用させて頂きたいとの内容でした。何かしら世界へのメッセージを伝えたいと思い制作したものですので喜んで返事をしました。

チャリティーコンサートは４月９日に無事に開催されました。先日お礼と共に、当日の様子をアップしたサイトを連絡頂いたのでご紹介したいと思いました。皆様是非ご覧下さい。http://www.berlin-hoshuko.de/2011benefizkonzert.html
とても素晴らしいコンサートだったことが写真から伺えます。このように海外においても様々な支援活動が行われているのですね。そして自分も動画を通してこの活動を知ることができ大変よかったと思います。

これはある意味新たな発見でした。YouTubeにアップした動画は個人がPCやスマートフォンで視聴するものという固定概念があったのので、このようなイベントに利用することも可能であるとわかったからです。

TO-FUとしてもこのような活動に微力ながら協力できたこと嬉しく思います。
日本語補習授業校のスタッフの皆様もたいへんご苦労様でした。
わざわざご連絡いただきましたことまことに感謝しております。

そしていち早い被災地の復興を願っております。

TO-FU：大森　聖

SNS上で動画を活用するには「あまり直接的なイメージを見せすぎない」ことがポイント

2011-05-15T22:32:00.000+09:00

商品・サービス紹介、会社案内、Webサイト紹介

モーショングラフィックス（略MG）の大きな利点は制作費用を大幅にカットできる点です。実写でのロケ、撮影、編集にはそれなりに人件費がかかってしまいます。。。。しかしもう１つ大きな利点があります。SNSで動画を展開する際に実写の直接的なイメージよりMGの方がユーザーの興味を引きやすいという点です。実写や写真を利用した動画はたくさんあって埋もれてしまうし、直接的なイメージは動画を見るだけで完結されてしまう恐れがあります。その点MGはサムネールでも目立つだけでなく（これに関しては今度実例を）、実際どんな商品、サービス、サイトなんだろうと次のアクションにつなげることができます。
つまり、重要なポイントは「あまり見せすぎないこと」なのかもしれません。そのような意味でSNSとMGは相乗効果があるわけです。SNS上で動画を活用したいと考えているなら利点の多いモーショングラフィックスはいかかでしょうか？

facebook利用者、商品・サービス紹介をしたい方、会社案内、Webサイト紹介

今回の動画はフェリー会社の広告動画です。多分大抵の人は、爽快に航海するフェリーを空撮でカッコ良く。。。。といったベタな動画を使いたくなるところですが、もう完全にMGだけで表現しています。写真さえ使っていないので、やはり実物をみたいとWebページに行きたくなります。そして何よりこの動画のいいところは、どんな時にフェリーを利用して欲しいかというストーリーが描けている点。そしてサムネールが分かりやすい点です。これも重要な要素です。MGのクオリティーとしては？？がつきますが動画の使用法としてはうまくいってるのではないでしょうか？

￥40,000〜

最低制作金額です。動画の制作内容により変動しますのでまずはご相談下さい。

お申し込みコード:A006

更に高品質の動画を安くつくるならバナーdeCMへ！

ピッタリの動画活用法を見つければ無料で動画をつくってもらえるチャンス！

Amazon.co.jp ウィジェット

熱い思いやメッセージを動画にして共感を生む。それが新しい動画広告

2011-05-10T16:02:00.003+09:00

インフォグラフィックス、プロモーション、プレゼン

SNSの普及で広告のありかたにも変化がおきています。もちろんいうまでもないことですが「いいね！」と共感を得ることが重要なポイントです。もはやただの商品紹介や説明では誰も見向きされないし、ましてやインパクトがあるだけではもうダメなのは間違いないです。それではどうすればいいのか？その答えは１つではありませんが、あなたのビジネスに対する思いや商品・サービスを利用したらこんないいことがある！と言ったようなメッセージを伝達することが１つの道です。そしてそれらのメッセージを最もわかりやすく、そして人に教えたくなるのが動画です。メッセージのような無形のものを表現するのにモーショングラフィックスは最適です。

facebook利用者、商品・サービス紹介をしたい方、会社案内、環境保護、エコ

今回紹介するのは石油の消費に関する数字的な情報をインフォグラフィックスとしてMG化した動画です。どちらかというと作品として制作されているものですが、このようなメッセージを含んだ動画が今後広告としてSNS上で広がっていくのは間違いないでしょう。特にエコや地球環境保全などに関するテーマは共感を呼ぶには最適なテーマでしょう。この動画がどこか企業の広告だとしたら本当にカッコいいですよね。そんな素晴らしいお考えをお持ちの企業様。一緒に共感を呼ぶ動画をつくりませんか？

￥60,000〜

最低制作金額です。動画の制作内容により変動しますのでまずはご相談下さい。

お申し込みコード:A005

更に高品質の動画を安くつくるならバナーdeCMへ！

ピッタリの動画活用法を見つければ無料で動画をつくってもらえるチャンス！

Amazon.co.jp ウィジェット

ブログ＋動画はSNSを活用するのに最適な組み合わせ

2011-05-05T12:59:00.003+09:00

ブログ記事用、プロモーション、プレゼン、インフォグラフィックス

ブログの記事をアップする際に動画を活用することは有効です。ただTwitterやfacebookにテキストで更新情報を流すより動画が添付されている方が、より人の目をひきやすく、RTやいいね！をしてもらいやすくなります。いわばブログ記事へのCMのようなイメージですね。動画の内容は記事の主要コンテンツでもいいですが、もっと記事を読みたくなるようなダイジェストのほうがより有効です。ブログ＋動画はSNSを活用するのに最適な組み合わせです。

ブログ利用者、facebook利用者、商品・サービス紹介をしたい方

久々のTO-FU制作のモーショングラフィックスです。私自身全く接点のなかたアロマテラピーの世界を動画化すという試みはとても面白かったです。今回は精油をブレンド時の組み合わせを図式化する柔らかなインフォグラフィック系のイメージで制作させて頂きました。
アーカイブ：アロマテラピー WakuWaku Net

￥30,000〜

お申し込みコード:A004

更に高品質の動画を安くつくるならバナーdeCMへ！

ピッタリの動画活用法を見つければ無料で動画をつくってもらえるチャンス！

Amazon.co.jp ウィジェット

Pray for Japanのモーショングラフィックス集

2011-04-25T14:02:00.006+09:00

１．これはTO-FU制作です。とにかく世界中にメッセージを伝えたという思いで制作。チャリティーイベントで使用されるなど、少しながら役立ったと思います。日の丸というのはモーショングラフィックス（略MG）の制作者のココロを刺激しますね。

２．海外の方の作品。波形が印象的です。地震の統計をタイポグラフィー化した正当派MG。このような統計の調査は、それだけでも労力が必要ですよね。

３．被災者への寄付を募るためのMG。センスいいです。モーションも気持ちいいです。

４．海外の３Ｄ作品。CGでストップモーション的なつくりが特徴的。

５．こちらも海外より。シークエンスの流れが秀免ですね。

６．5秒ほどのMGですが、サムネールのインパクトに惹かれました。

以上今回は６点ほど紹介しましたが、どれも日の丸がモチーフに利用されています。
先にも書きましたが、白地に赤丸という組み合わせはどうしても使いたくなるのでしょう。
日の丸はミニマルな日本的でデザインなのだとあらためて思います。
それにしても、海外の方々は地震を直接的に表現しているのが特徴的でした。
やはり「揺れ」ということが経験的に珍しいのでしょう。
それを表現したいと思うのは当然なのでしょうか？
「揺れ」をわざわざ見せなくてもいいのでは、と思う私を含めて日本人の心象とは違いますね。

視聴回数270万回のソーシャルメディア革命のモーショングラフィックスは何が優れているか？

2011-04-19T10:10:00.002+09:00

商品・サービス紹介、プロモーション、Webランディングページ

サービスまたは何かを説明するためにモーショングラフィックは最適です。この動画はプロモーションの成功例としてこの有名です。現時点で273再生回数万。サービスの紹介などを長いテキストで読むのはつらい。何より文字の量を見ただけでうんざりしていまうこともしばしば。それに比べて動画は見た目にもスッキリかつ何倍もわかりやすい説明ができます。Webのランディングページやfacebookページに設置することで多くのインプレッションが得られます。

facebook利用者、商品・サービス紹介したい方、

この動画、よくみるとデザイン的なにはそれほど優れているわけではないです。とにかく「ソーシャルメディア革命」という、皆が興味を引くテーマを題材にしていることで成功しています。自分の商品やサービスをただ説明するのではなく、今何がトレンドなのかをよく調べ、それにうまく絡めた形で動画をつくることがきれば自然に注目されるでしょう。そういう意味ではソーシャルネットワーキング、facebookと言った旬なキーワードは現在外すことができません。

￥80,000〜

伝えたい内容、画像、資料をご用意頂ければ制作できます。料金的にはそれがどのくらいの分量になるかだけですね。

お申し込みコード:A003