#朝からアフター

2023年8月に開催した #朝までアフター が戻ってきました！ 8時間のボリュームでお届けするAfter Effectsづくしのライブ配信イベント。14名のAfter Effects猛者が持ち時間15分で話します。

• 10-18時に開催。そのため、名称は「#朝からアフター」
• 持ち時間を15分に拡張。少しゆったり目に進行します。

今回も〈Motion Design Studio〉とDTP Transitのコラボ企画として開催します。

「当日の視聴は無料」スタイルで開催します。ぜひ、ご参加ください！

イベント概要

YouTube Liveにてライブ配信します。当日の視聴は無料です。
セミナーというより、ワイワイするイベントです。

※「After Effectsをまったく起動したことがない」という方もウェルカムです！

• イベント名：#朝からアフター
• 開催日：2024年2月23日[金・祝] 10:00-18:00（9:30から予備配信開始）
• 形式：オンライン（YouTube Live）
• 参加費：当日の視聴は無料（参加登録が必要）
• 特典：次の方には、サンプルファイルやスライドPDFなどを用意しています。
  • リアルタイム視聴＋アンケート回答された方
  • アーカイブ視聴チケット購入された方
• MC：ニワダイスケ、透子
• ロゴ制作：モンブラン
• テーマソング：ロックオン柳田
• 主催：Motion Design Studio
• 共催：DTP Transit、CSS Nite
• 特別協賛：アドビ、Vook School、フラッシュバックジャパン、BRAIN MAGIC、Motion Plus Design、ビデオサロン
• 協賛：フォントワークス、Webフォント・サービス FONTPLUS、KDDIウェブコミュニケーションズ、文賢（ブンケン）、ウェブライダー、ゴンウェブイノベーションズ、un-T factory!、ヘルツ、コンセント、トゥーアール（to-R）、LINICA、サービシンク、エンタミナ

出演者（あいうえお順）

• Sue-yo(清水 庸介) @Sueyo_dgm
• おかしん @okasin405
• おこじょ @okojo_designer
• この @Cono_1coma
• カワハラ @HidenLab
• サプライズ栄作 @AMAIMASK914
• ニワダイスケ @terje28
• ニワノトリコ @niwanotorico
• ヌル１ @null1tips
• パパ @StudioT_ppp
• 佐藤 隆之 @otastv
• 河野みどり @OfficeUnico
• 浅野 桜 @chaca21911
• 高瀬 瞬輔 @MotionShunsuke

フォローアップ（アーカイブ）

スライドなどのフォローアップは、サブスク／アーカイブ単品購入の方限定のコンテンツです。

本イベント #朝からアフター のアーカイブの単品購入はSTORES、またはBOOTHから。

なお、アーカイブ視聴のURLは、配信用のURLとは異なります。

「サブスク」をはじめます

CSS Nite、DTP Transitのオンラインセミナーのアーカイブを管理しやすく利用いただけるように、2024年2月の開催分から次のように変更します。

• アーカイブ見放題の「サブスク」：Circle
• 単品での購入：STORES

「サブスク」（定額サービス）の仕組みによってコスパよく利用いただけます。 ライブ配信は、従来通り「当日の視聴は無料」スタイルを継続します。「サブスク」の加入にかかわらず、誰でも見られます。

なお、Circle、STORESにおいて、CSS NiteとDTP Transitの両方をカバーするブランド名として「CeeBeeDee（シー・ビー・ディー）」を使いはじめます。

サブスクの有無にかかわらず、開催情報などをCircleに集約していきます。

アーカイブの単品購入はSTORESから

2024年の開催分からアーカイブの購入方法が変わりました。

• アーカイブはSTORESから購入なさってください。
• 終演時刻までは1,100円（34%）OFFです。

詳細はnoteをご覧ください。

• 2024年以降のオンラインセミナーのアーカイブ単品購入はSTORESに変更になります

インボイス対応の領収書については、こちらのnoteをご覧ください。

オンラインセミナーに関して（方針やスタイル

noteにまとめていますので、ご一読ください！

• DTP Transitのオンラインセミナーに参加される方へ

特典

セッションごとにサンプルファイルなど、リアルタイム視聴され、アンケートにお答えいただいた方には特典を用意しています。

• 1時間ごと（2セッションごと）に個別のアンケートがあります（合計8個）。
• すべての「特典」を得るには8つのアンケートに答えるか、アーカイブを購入いただく必要があります。
• 「動画は見ないかも…」という方でも、特典ファイルのためだけにアーカイブを購入される意味があります。

• アンケートのURLはYouTubeのチャット欄にてお知らせします。
  • 別途、メールにても送信します。
• メールアドレスを記入されると自動返信メールが届きます。
  • メールアドレスを記入されない方は、送信完了後にリダイレクト（自動転送）されるページのURLをお控えください。
• アーカイブ視聴のチケットを購入いただいた方には、終了の翌日、すべての特典をまとめたページをご案内します。

アーカイブ動画について

• 終了後、数日内にセッションごとに切り出した動画のURLをご案内します。
• 配信したURLとは別です。
• アーカイブ視聴期限はありません。基本的に永久に見れます。

グッズ

モンブランさんに制作いただいたロゴを使った「#朝からアフター」グッズをSUZURIにて販売開始しています。

• 届くまで7-10日ほどかかるようなので、当日までに取り寄せたい場合には早めの注文が吉です。

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。

視聴者プレゼント

イベント終了後、「最終アンケート」に回答くださった方から抽選でAfter Effectsのプラグインや書籍などをプレゼントします。

発表はニワダイスケさんの𝕏（Twitter）にて行います。

• プラグイン「Yanobox Nodes 3」ライセンス（Macのみ）（1名）
• プラグイン「Yanobox Storm」ライセンス（Macのみ）（1名）
• プラグイン「Yanobox Motype 2」ライセンス（Macのみ）（1名）
• プラグイン「Yanobox Mosaic」ライセンス（Macのみ）（1名）
• プラグイン「loopFlow」ライセンス（1名）
• プラグイン「Volna2」ライセンス（1名）
• プラグイン「Potok」ライセンス（1名）
• エクステンション「Crazy Shapes」ライセンス（1名）
• スクリプト「Super LINES」ライセンス（1名）
• スクリプト「Super Liquids」ライセンス（1名）
• 左手デバイス「Orbital2」（1名）
• 左手デバイス「Orbital2 STERNA」（2名）
• 「Motion Plus Design Tokyo」当日入場チケット（5名）
• 「Motion Plus Design Tokyo」オンラインチケット（10名）
• 書籍『イラレユーザーのためのAfter Effects入門』（2名）
• 書籍『Webデザイナーのためのモーションデザインことはじめ』（1名）

FAQ（よくある質問と、その回答）

セッション番号の見方を教えてください

すべてのセッションに「セッション番号」を設定しています。

• 最初のアルファベット：1時間ごと2組を「グループ」とし、AからHのグループに分けています。
• 次の数字：グループ内での出演順
• 「-」に続く数字：通しでのセッション番号

スマホでも見られますか？

YouTube Liveで配信しますので、インターネット回線がある環境でしたら、PC/Mac、スマホ、タブレット、TVなどで閲覧可能です。

ただし、コーディングのデモは、スマホでは細かいところが見えにくいと思いますので、PC/Macでの閲覧をオススメします。

お申し込み後、メールが届かない…

お申し込み直後に「info@doorkeeper.jp」からメールが送信されています。事前・事後のアナウンスのメールを受け取れないとお困りになると思いますので、次を参考になさってください。

• 迷惑メール扱いになっていないか、ご確認ください！
• 住所録に登録してVIP扱いにしたり、メールサーバーにてホワイトリストに設定すると受け取りやすくなります。
• iCloudやYahoo!メール、Hotmailは受け取りにくいです（迷惑メールに入らず、サーバーではじかれてしまうのか見つかりにくい）。異なるメールアドレスにて申し込まれるのが安全かもです。
• キャリアのメールでは文字数制限のため、メールが受け取れないことがあります。
• 「アーカイブ視聴を含む」チケットを購入なさった方には「info@doorkeeper.jp」から、終了後にメールを送信します。

アーカイブを購入したい

開催当日の23:59までは、STORESから購入ください。

2024年以降に開催のDTP Transit、CSS Niteのアーカイブが見放題になるサブスクもあります。

仲間と集まって見てもいいですか？

大歓迎です！

スライドやサンプルファイルなどのダウンロードはありますか？

次の方にはご用意しています。ぜひ、リアルタイムにご覧ください！

• アーカイブチケットを購入された方
• リアルタイム視聴され、1時間ごとのアンケートにお答えいただいた方（1時間ごとの「グループ」単位で提供します）

アーカイブを購入（またはサブスク）された方には、フォローアップ用のNotionをご覧ください。終了後に五月雨で追加していきます。

アーカイブ動画はいつまで見られますか？

基本的に永久に見られます。

アーカイブ視聴ではノンストップ版を選べますか？

はい。

次の動画をご用意します。

• セッションごとに切り出した動画
• ノンストップのフル尺版（YouTubeのチャットは見えません）

字幕（文字情報）の提供はありますか？

UDトークをご用意します。

• スマホなどでご利用ください。
• UDトークのURLはNotionをご覧ください。
• 配信画面には文字情報は表示しません。

タイムテーブル

• 1時間ごと2組を「グループ」とし、AからHのグループに分けています。
• 状況によって多少前後することがあります。

▲ PDFでダウンロード

▲ PDFでダウンロード

MC

主催のMotion Design Studioのニワさん、そして、透子さんがMCを担当します。

テーマソング

#朝までイラレ、#朝までフォトショ、#朝までマークアップに続き、ロックオン柳田さんに担当いただきました。

セッション概要

予告なく順番や内容を変更することがあります。

初心者［A1-1］「入口」と「出口」から考えるAfter Effectsことはじめ

2023年11月に書籍化した『モーデザことはじめ』は、スピーカーの浅野がAfter Effectsをまったく理解していないところからスタートしました。

その中で実際に疑問に思ったことやつまづいた点を中心に、After Effectsのファイルの概念や基本操作の「入口」と、ウェブデザインに活用できるLottie（LottieFiles）を利用する方法を紹介する「出口」について解説します。

これからモーションデザインとAfter Effectsをはじめてみたいという初心者の方へ理解のヒントをお届けします。

特典（アーカイブチケット or アンケート回答）

• 簡易用語集＆パネル名早見表PDF
• DEMOデータで使用したaepファイル
• jsonファイルを実装したHTMLデータ

Photoshop連携［B1-2］PhotoshopとAfter Effectsで作る動く画像の作り方

パーツ分けしたPhotoshopファイル（psd）は、After Effectsに読み込み、キーフレームでアニメーションを付けられます。

After Effectsにpsdデータを読み込んだときPhotoshop側の各レイヤーはAfter Effectsではどのように表示されるのかを実際にデモンストレーションをしながら解説していきます。

特典（アーカイブチケット or アンケート回答）

• スライド
• 完成した動画ファイル

3Dカメラ［B2-3］グリッドと3Dカメラでちょっとだけリッチなニュースタイトル作ってみよう

3Dカメラを使うことで実現できる、ちょっとだけリッチな表現を作例を通して解説します。

3D表現に挑戦してみたい方はぜひご視聴ください〜

標準エフェクトや有料のプラグインエフェクトを追加することで、さらに質感を作り込めることもお土産で解説します。

特典（アーカイブチケット or アンケート回答）

• 作例のaepファイル
• スライド

マイクロインタラクション［C1-4］WebデザイナーのAfter Effects活用方法

Webサイトやアプリデザインでは、ユーザビリティ向上のためにインタラクションにアニメーションを取り入れることが増えています。

Figmaだけで完結できる「スマートアニメート」を使うほか、LottieFilesやLottielabなどのプラグインやAEUXを活用し、After Effectsで作成したアニメーションを取り込むこともできます。

本セッションでは、制作の流れや陥りがちなポイントなどを含め、Webサイトやアプリデザインにアニメーションを取り入れる方法を解説します。

特典（アーカイブチケット or アンケート回答）

• スライド
• 作例のファイル

映像学［C2-5］あなたならどちらに動かす？ 左右で変わる映像のストーリー

「なぜ、このボールは右に動くのか？」

ただ、なんとなくでは片付けられない、映像に存在する目に見えない力。映像には「見えない流れ」が存在します。

右と左の方向性が映像の感情や物語、気持ちよさにどう影響するか、知識、経験と文化の観点から紐解きます。

このセッションを通じて、新しい視点を発見し、あなたの映像体験がより豊かになることを目指します。映像制作の初心者から映画をもっと楽しみたい人へ。クリエイティブな思考のきっかけになれば幸いです。

特典（アーカイブチケット or アンケート回答）

• 語りきれなかったセッション内容の深掘り解説ムービー

Blender連携［D1-6］After EffectsユーザーのためのBlenderはじめの一歩

できることが多く迷いがちなBlender、After Effectsユーザーならではの入り口をご案内します。

次に挙げる流れでBlenderとAfter Effectsの連携をメインに概略を解説します。

・Blenderから背景と被写体を分けて出力する方法

・BlenderとAfter Effectsカメラの合わせ方

・簡単なコンポジット

Blenderをまだあまり使ったことがないというAfter Effectsユーザーに向けて、はじめの一歩を後押しするセッションです。

特典（アーカイブチケット or アンケート回答）

• スライド
• 作例のaepファイル

フラットデザイン［D2-7］フラットデザインでも大活躍、3Dレイヤーのすすめ

リッチな表現に挑戦したいけど3Dレイヤーはどうも苦手…というあなたへ、3Dレイヤー入門へのハードルを下げるセッションです。

「難しい…。時間がかかる…。」と思われがちな3Dレイヤーですが、気軽に使うための考え方や工数削減に役立つスクリプトを使用して、デザインデータを3D空間に配置するまでの効率的なワークフローを実演します。

平面的なデザインにおいて、3Dレイヤーを使ってクオリティを上げながらも工数を減らす方法を紹介します。後回しになりがちな3Dレイヤーを学ぶきっかけになれば幸いです。

特典（アーカイブチケット or アンケート回答）

• 作例のaepファイル

最新機能［E1-8］もう使ってる？ロトブラシ 3.0 ＆ AI 生成塗りつぶし！

新しくなったロトブラシ3.0はAdobe Senseiのパワーアップで精度が非常に向上しました。被写体の切り抜きが手軽になり、表現の幅が広がります。効率的でユーザーフレンドリーになったロトブラシ3.0を使う各ステップを紹介していきます。

2024年は生成AIも動画との組み合わせが現実化してくる予感です。Photoshopの生成AIを使ってリファレンスフレームを作成する塗りつぶしのTipsも紹介します。

今回のテーマは「AIパワー」。AIを作業に上手く組み入れて、使いこなしていきましょう！

特典（アーカイブチケット or アンケート回答）

• ワーク用aepファイル

学び［E2-9］モーショングラフィックスの学び方とおすすめプラグイン

2本立ての構成で行います。

まず最初にVook schoolモーショングラフィックスコースの現役メンターである私（ニワ）とVook schoolの運営者によるディスカッションを通してAfter Effectsを学ぶ有用性とVook schoolで学ぶことをテーマとして話を展開していきます。

後半は、今回のテーマソングでも使用したモーショングラフィックス制作に役立つおすすめプラグイン（有料・無料）を紹介します。

特典（アーカイブチケット or アンケート回答）

• Vook School入校割引
• フラッシュバックジャパン・クーポン
  （どちらも期間設定あり）

Illustrator連携［F1-10］イラレのウゴカシにOverload

IllustratorからAfter Effectsへのパス送りとして有名な「Overload」ですが、ベクターデータを受け渡す送るだけでなく、実はスムーズにアニメーションさせるのに役立ちます。

「生卵の落下」「ヒヨコの寝返り」のサンプルを通して、Illustratorで描いたパスAをOverloadでAfter Effectsに送ってキーフレームを打ったのち、パスBを送りこみ、タイミングを整えて完成する流れを実現します。

特典（アーカイブチケット or アンケート回答）

• 作例のイラレ＆aepデータ

応用テクニック［F2-11］日常を豊かに彩る！リピーターの色制御テクニック

After Effectsにおけるシェイプレイヤーのリピーター機能を使った応用テクニックを深掘りします。

通常、リピーターで複製されたシェイプはコピー元の情報を継承するため、元のシェイプが単色の場合にコピーされたシェイプもすべて単色になります。そのため、シェイプごとに色相や明度が変化するような複雑な色の表現や、ランダムな配色を実現することは困難です。しかし、特定の方法を用いることで、これらの制約を克服しコピーされたシェイプに異なる色を適用することが可能になります。

今回はその方法を解説し、参加者の皆様が自由な配色ライフを送り、仕事もプライベートもカラフルに彩るお手伝いをします。色とりどりの幸せを実現しましょう。

特典（アーカイブチケット or アンケート回答）

• 作例のaepデータ
• モーショングラフィックス作品のaepデータ8個

副業［G1-12］モーショングラフィックデザイナーの副業について

最近増えてきている『副業』。モーションデザイナーとして正社員で働きつつ、副業でも映像制作を受ける。噂には聞くけど、実際どうなの...? という疑問に、私の経験談からメリット、デメリットについてお話しします。

キャリアに迷える正社員デザイナーの皆様！ フリーランスは無理だけど副業なら... と思われている方は、ぜひご視聴ください。

特典（アーカイブチケット or アンケート回答）

• モーションで副業 虎の巻
  今回話したような、モーショングラフィックスで副業をやるためのTips集 / 語録

シミュレーション［G2-13］ゆらゆらと水面に映る月夜をシミュレート

私がAfter Effectsで好んで使っているのがシミュレーション系のエフェクトです。そんなシミュレーション系のエフェクトの中から、今回は水面を簡単に再現できる「コースティックエフェクト」を紹介します。

このセッションをご覧になれば、ゼロから月夜の映像を制作し、更に、それを水面に映り込ませることができるようになります。

エクスプレッションも使っていきますので、キーフレームを使わないアニメーションに興味のある方も楽しんでいただけます。

特典（アーカイブチケット or アンケート回答）

• 作例の完成ファイル・雨天バージョンの完成ファイル
  エクスプレッションの解説データ

体験談［H1-14］AEが人生を変えた瞬間

10代後半でタイトルシーケンスやモーショングラフィックスに出会い現在に至るまで、多くの場面でAfter Effectsが人生を支えてくれたり、新たな展開やきっかけを与えてくれる存在でした。この約25年の旅路はAfter Effectsがなかったら大きく異なっていたでしょう。

そんなAfter Effectsの持つ不思議な力というか魔法が発動した瞬間と発動後の効果を共有しながらAfter Effectsの魅力と可能性を語り、それらが今後の活動のヒントや考え方の一つとして参考となれば幸いです。

特典（アーカイブチケット or アンケート回答）

• 今回お話しした内容に紐づくコメント付資料+おまけページ付（PDF）