Autodesk MayaとDomemaster3Dで360°動画(spherical video)を書き出す方法。


Google CardboardでYouTubeの360°動画を観たら未来を感じました。

観ているうちに自分でも作りたいと思い先日360°カメラとしては破格のRicoh Theta Sを購入しました。

レビューとかは気が向いたら書きます。

撮影動画の編集自体は要領を掴むまで色々苦労しましたが極座標と直交座標の仕組みが分かれば普通の動画編集と変わりませんでした。

しかしYouTubeチャンネルにアップロードする以上カッコいいイントロは必須です。

どうせならイントロも360°にしたいと思い久々にMayaを立ち上げてイントロアニメーションをちょちょっと作成。

OpeningAnime

後はThetaと同じ天球動画、英語で言うとSpherical videoとして書き出します。

3D制作ソフトの中にはFoVを360°にすればそのまま天球イメージが書き出せるものもあるようですがMayaではビューアングルが165°までしか書き出せないようです。

fov165

しかし有能なエンジニア様達がフリーで天球イメージを書き出せるプラグインを作ってくれていたみたいで助かりました。

Domemaster3D

これをリンク先下部の説明に従ってインストールします。

するとメニューにDomemaster3Dの項目が追加されているのでLatLong Stereo Cameraを設置します。

domemaster3d

すると3台のカメラが設置されます。

threecam

今回使用するのは真ん中のカメラだけなので、LatLong Cameraだけの設置でも良いですが、後々複眼タイプの3D動画を書き出したくなった時の為にこちらを選択しておきます。

カメラのアトリビュートからcenter_LatLong_Stereoを選択してFoV(Vert)とFoV(Horiz)がそれぞれ180°と360°なのを確認したらレンダー設定からLatLongStereoCameraY(立体視ペアではない方)を選択。

centerlatsetting

rendersettingjpg

あとはTheta Sの展開イメージと同じ比率(2:1)で書き出します。

今回のような用途の場合は透過のある画像(PNG等)として書き出したほうが後で色々捗ります。

あとはイメージシーケンスとしてPremiereなりFCPにぶち込みましょう。

ちなみにレンダラ―はMental Rayしか使用できないようです。

そして完成した動画がこちら。


Riverdale Art Walk – FILMARTIST 360° Art Experience

チャンネル登録お願いします。

以上です。


YoutubeのSEOと視聴者&チャンネル登録者を増やす方法(その2)


前回の記事『YouTubeのSEOと視聴者&チャンネル登録者を増やす方法(その1)』ではWebのSEO、グーグル検索の観点から見たTipを紹介しましたが、今回は『YouTube内での最適化の方法』です。

はじめに

この記事では自分のコンテンツの関連動画に関する自コンテンツ内での最適化(内部VSEO)について説明します。

YouTubeで最も手っ取り早く視聴者を稼ぐ方法は視聴数の多い動画の関連動画に自分の動画を表示させて、ユーザーを引き込み離さない事です。

一部ではこれを関連動画ジャックとも呼ばれているようです。

関連動画ジャックは検索エンジン上位に表示するのと比較すると非常に単純で、現在の仕様だとあまり関係のない動画の関連動画に自分のコンテンツを表示することも可能です。

しかし検索エンジン同様、Googleはユーザーに有益な情報を表示したいはずなのでSEOの歴史を省みるとGoogle様の意志に背くような手段はお勧めできません

その事を踏まえてお読みください。

内部VSEOとは

勝手にそう呼んでいるだけで特に正式名称等があるわけではありません。

WEBと同様にVSEOも大まかには内部と外部に分けることができます。

WEBサイトのSEO対策の知識がある方は内部SEOのYouTubeチャンネル版と言えばピンとくると思いますが、要は自コンテンツ内の最適化です。

具体的には主に以下の手順。

    動画作成段階

  1. 撮影機材や環境にはある程度お金をかける(動画撮影可能なDSLRや外部マイク等)
  2. 動画に一貫性を持たせる(オープニングアニメーションや音量等)
  3. アノテーションやカード機能等を想定した編集を心がける

    アップロード時

  4. シリーズモノであれば動画の公開日や時刻等に一貫性を持たせる
  5. 視聴者の目を引くサムネイルの作成
  6. カードやアノテーション機能の利用
  7. タイトルや動画の説明文の推敲
  8. 説明欄に自分の動画のリンクを張る
  9. キーワードの選定
  10. プレイリストを作成する(既存のプレイリストに加える)

YouTubeチャンネルの内部SEOではカードや再生リスト等を駆使してユーザーをいかに自コンテンツ内に留まらせるかがカギとなります。

動画作成機材について

最低でもFull HD(1920×1080)で撮影できる機材を準備します。

最近の機種であればiPhoneやスマホでもこのサイズで撮影できるものが殆どですが、可能であればDSLR(デジタル一眼)での撮影が好ましいです。

スマホでの撮影だと画に深みが出ないので、撮影テクが無いとどうしても安っぽく仕上がります。

個人的なお勧めはCanonのエントリーモデル一眼、EOS Kissシリーズです。

懐に余裕があればフルサイズのハイアマチュアモデル(EOS 5Ds等)を購入しても良いかもしれません。

違いはセンサーサイズですが、センサーサイズについてはこちらのブログで初心者にも分かり易く解説されています。
センサーサイズについて【カメラ初心者向け】

ちなみに水泳の富田選手が盗難疑惑をかけられたEOS-1DXは動画撮影に関しては無用の長物なので、そこまで余裕があるならばレンズにお金を使いましょう。

動画撮影には単焦点のマイクロレンズ等があるとドラマチックな映像が撮影できるかもしれません。

どうしてもカメラにお金を使いたいブルジョアはEOS C300BlackmagicRED等のシネマカメラを使って僕に使い心地を教えてください。

Blackmagic Design シネマカメラ EFマウント 2.5Kイメージセンサー 5インチタッチスクリーン ブラック 001600

話が逸れましたがEOS Kiss X5以前モデルにはSDカードのフォーマット制限(4GB制限)により12分前後で自動で撮影が止まるので不便に思う方は新品購入するのであればX6以降が良いかもしれません。

音声もRODE Videoマイク等の外部マイクがあると好ましいです。

RODE VideoMic GO コンデンサーマイク 003396

動画編集ソフトについて

iMovieやWindowsムービーメーカー等では少し心細いので映像編集ソフトをお勧めします。

私の場合はWeb制作関係でCS6のマスターコレクションを持っていたのでPremiere Pro CS6を持っていましたが、手持ちが無く低予算に抑えたい場合はAdobe Premiere Elementsとサムネイル作成にも使えるPhotoshop Elementsのセットがお勧めです。

Adobe Photoshop Elements 13 & Premiere Elements 13 Windows/Macintosh版
Adobe Premiere Elements 13公式

Adobeソフトウェアの最新版(Creative Cloud)はフル機能が使える30日間の体験版もあって月額サブスクリプションもできるので試してみるのもいいかもしれません。

Adobe Creative Cloud

アノテーション、ブランディングとカード機能

Youtubeでは動画にメッセージをポップアップさせたりYoutube内や関連WEBサイトへのリンクを作成することのできるアノテーション機能があります。

『右上のアイコンをクリック→クリエーターツール→編集→アノテーション』で設定可能。

anotation

所有する関連WEBサイトのリンクも挿入できますが、先に『クリエーターツール→左カラムのチャンネル→詳細設定』から所有権の確認を行います。
※Google Webマスターツールと同様の認証方法のため初歩的なHTMLかFTPの知識又はホスティングサーバーかドメインのアカウント情報等が必要になります。

弄ってみれば直観で分かると思うので今回はアノテーションの使い方の説明は省きます。
アノテーションについて – YouTube クリエイターアカデミー

利用できるフォントやサイズ等が限られている為、文字の挿入等はできるだけ控え、編集の段階でクリック可能なところを明示できるようにしましょう。

例:

0:38~

便利なアノテーションですが現在PCから閲覧した場合のみ表示される機能なのでスマホから視聴には対応していません。

あからさまにクリックを促すような編集をしてしまうとスマホユーザーにとっては不便でしかないのでバランスが大切。

一方、ブランディングとカード機能はスマホユーザーにも表示できるので必ず設定しましょう。

ブランディングは動画の右下のアイコンをクリックするとチャンネル登録のリンクを行える機能です。
※現在は右下にアイコンが表示されますが以前は右上に表示されていたようです。今後変わる可能性もあるのであまりこれを意識した編集は行わない方が吉。

利用方法は『クリエーターツール→左カラムのチャンネル→ブランディング』

branding

カード機能はクリエイターツールの『編集→カード』から設定します。

動画再生中に右上の『!』をクリックすると関連WEBサイトやYouTubeの別のページのリンクを張る事が出来ます。

card

前回の記事で触れたh2タグがカードのタイトルに挿入されるので、h2タグを考慮したプレイリストの名称やタイトルを決めましょう。

card

こちらもほぼ直観的に操作できるので利用方法の説明は省きます。

サムネイルの作成と動画の一貫性

一貫性は即ちコンテンツのブランディングです。

最も手っ取り早くユーザーにシリーズモノだと認識させるには一貫性を持ったサムネイルを作成する事。

堀江貴文氏のホリエモンチャンネルには色々なコンテンツのプレイリスト(シリーズ)がありますが、サムネイルを見ればどれがどのシリーズの動画なのか一目で分かります。

horiemon

すべての動画のオープニングにHIKAKIN氏のボイパ&ドット絵のアニメーションという一貫性を持たせています。

アニメ以外でも実写やストップモーション等、コンテンツのブランドに沿ったモノであればOK。

例:

0:00~0:05

“30sec film artists”では最初の5秒にストップモーションの映像を利用しています。

最後に、一貫性について最も注意しなくてはならないのは映像編集の初心者が失敗しがちな動画自体の音量です。

YouTubeのプレイリストや自動再生を観ていると一つ目の動画で音声が小さすぎるためボリュームを上げたら次の動画は音が大きくてびっくりした経験をした事がある人も少なくないと思います。

ユーザビリティの欠陥です。

気を付けましょう。

タイトルと説明文

前回の記事で説明した通りタイトルと説明文はVSEO上非常に重要です。

動画検索の場合も最重要視されるのはタイトルなので検索されやすいキーワードをタイトルに含めます。

説明文はデフォルトで最初の3行しか表示されておらず残りを表示するにはユーザーに『もっと見る』をクリックさせる必要があります。

その為、最初の3行に最もクリックして欲しいリンクや続きを促す文章を挿入します。

最初の3行は検索エンジンのSEOでも重要なので内容は慎重に決めましょう。。

description

3行目以降には以下の内容を挿入します。

  1. 自分のチャンネルの別の動画のリンク
  2. 関連動画として認識させる要因の一つに説明欄のリンクと類似性があります。
    片方だけでも類似性が認められれば関連動画に表示される可能性がありますが相互にリンクすることでより関連性が認められやすくなります。

  3. シリーズモノであればシリーズの説明
  4. 説明欄の類似性と一貫性を保ち、関連性を認められやすくなります。

  5. 関連する別の人の動画のリンク
  6. 検索してほしいキーワード上位の関連動画に表示させる為にこちらから発リンクします。
    これは外部SEOの一環なので詳細は後述します。

  7. WEBサイトや関連SNSのURL
  8. 動画毎にYoutube外のオウンドメディアへのリンクを貼ることで関連性を認められやすくなります。
    WEBサイトを所有している場合は関連WEBサイトの登録も忘れずに行いましょう。

  9. 動画の説明内容等その他必要な情報

上記のポイントを抑えて動画の説明を書きましょう。

キーワードについて

検索エンジンのSEOではあまり重要では無くなったキーワードですが、Youtube内では説明欄と同程度重要です。

内部VSEOのポイントは関連性を持たせることなので全ての動画に共通のキーワードをいくつか持たせます。

共通キーワードも一般的なキーワード(例:芸術、スポーツ等)とユニークなキーワード(例:10秒でできるアート、40代からのランニング等)を複数決めます。

現在の仕様ではキーワードは思いつくだけ詰め込んでも問題無いようなので、関連性のあるキーワードはとりあえず沢山入れておきます。
※共通部分はカンマ区切りでメモ帳等に保存しておくと入力する手間が省けます。

HTMLソースには15個までしか表示されませんが、YouTube内部ではしっかりと処理されているようなので、後述する外部VSEO用のキーワードも含めトータル20個程度が目安かと思います。

再生リストの作成

アップロード完了後は再生リストを作成します。

再生リストから再生されると自動で次の動画に飛ぶのでユーザビリティの向上に加え動画同士の関連性が強まるので自動再生の候補にもなりやすくなります。

作成は『クリエイターツール→動画の管理→再生リスト』から。

忘れがちですが『編集』から再生リストの説明も忘れずに編集しましょう。

pldescription

ここまででYoutubeの内部VSEOは完了です。

次回は外部VSEOについて

ひとこと

今回はかなり色々詰め込んだ感がある記事でした。

詳細はかなり省いたので質問やコメント等があれば残していってもらえればと思います。

Website: 30sec film artists
チャンネル登録してね。


YoutubeのSEOと視聴者&チャンネル登録者を増やす方法(その1)


映像編集や撮影等は過去の記事も読んでもらえれば分かるように一通り出来るのですが、Youtubeに関しては「プロはやっぱりVimeoやろ!」みたいな先入観があってあまり手を付けていませんでした。

しかし最近凄く流行っるみたいだし遅ればせながらYoutubeの波に乗ろうとシリーズモノの動画コンテンツ制作始めました。
(Youtuberになりたいとか言う訳ではなくてサービスのプロモーションの一環です。)

そこでまず、チャンネル登録者のそこそこ多い(数千人規模)チャンネルを色々リサーチした結果クオリティ的には負けてない!

自信も付いたところでいざ登録者を増やすために巷で話題のVSEO(Video Search Optimization)とやらについて色々調べたことをまとめようと思います。

まずはVSEOには大まかに分けて2つの種類があります。

  1. Google検索に最適化させて検索からトラフィックを稼ぐ方法
  2. 他動画の関連動画やYoutube内の動画検索によってトラフィックを稼ぐ方法

この記事では前者について説明します。

はじめに

Googleはフェアーな精神をモットーにしている会社なのでYoutubeが自社のメディアと言えどGoogleの検索アルゴリズムに則って表示順位が決まる為、テクニックはWebのSEOと変わりません。

まずソースを開いてドコに何のタグが付いてるかを観察します。(Chrome例:右クリック→ページのソースを表示)

titleやh1、h2タグ、メタdescriptionをSEOの原則に従って適切に設置することによりGoogle検索からトラフィックを得る事が出来ます。

まずこちらのページを開いてソースをご覧ください。

https://www.youtube.com/watch?v=Jvylrpuks-k

SEOに最も大きく関わる、titleタグとmetaタグはソースを開くと30~40行目位のところにあるのが分かると思います。

以下大事なところだけ見やすくコピペしました。

1.titleタグ

titleタグの中身は「動画のタイトル – Youtube」となっています。

titleタグでSEO的により重要なのは手前にある単語という説があります。

この場合は”Roadsworth”というキーワードでSEO対策したい場合に有効なタイトルだと言えます。

もしチャンネル名で検索してもらう事を想定している場合は動画タイトルの頭にチャンネル名等も入れましょう。

但しSEOを意識しすぎてクリックを躊躇させたりユーザーを混乱させるようなタイトルでは逆効果です。
(例:”30sec film artists” Vol.1 Roadsworth “I really had a lot of fun doing that”)

こういった場合はチャンネル名はDescriptionやhタグに入れる等の対策も可能なので、バランスの良いタイトルを考えましょう。

2.meta name=”description”

動画の説明欄の文章が3行分程挿入されています。

検索してほしいキーワードがある場合はここにも入れましょう。

但し、この3行には後ほど説明する別の要素にも関わってくるのでGoogle検索だけに注力する必要はありません。

Youtubeでは以下のように表示されています。

description

3.meta name=”keywords”

Googleは大昔に検索アルゴリズムの対象からKeywordsを除外しているのでGoogle検索のSEOには効果は見込めませんが他の検索エンジン(BingやBaidu等)向けに設定しておきます。

タグ内に挿入されるのはYoutubeのキーワードの上から順に15個、それ以上は末尾の”…”になります。

keywords

Youtubeでは好きなだけキーワードを設定できますが、検索エンジン向けのSEOも意識する場合には上から15個以内に入れるようにしましょう。

4.h1とh2

h1とh2はソースをみると以下のようになっています。

h1

h2

h1はtitleタグ同様動画タイトルがそのまま挿入されます。

h2はソース上では上記のようになっていますが、JavaScriptでカード(後述)のタイトルが挿入されるようです。

GoogleボットのJavaScriptの理解具合には色々と議論の余地があるようですが、自社のサービスなのでおそらく自社アルゴリズムに最適化されているでしょう。

検索エンジン向けのSEO的にもカードは必ず設定しましょう。

card

まとめ

h1とtitleタグはWebサイトのSEOを行う上で最も大切な3要素のうちの2つです。

YoutubeのSEO対策はタイトルがほぼ全てだと言っても過言ではありません。

3つのうち、他1つはmeta descriptionなので、タイトルと説明の3行だけ抑えていればGoogle検索的にはほぼ完ぺきです。

続きはこちら。
YoutubeのSEOと視聴者&チャンネル登録者を増やす方法(その2)

ひとこと

これが自分たちのチャンネルです。

カナダのアーティストを30秒前後の動画でコレクションしてるので良ければチャンネル登録してください。

まだ始めたばかりなのでまだチャンネル登録者数8名ですが(2015/9/14)、これからどんどん増える予定なのでお楽しみにと言う意味もこめてチャンネル登録してもらえると嬉しいなぁー。

Website: 30sec film artists


iPod touchの第5世代と第6世代を比べてみた。


Windows & Android派のわたくしですが、iOS端末を持ってると色々捗る事もあるのでiPod touch(第五世代)だけは持ってました。

先月辺りか、Appleの公式サイトのナビゲーションメニューからiPod touchの項目が消えたという事でジョブス亡き今iPodはもう出ないと思っていましたが、先週いきなりAppleから第6世代のiPod touchが発表されてテック業界を賑わせていましたね。

Gizmode Japanがいつもの如くちゃんと調べもしないでなんかテキトーな事を書いてましたが僕は早速、第6世代と第5世代を比較するべくApple storeで購入しました。

外観は公式発表のサイズも全て同じなのでケース等は5世代のものをそのまま利用できます

違いと言えば背面にあった丸いストラップ付けるところが無くなってました。

(写真後日掲載)

全く普及してなかったしなくても良いけどお気に入りのストラップがあった人などには残念なお知らせかもしれません…。

まずはカタログスペックを比較しましょう。

今回の目玉は何と言ってもCPUとGPU。

最新のiPhone6/6 Plusと同じA8/M8チップ搭載なのでバリバリ3Dのスマホゲーとかもヌルヌル動くはず。

第5世代のiPod touchはA5チップ(iPhone4Sと同じ)ですが、公式曰く6倍速いCPU、10倍速いGPUらしいです。

次に大きく進化したのがカメラ。

30fps/1080pのフルHD録画は以前からできましたが加えて120fpsのスローモーション撮影が可能です。

iPhone6は最大60fps、240fpsのスローモーションなので6には劣りますが5Sと同レベルです。

但しアパチャー(レンズ口径)がf/2.4なので写真撮影においてはf/2.2のiPhone5Sよりは暗所撮影等で若干劣る事があります。

動画撮影に関してはiPhone6から採用されたCinematic Video Stabilization(映画レベルのビデオ手ぶれ補正)が搭載されているのでカメラ性能に限れば5Sとの比較は甲乙つけがたいです。

iPod touchの第6世代はスペック的に見るとiPhone6には及ばないにしても、端末としてはほぼ5S以上、写真カメラとしては5c並、ビデオカメラとしては5S以上かなぁと思います。

兎に角iPhone4Sとほぼ同スペックだった第5世代のtouchとは見かけとは裏腹に比較にならないほど高性能です。

端末/性能 touch 6th touch 5th iPhone6 iPhone5S iPhone5C
価格(税別) (16GB)24,800円 公式販売終了 (16GB)86,800円 (16GB)78,800円 公式販売終了
CPU A8 A5 A8 A7 A6
ディスプレイ Retina 4″/326ppi Retina 4″/326ppi Retina 4.7″/326ppi Retina 4″/326ppi Retina 4″/326ppi
有効画素数 8MP 5MP 8MP 8MP 8MP
レンズ口径 f/2.4 f/2.4 f/2.2 f/2.2 f/2.4
フレームレート(Slo-mo) 30fps(120fps) 30fps(—) 60fps(240fps) 30fps(120fps) 30fps(—)
映像撮影サイズ フルHD(1920×1080) フルHD(1920×1080) フルHD(1920×1080) フルHD(1920×1080) フルHD(1920×1080)
光学手ぶれ補正 × × × ×
ビデオ手ぶれ補正 映画レベル ビデオ手ぶれ補正 映画レベル 映画レベル ビデオ手ぶれ補正
最大容量 128GB 64GB 128GB 128GB 64GB

映像を撮影して比較したのがこちら。

iPod touch Camera spec Comparison 5th and 6th generation

動画撮影に関しては手ぶれ補正が凄いけど有効画素数まで使い切らないので画自体にそこまでの変化はないかな。
但しチップが優秀なのでカメラ起動から自動露光調整やオートフォーカスなんかのレスポンスは断然早いです。

結論

コスパは最高。
動画撮影で手がブルブル震えちゃう人にはとっても良い。
ゲームをガッツリやりたい人にもおすすめ。


Vimeoで”Me”をマウスオーバーしてもメニューが表示されずログアウトできない時にログアウトする方法


日本語でググっても見つからなかったので備忘録。

「Vimeo ログアウトできない」とググると最初に出てくるのがNanapiの記事。

「Vimeo(ヴィメオ)」でログアウトする方法

はい、普通にログアウトする方法は知ってるんです。

けどできないからググってるんです・・・。

何故できないのかと言うと、nanapiの記事にある通り”Me”にホバーしてもヌルっとあらわれるはずのメニューが表示されないんです。

vimeoでマウスオーバーメニューが表示されない

こういう不具合はWebをやってる人間なら大抵ローカルのCacheが問題なんだろうなという予想をすると思いますが、そんなのはもちろんスーパーリロードやキャッシュクリアなんて何度もやってみました、しかし未だにMeは微動だにせず。

解決方法

そこで英語版のForumで解決方法(?)を見つけました。

Vimeo Forum/Help | How do you log out of Vimeo now?

投稿を見ると、この不具合自体は7年前からあるようなんですが未だに治ってないんですね・・・。

質問の投稿は7年前

酷い。

http://vimeo.com/log_out
※リンク先へジャンプするとログアウトします。

上記のリンクへアクセスすると強制的にログアウト可能です。

メニューが表示されないという根本的な問題の解決方法はまだ分かりませんがアカウントを切り替えたいのにログアウトができないみたいな人には一応これで解決可能です。

アカウント毎の問題かと思いましたがアカウントを切り替えても表示されません。

クライアントサイドの問題かと思いブラウザを変更してみましたがこちらも表示されません。

もしかしたらFBと連結してるアカウントの一部には表示されないのかもしれません。

原因は謎ですが運営様サイドには早く修正してほしいものですね。

ひとこと

きっとWebも平面の時代の終焉は近い(キリッ

という事で最近WebそっちのけでYoutubeのチュートリアル見ながら3DCG制作ソフトのMAYA2015に嵌ってます。

絵心が無い僕でも3DCGアニメが作れちゃうって素敵。

現在はこれくらいのレベル。

最初の目標は人型オブジェクトに厨二っぽいアクションとエフェクトを付ける事w