あふたーえふぇくつうぇいそいや

この記事はeeic Advent Calendar 2015の21日目の記事になります。

![サムネール](http://cl.ly/e8Sm/PV%E3%81%BE%E3%81%A8%E3%82%81%2060fps%20(0-01-48-28).png)

# それで何点上がったんですか？

商社の面接でこんなことを訊かれました。
内容はeeic（Electric, Electoronic, Information & Communication Engineering:東京大学電気系2学科-電子情報工学科・電気電子工学科）のPVについて。　　
やった行いに対して結果の検証をすべきだといわれました。よく考えれば当然の話。
とはいえ、[学科PV（Promotion Video）](https://www.youtube.com/watch?v=W8JT9LAzNfU)を作ったのは2年前。
自分の院試（大学院入試）の点数さえ覚えていないのに、下の代の底点（進学予定者の最低点）なんて覚えているわけがない。
…エントリーシートに書いた内容の周辺については最低限まとめておいた方がいいぞ☆
そもそも何で学科PVの話なんて書いたんですかね？

eeicの人気の変遷については、[eeicアドベントカレンダーの2日目の記事のなかちゃんさんの投稿](http://nakachan.hatenablog.jp/entry/2015/12/11/180000)があるのでそちらをどうぞ。
進学振分けの情報は、公益財団法人東京大学新聞社が毎年発行している[東大20XXシリーズ](http://www.amazon.co.jp/%E6%9D%B1%E5%A4%A7%E3%80%882016%E3%80%89CHANGE%E6%9D%B1%E5%A4%A7-%E7%8F%BE%E5%BD%B9%E6%9D%B1%E5%A4%A7%E7%94%9F%E3%81%AB%E3%82%88%E3%82%8B%E6%9D%B1%E4%BA%AC%E5%A4%A7%E5%AD%A6%E6%83%85%E5%A0%B1%E6%9C%AC%E3%82%B5%E3%82%AF%E3%82%BB%E3%82%B9%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E6%9D%B1%E4%BA%AC%E5%A4%A7%E5%AD%A6%E6%96%B0%E8%81%9E%E7%A4%BE/dp/4886113729)に記載されている情報も参考になります。
週刊東京大学新聞でも例年進学振分け特集号や進学振分けに関するニュースを掲載しているので、興味のある学生にはご購読をおすすめしたいです。
昔制作に関わっていたので、紹介しました。

eeicが駒場生、もとい未来のeeic20XXに関心を持ってもらうためにやっていることについては、
数代上の先輩が精力的に力を入れ始めたことに端を発する五月祭をはじめとして、未来発見フォーラムへの参加、駒場生向けの全学体験ゼミナールの開講等挙げられると思います。
最近は[矢谷研](http://iis-lab.org/)の学生が五月祭（[iOS](https://itunes.apple.com/app/id990128448)・[Android](https://play.google.com/store/apps/details?id=org.iis_lab.mayfesapp&hl=ja)）・駒場祭（公開終了？）のアプリの制作も担当しています。
各研究室の公開も知名度upに貢献していると思われます。
また、駒場生向けには毎年ガイダンスが開かれます。
私が電気系のガイダンスを受けた時は「まだ見ぬ明日へ」というコピー用紙で作られた小冊子が配られました。
電気系の学生生活に触れ、また他の学科の人の話も載っていたこの冊子に私はぐっとくるものがありました。
学科PVは私の代のそれであるといっていいかもしれないですね。

資料を見る限り、進学振り分けの点数については微増というところでしょうか。PVの効果についてはやや怪しいかも。
前述の通り、電気系全体として多くの取り組みをしてアピールをしていますし、まぁ成果の取り分なんて…。
底割れさえしなければ…、と思わないこともないです。
私自身、電子情報工学科に行きたかったのですが、第一段階で落ち、第二段階で点数の低い電気電子工学科に志望を切り替えた経緯があるのです。

# [きらめく学科でまた会える](http://www.idolmaster.jp/imas/index.html)

![Adobe](http://cl.ly/0J0T1d323x2g/20141021_162253231_iOS.jpg)
学科PVはAdobeのAfter Effects CS5を用いて作られています。
私の出身中高では、高3の運動会の時に200ページ程度のパンフレットを作る伝統があり、
それに憧れ、中学の時からパンフレットを作ったりしていました。
そのとき触っていたのがAdobe Creative Suite 2 Professional Academic版、とりわけInDesign CS2。
大学に入ってからAdobe更新するか、と思って買ったのが映像編集ソフトも入ったAdobe Creative Suite 5 Master Collection Student and Teacher Edition。

昔はニコニコ動画を頻繁に見ていて、特に御三家といわれていたもの（東方、アイマス、ボカロ）のうち、アイマス（THE IDOLM@STER）のMAD動画（通称[ニコマス](http://dic.nicovideo.jp/a/%E3%83%8B%E3%82%B3%E3%83%9E%E3%82%B9)）にはまっていた時期がありました。
ニコマスは[ノベル](http://dic.nicovideo.jp/a/novelsm%40ster)や[手書き](http://dic.nicovideo.jp/a/%E3%82%A2%E3%82%A4%E3%83%9E%E3%82%B9%E7%B4%99%E8%8A%9D%E5%B1%85)、[楽曲のRemix](http://dic.nicovideo.jp/a/%E3%82%A2%E3%82%A4%E3%83%9E%E3%82%B9REMIX)などいろいろあり、私が好きだったMAD動画（[im@sコラボPV](http://dic.nicovideo.jp/a/im%40s%E3%82%B3%E3%83%A9%E3%83%9Cpv)）は当初、アーケードより画質が大分向上したXBOX360の初期版のゲーム映像を編集したものに別の楽曲をのせていたものが
大半だったように記憶しているのですが、続編のL4U!（THE IDOLM@STER LIVE FOR YOU!）で「[七夕革命](http://dic.nicovideo.jp/a/%E4%B8%83%E5%A4%95%E9%9D%A9%E5%91%BD)」というブルーバック背景ステージが利用できることが明らかになった事件があり、状況は一変しました。
ブルーバックというのは、その名の通り背景が一面の青で色情報をもとに切り抜きできてしまうものです。「電波少年」や「YOUは何しに日本へ？」で使われてる（た）クロマキー合成みたいな感じです。
ライブシーンの雪歩のみが抜けてしまうわけですよ。自動で！
ちなみに、それ以前も切り抜きしていた人はいて、ステージを撮影するカメラが動かないバグを利用して検出したり、手で切り抜いたりしていたようです。
アイドルだけが抜けると、今度はステージ・背景を自前で用意して組み合わせることができるようになってAfter EffectsやFinal Cutを用いた動画制作が盛んになりました。
有名なのが、わかむらPです。ニコマスでの成功を足掛かりにして、プロとして今は八王子Pの初音ミク曲のMV制作や霧島レイの3Dモデリング等をしている方です。
プロになったときにニコマスの動画は著作権的にアレだといって自主的に全削除されてしまったのですが、合同作品のため削除されなかったニコマスメドレー等で現在もその技術力を見ることができます。
ニコマスの制作の様子はNHKのネットスターで紹介されたこともありました。
deadblue238Pとか[シラカワP](http://shirakawa765.blog51.fc2.com/)とか好きでした。空想メロウがおすすめなのですよ＞＜
mmtsgzkwys氏のPerfumeのエレクトロ・ワールドを組み合わせたMADが結構流行ってそれがPerfumeの人気につながったという話もあります。
[みてれぅチャンネル](http://idolmaster.miterew.com/Billboard/)でチラッと見たら、もうゲーム映像を使ったニコマスMADも下火なのかなぁ、と。
アイマス自体、[アイマスSPの時に美希がプロデュースできなかったり](http://dengekionline.com/elem/000/000/095/95160/)、[L4UのKosmos, Cosmosの配信の時にごたごたがあったり](http://d.hatena.ne.jp/wapa/20090228/1235773715)、[2の時に竜宮で3人抜けたり、男アイドルがいたり、主題歌のアーティストを投票で選ぶと言ったり](http://dic.pixiv.net/a/9%E3%83%BB18%E4%BA%8B%E4%BB%B6)、
XBOX360からPS3に移ったり、ゆりしーが降板したり、ごたごたが多かった印象があります。
最近はアニメとソーシャルゲームで盛り返した印象はありますが、もっと全体的に上手くプロデュースできなかったのかなぁと思わざるを得ません。プロデューサーさん？

話を戻すと、かつてのニコマスMADへの憧れが私をAdobeCS5MCの購入に向かわせたわけです。Design Premiumではなく。
まぁ、購入したものの三日坊主というか、結局ほとんど触らないまま、学科PVやるぞ！という現Twitchのアユハさんの一声に乗っかって[ようやく登り始めたわけです。はてしなく遠いAE坂をよ…](http://dic.pixiv.net/a/%E7%94%B7%E5%9D%82)

# [キはκihonのキ](http://www.lantis.jp/release-item/LACM-14341.html)

[3 ・ 2 ・ 1 どっか～ん！ なぜなにえ～い～！](http://dic.nicovideo.jp/a/%E3%81%AA%E3%81%9C%E3%81%AA%E3%81%AB%E3%83%8A%E3%83%87%E3%82%B7%E3%82%B3)
お～いみんな集まれ～。あふたーえふぇくつについての解説がはじまるよ～。

先ほどからAfter Effects（AE）という名前が出てきているのですが、何をするためのソフトかというと、紙芝居です。
FPS（Frame Per Second）という単位をご存知でしょうか。1秒間に約24枚、約30枚といった静止画を高速で切り替えているのが動画です。
AEは位置やエフェクトの大小などのパラメータを設定した「キーフレーム」を打つことができます。
図形を描いて、
00:00の時点でx=200の座標
![x200](http://cl.ly/e8kp/x200.png)、
01:00の時点でx=1200
![x1200](http://cl.ly/e8es/2015-12-20%20(2).png)
の座標というキーフレームを打つとしましょう。
その設定で動画をレンダリング（各コマ描画）したとき、00:30の時点でx=700の座標に図形が来ます。
(写真だと来てないけど気のせいだよ…)
![x700](http://cl.ly/e8XK/2015-12-20%20(3).png)
このように設定したキーフレーム間を補完することによって動画にするのがAfter Effectsの役割です。（本当に？
補完方法は線形だけでなく、出だしが早く徐々に遅くなるものを選ぶこともできます（イージーイーズ）。
コマの補完が本質といって差し支えないと思います。

駒場キャンパスで図形科学IIをとる（あるいはとった）方はCAD、CGについて講義を受ける（た）ことと思います。
CGの制作時に、2Dの作業とは大きく違った項目があったのではないでしょうか。
カメラと光源です。
![カメラ](http://cl.ly/e8bz/2015-12-20%20(12).png)
After Effectsは3Dで作業することもできます。カメラを設定すると、オブジェクト側を動かさずに映像を変えることができます。
PVでいうとくるくるしてる箇所です。あそこの場面ではカメラ側が回っています。
（そしてなぜかカメラを切り替えている…座標関係がめんどくさかったのかも…。
![カメラ回転](http://cl.ly/e8jH/2015-12-20%20(15).png)
![カメラチェンジ](http://cl.ly/e8H4/2015-12-20%20(16).png)

このカットだとヌルオブジェクトも面白いです。
ぬるぽ…ガッ！！
ヌルオブジェクトは透明なオブジェクトです。
AEはオブジェクト同士で親子関係を持つことができます。
ヌルオブジェクトに対して座標を固定することで、軸に対する回転等の表現がしやすくなります。
グループ化的な意味もあったかな…。

だんだん疲れてきたので紹介が雑になってまいりました。
電気系縦断飲みのあとのテンションで書いてます。
基本を知ったところでほとんど役にも立たないわけです。
一番よい勉強方法は実際に触って何か作ってみることですね。
幸いにも、今は[Adobe Creative Cloud](http://www.adobe.com/jp/creativecloud.html)というサブスクリプション（定額制サービス）があります。
PhotoshopやIllustratorを使う目的で契約している人も多いのではないでしょうか。
After Effectsも使えます。触ってみるしかないですね。

# [消されるな、この想い 忘れるな、我が痛み](http://www.zegapain.net/)

AEはプラグインを入れることで表現幅が広がるのですが、有名なプラグインの一つに、[Trapcode Particular](http://www.flashbackj.com/trapcode/particular/)があります。
[貴方の知り合いや友人ももれなくTrapcode Particularを使用しています。
普段はあどけない顔して世間話してるあの娘もTrapcode Particularを使用しています。
貴方が片想いしているあの綺麗な女性もTrapcode Particularを使用しています。](http://dic.nicovideo.jp/a/%E6%80%A7%E3%81%AE6%E6%99%82%E9%96%93)
っていうぐらい、メジャーなプラグインです。アカデミックなら安く買えますね。
[3D Stroke](http://www.flashbackj.com/trapcode/3dstroke/)もおすすめで、いろいろプラグインがあると技が増えるので、[Suite](http://www.flashbackj.com/trapcode/trapcode_suite_13/)を買うのもいいと思います。

[Particularを用いたチュートリアルで私が好きなやつ「+α TUTORIAL Particularによるロゴの消滅」](http://ae-users.com/jp/tutorials/2011/02/%E4%B8%AD%E7%B4%9A%E8%80%85%E3%81%B8%E8%B4%88%E3%82%8Bafter-effects%EF%BC%81%EF%BD%9Eparticular%E5%BC%B7%E5%8C%96%E7%B7%A8%EF%BD%9E%E3%80%80%CE%B1/)がありまして、それを用いて作ったのが次の動画になります。
[とりあえず丸で蒸発](https://youtu.be/I4iMtcwnYes)
Particularはパーティクルをいろいろ設定できます。Twitter学科にちなんで、Illustratorで羽と胴体で素材を作り分けて軽くコンポジットにまとめて、twitterの鳥が羽撃く様子をつくり、これをパーティクルに設定することで、鳥が一斉に羽ばたきながら建物が消えていく様子を作ることができます。
![おいでよツイ廃の森](http://cl.ly/e8l4/2015-12-20%20(18).png)
[鳥で蒸発](https://youtu.be/835zzXKAjkM)
ただ、ここに一つの闇があって、4秒の動画をつくるのに、1つ目はレンダリング&エンコードが1分で済んでいるのに対し、2つ目は95分かかっています。世間では数日かけて動画をレンダリングすることもあるようです。
![エンコードの闇](http://cl.ly/e8GC/2015-12-20%20(19).png)

こんな感じでParticularを使えば[ZEGAPAINのOP（第一話だとED）](http://www.b-ch.com/ttl/index.php?ttl_c=553)の冒頭部分が再現できそうじゃないですか？

# そうだ、コミケに行こう

わからなかったらStack Overflowで訊けばいいと思った？残念でした！と思ったけど、Stack OverflowでもAE系の質問があるっぽい…。
![書籍](http://f.cl.ly/items/0W0o25203p1i2M3P3N13/20151219_194823499_iOS.jpg)
AEの書籍は割と漁ったつもりだったのですが、数が少なく、一冊が高いうえに、使えないものは本当に使えないです。方向性の違いというか。
とりあえず、基本のエフェクト集は持っておいた方がいいと思います。
AfterEffects Standard Techniques 4 Advanced Opening Worksは面白かったです。
![同人誌](http://f.cl.ly/items/0M2M1i1L0n0P2O0M1Y3y/20151219_194937711_iOS.jpg)
コミケでエフェクトやプラグインの同人誌を出してるサークルさんがあるので、そこで本を入手するのもオススメです。
具体的な映像については、美少女ゲームのOP等を見て、頭の中で要素に分解してみて再現してみるのが近道かもしれません。


## 参考になるページ
[videocopilot](http://www.videocopilot.net/)がすごいです。良質なチュートリアルが沢山あるので、是非一度ご覧になってください。

[videocopilot](http://www.videocopilot.net/)

[バカ・アフター](http://baaaf.com/)
[ayato@web](http://www.ayatoweb.com/)
[AEP Project](http://ae-users.com/jp/)
[After Effects Style](http://ae-style.net/)
[AFTER EFFECTSのネ申降臨](http://aekami.ldblog.jp/)
[After Effects STUDY](http://fukidashi.web.fc2.com/)
[-IS- composite](http://ipismsideb.blog8.fc2.com/blog-category-10.html)
[animeの道具箱](http://www.da-tools.com/)

[maltaannon.com](http://maltaannon.com/)
[Adobe TV](http://tv.adobe.com/jp/show/learn-after-effects-cc/)

[after effects まとめ wiki](http://seesaawiki.jp/w/adobeaftereffets/)

[Flashback Japan Effect RECIPE](http://www.flashbackj.com/effect_recipe/)
[マイナビニュース 映像編集者が番組制作の観点から「After Effects CS5」を解説(その2)] (http://news.mynavi.jp/articles/2011/04/18/aecs52/)

# 学科PV よくある質問
## Q1 曲のボーカルと半田ごて持って歌ってる人は同じ人？
違うよ☆
## Q2 MONSTERから緑色のパーティクル出てるけど色違わないですか？
おまえは今までエナジードリンクをコップで飲んだことがあるか？
まぁ、レッドブルのカクテルとかありますね。
## Q3 エレベータの映像速くない？
工学部2号館のエレベータは最高だね！！（しろめ
## Q4 東大のロゴ入ってるんですね？
表現規定に則った上で、[所定の手続き](http://www.u-tokyo.ac.jp/gen03/b01_05_05_j.html)が必要だぞ☆