シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > インターネット > 【もうFlashやパワーポイントはいらない!】ブラウザだけでアニメーション動画が作れる「PowToon」が話題に!
注目記事ピックアップ
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
share0
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
share0
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
share0
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
1枚の画像に好きな情報を埋め込んでマッピングできるWebサービス「Pictogon」を使ってみた!
share0
1枚の画像に好きな情報を埋め込んでマッピングできるWebサービス「Pictogon」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
share0
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
インターネット
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2012/08/23 18:59

【もうFlashやパワーポイントはいらない!】ブラウザだけでアニメーション動画が作れる「PowToon」が話題に!

最近では、サイトのトップ画面に自社サービスを分かりやすく紹介するための「アニメーション動画」を設置するケースが多くなってきました。

(参考例)


gumroadトップ画面より

 

来訪者も動画で説明してくれた方が分かりやすいので、好印象を持ちやすいのです。

そんな「アニメーション動画」を、専門的なツールや知識を使わないでブラウザだけで製作できるサービスがあります。

 

PowToon」です!


 

 

 

「PowToon」を利用するには?
 

まずは、トップ画面の右側中央にある入力ボックスに、メールアドレスを入力します。


すると招待メールが送られてくるので、リンクをクリックしてユーザー登録をします。

 

その後に「マイページ」が作られるので、そこのSTARTボタンから製作画面に移動します。


 

製作する動画の種類を選択する画面になりますが、後で自由に変更できます。

ちなみに、「PRESENTATION」は、会社などでプレゼンをする時に、動画を止めたり動かしたりしたい場合に使います。また、「MOVIE」は1本の動画を最後まで続けて再生したい場合に使います。


 

そして、製作する動画の名前や詳細を入力します。(これも後で変更可能です)

入力が終わったら、作りたいテンプレートを選択します。


 

各テンプレートには、さらにいくつかのサンプルがありますので好きなものを選択します。ゼロから作りたい場合は「Blank」を選択します。


 

すると「アニメーション動画」の製作画面が表示されます。


 

基本的にはすべて「ドラッグ&ドロップ」で操作できるので、数分使えばすぐに理解できるようになるでしょう。

流れとしては「ページ」を追加して、「パーツ」を「編集画面」へドラッグ&ドロップしながら、「タイムライン」に沿って動きを指定していくだけです。

 

また、製作した「アニメーション動画」は、自分のホームページなどに設置するための「Embed」コードに変換したりできます。


 

その他「Youtube」への書き出し機能や、各種ソーシャルメディアを利用した拡散方法なども用意されています。

そして、これらすべての機能が無料で使えるのが最大の魅力でしょう。

 

 
「PowToon」の使用例
 

さて、「PowToon」を利用すると一体どのような「アニメーション動画」が作れるのか気になる所ですが、いくつかサンプルがYoutubeにアップロードされていますので、御紹介しておきます。

 

サンプル1



 

サンプル2



 

サンプル3



 

「Youtube」には、他にもいくつか動画が公開されていますので、製作の参考になるかと思います。

みなさんも、この「PowToon」を利用してリッチな「サイト」や「プレゼン」をしてみてはどうでしょう!

 

 

 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る