CeeBeeDeeCSS Nite / DTP Transit
#朝からアフター

PAST EVENT

#朝からアフター

2024年2月23日開催

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

セッション内容

「入口」と「出口」から考えるAfter Effectsことはじめ

浅野 桜

2023年11月に書籍化した『モーデザことはじめ』は、スピーカーの浅野がAfter Effectsをまったく理解していないところからスタートしました。その中で実際に疑問に思ったことやつまづいた点を中心に、After Effectsのファイルの概念や基本操作の「入口」と、ウェブデザインに活用できるLottie(LottieFiles)を利用する方法を紹介する「出口」について解説します。これからモーションデザインとAfter Effectsをはじめてみたいという初心者の方へ理解のヒントをお届けします。

PhotoshopとAfter Effectsで作る動く画像の作り方

パパ

パーツ分けしたPhotoshopファイル(psd)は、After Effectsに読み込み、キーフレームでアニメーションを付けられます。After Effectsにpsdデータを読み込んだときPhotoshop側の各レイヤーはAfter Effectsではどのように表示されるのかを実際にデモンストレーションをしながら解説していきます。

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

Sue-yo(清水 庸介)

3Dカメラを使うことで実現できる、ちょっとだけリッチな表現を作例を通して解説します。3D表現に挑戦してみたい方はぜひご視聴ください〜標準エフェクトや有料のプラグインエフェクトを追加することで、さらに質感を作り込めることもお土産で解説します。

WebデザイナーのAfter Effects活用方法

おこじょ

Webサイトやアプリデザインでは、ユーザビリティ向上のためにインタラクションにアニメーションを取り入れることが増えています。Figmaだけで完結できる「スマートアニメート」を使うほか、LottieFilesやLottielabなどのプラグインやAEUXを活用し、After Effectsで作成したアニメーションを取り込むこともできます。本セッションでは、制作の流れや陥りがちなポイントなどを含め、Webサイトやアプリデザインにアニメーションを取り入れる方法を解説します。

あなたならどちらに動かす? 左右で変わる映像のストーリー

カワハラ

「なぜ、このボールは右に動くのか?」ただ、なんとなくでは片付けられない、映像に存在する目に見えない力。映像には「見えない流れ」が存在します。右と左の方向性が映像の感情や物語、気持ちよさにどう影響するか、知識、経験と文化の観点から紐解きます。このセッションを通じて、新しい視点を発見し、あなたの映像体験がより豊かになることを目指します。映像制作の初心者から映画をもっと楽しみたい人へ。クリエイティブな思考のきっかけになれば幸いです。

After EffectsユーザーのためのBlenderはじめの一歩

この

できることが多く迷いがちなBlender、After Effectsユーザーならではの入り口をご案内します。次に挙げる流れでBlenderとAfter Effectsの連携をメインに概略を解説します。・Blenderから背景と被写体を分けて出力する方法・BlenderとAfter Effectsカメラの合わせ方・簡単なコンポジットBlenderをまだあまり使ったことがないというAfter Effectsユーザーに向けて、はじめの一歩を後押しするセッションです。

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

ヌル1

リッチな表現に挑戦したいけど3Dレイヤーはどうも苦手…というあなたへ、3Dレイヤー入門へのハードルを下げるセッションです。「難しい…。時間がかかる…。」と思われがちな3Dレイヤーですが、気軽に使うための考え方や工数削減に役立つスクリプトを使用して、デザインデータを3D空間に配置するまでの効率的なワークフローを実演します。平面的なデザインにおいて、3Dレイヤーを使ってクオリティを上げながらも工数を減らす方法を紹介します。後回しになりがちな3Dレイヤーを学ぶきっかけになれば幸いです。

もう使ってる?ロトブラシ 3.0 & AI 生成塗りつぶし!

河野みどり

新しくなったロトブラシ3.0はAdobe Senseiのパワーアップで精度が非常に向上しました。被写体の切り抜きが手軽になり、表現の幅が広がります。効率的でユーザーフレンドリーになったロトブラシ3.0を使う各ステップを紹介していきます。2024年は生成AIも動画との組み合わせが現実化してくる予感です。Photoshopの生成AIを使ってリファレンスフレームを作成する塗りつぶしのTipsも紹介します。今回のテーマは「AIパワー」。AIを作業に上手く組み入れて、使いこなしていきましょう!

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

ニワダイスケ

2本立ての構成で行います。まず最初にVook schoolモーショングラフィックスコースの現役メンターである私(ニワ)とVook schoolの運営者によるディスカッションを通してAfter Effectsを学ぶ有用性とVook schoolで学ぶことをテーマとして話を展開していきます。後半は、今回のテーマソングでも使用したモーショングラフィックス制作に役立つおすすめプラグイン(有料・無料)を紹介します。

イラレのウゴカシにOverload

ニワノトリコ

IllustratorからAfter Effectsへのパス送りとして有名な「Overload」ですが、ベクターデータを受け渡す送るだけでなく、実はスムーズにアニメーションさせるのに役立ちます。「生卵の落下」「ヒヨコの寝返り」のサンプルを通して、Illustratorで描いたパスAをOverloadでAfter Effectsに送ってキーフレームを打ったのち、パスBを送りこみ、タイミングを整えて完成する流れを実現します。

日常を豊かに彩る!リピーターの色制御テクニック

サプライズ栄作

After Effectsにおけるシェイプレイヤーのリピーター機能を使った応用テクニックを深掘りします。通常、リピーターで複製されたシェイプはコピー元の情報を継承するため、元のシェイプが単色の場合にコピーされたシェイプもすべて単色になります。そのため、シェイプごとに色相や明度が変化するような複雑な色の表現や、ランダムな配色を実現することは困難です。しかし、特定の方法を用いることで、これらの制約を克服しコピーされたシェイプに異なる色を適用することが可能になります。今回はその方法を解説し、参加者の皆様が自由な配色ライフを送り、仕事もプライベートもカラフルに彩るお手伝いをします。色とりどりの幸せを実現しましょう。

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

高瀬 瞬輔

最近増えてきている『副業』。モーションデザイナーとして正社員で働きつつ、副業でも映像制作を受ける。噂には聞くけど、実際どうなの...? という疑問に、私の経験談からメリット、デメリットについてお話しします。キャリアに迷える正社員デザイナーの皆様! フリーランスは無理だけど副業なら... と思われている方は、ぜひご視聴ください。

ゆらゆらと水面に映る月夜をシミュレート

おかしん

私がAfter Effectsで好んで使っているのがシミュレーション系のエフェクトです。そんなシミュレーション系のエフェクトの中から、今回は水面を簡単に再現できる「コースティックエフェクト」を紹介します。このセッションをご覧になれば、ゼロから月夜の映像を制作し、更に、それを水面に映り込ませることができるようになります。エクスプレッションも使っていきますので、キーフレームを使わないアニメーションに興味のある方も楽しんでいただけます。

AEが人生を変えた瞬間

佐藤 隆之

10代後半でタイトルシーケンスやモーショングラフィックスに出会い現在に至るまで、多くの場面でAfter Effectsが人生を支えてくれたり、新たな展開やきっかけを与えてくれる存在でした。この約25年の旅路はAfter Effectsがなかったら大きく異なっていたでしょう。そんなAfter Effectsの持つ不思議な力というか魔法が発動した瞬間と発動後の効果を共有しながらAfter Effectsの魅力と可能性を語り、それらが今後の活動のヒントや考え方の一つとして参考となれば幸いです。

講演者プロフィール

Sue-yo(清水 庸介)

コーポレートビデオグラファー|モーショングラフィッカー|Vook school モーショングラフィックスコース メンター

20歳から知識ゼロで映像業界に飛び込み、AD(制作)とエディターとして経験を積む。企画・撮影・編集まで一気通貫で社内外問わず多様な映像を制作。

現在は不動産テックスタートアップにて、コーポレートビデオグラファーとして従事。これまでの経験と映像制作を武器に会社と業界を盛り上げるべく日々邁進中。

娘が好きな恐竜のグッズをどこかに身につける2児の父。

X(旧「Twitter」) ↗

おかしん

おかしん

YouTubeやWeb広告を専門とする動画編集者。専門学校では映像やデザイン分野の講師を勤める。

Adobe Community Expertとして、XやYouTubeを通じてアドビ製品の普及に注力。さらに、Adobe Japan Prerelease Advisorとして、Premiere ProやAfter Effectsの製品開発にも関わり、最新技術のフィードバックに貢献している。

X(旧「Twitter」) ↗

おこじょ

Webデザイナー|UIデザイナー|グラフィックデザイナー

制作会社で働くデザイナー。

主業務はWebデザイン/UIデザインです。

サイト制作でインタラクションやアニメーションを追求するためにAfter Effectsに興味を持ち鋭意勉強中。

X(旧「Twitter」) ↗

カワハラ

モーショングラフィッカー / ディレクター

アニメの制作進行を経験していく中で撮影(CG)に感動し映像プロダクションに転職。その後フリーランスを経て、2016年「合同会社シンクロトロンスタジオ」を共同設立。

2021年に「SYNCHROTRON株式会社」に変更。コンセプト映像や企業向けプロモーション映像、エンタメ系。主にAfter Effects、Cinema4Dを使用した映像表現を行っている。

X(旧「Twitter」) ↗

サプライズ栄作

ゲーム制作会社のデザイナー。兼フリーランス。

キャラクター/背景モデリング、ゲームエフェクト、映像制作全般(主に遊技機、ゲームPV)を担当。

サプライズ栄作名義のX(旧Twitter)で、After EffectsのTipsやMotion Graphics作品を不定期でアップしています。

ニワダイスケ

モーションデザイナー、ビデオグラファー

名古屋を拠点に活動するフリーランスのモーションデザイナー。企業プロモーション映像をはじめ、モーションデザインを中心とした映像制作を手がける。ディレクションから映像・写真の撮影、編集まで幅広く対応。 After Effects関連のプラグインやスクリプトに造詣が深く、ツール運用に関する知見にも定評がある。 After Effectsの国内最大級オンラインイベント「朝までアフター」を企画・主催。映像特化のオンラインセミナー「Motion Design Studioオンラインセミナー」も運営。 Vook school モーショングラフィックスコースのメンターとして、次世代クリエイターの育成にも注力。 LUMIX PROFESSIONAL SERVICES メンバー。 2022年よりAdobe Prerelease Advisor、2024年よりAdobe Community Expertとして活動。 著書に『初心者からちゃんとしたプロになる After Effects基礎入門』。

X(旧「Twitter」) ↗

ニワノトリコ

東京の端っこ、赤羽という大都会に住んでいるニワトリです。

ファッション小物メーカーの企画部で鍛えたイラレの経験を武器に、現在はイラスト&映像系フリーランスとして活動中。

近年はVR方面やblenderを使った制作に挑戦しています。

2匹のやんちゃなヒヨコを育成中。

ヌル1

モーションデザイナー|エディター

制作会社でエディターとして経験を積み、2021年から札幌を拠点にフリーランスとして活動を開始。

主に2Dモーショングラフィックスを得意としながら、実写・モーション問わず様々なジャンルの映像を制作している。

Vook school モーショングラフィックスコースのメンターとしても活動、後進の育成に力を入れている。

パパ

パパ

Adobe Community Evangelist。SNSを中心にPhotoshopの作品メイキング、チュートリアルを投稿しているフリーランス。複数の写真を使い1枚のアート作品を作るフォトマニュピレーションの動画は200万回再生をこえ、現在YouTubeのチャンネル登録者数は約10万人。Xのフォロワー約7万人。また講師やセミナー、メディア出演、書籍執筆などを通しノンデザイナーやノンプロ向けに「作れる面白さ」を精力的に発信している。

X(旧「Twitter」) ↗

佐藤 隆之

デザイン / アニメーション / アート・ディレクション

ポストプロダクションやWeb制作会社で映像やデザインの経験を積み、ポートフォリオサイト「OTAS.TV」の完成を機に2004年に渡米。Art CenterやOtisなどロサンゼルスにある美術大学にて海外のモーショングラフィックスについて学ぶ。

その後、米国のプロダクションで経験を積み、2009年にモーショングラフィック界の大手Prologue Filmsに入社。学生の頃から仕事をしたいと願っていたタイトルデザイン界の巨匠、カイル・クーパーの下で制作に携わる。

2013年から日本でのキャリアを再開。主に映画やドラマのメインタイトル及びタイトルシーケンス、CMやMV、ライブ用背景CGなどの制作に携わる。

河野みどり

映像編集講師として、テレビ局・企業から学生まで幅広いターゲットに向けて活動しながら、映像制作、書籍執筆を行う。

Adobe公式「アドビことはじめ クリエイティブカレッジ」ではPremiere Pro講師として入門者のみなさんを応援中。Adobe Community Expert。

近著は『イラレユーザーのためのAfter Effects入門』『知識ゼロからはじめる Premiere Proの教科書』。クリエイティブワークにおけるAI使いこなし入門書『AI時代のクリエイティブ(仮)』準備中。

浅野 桜

デザイナー、Adobe Community Evangelist

印刷物やWebサイトに関するデザイン制作や運用のほか、講師業や書籍執筆などをおこなっている。

東京デザインプレックス研究所講師(Web制作)、2024年春より洗足学園音楽大学 メディアアーツコース 非常勤講師(デザイン)、都立高校社会人講師(映像制作)など。

近著に『イラレの5分ドリル』『フォトショの5分ドリル』(翔泳社)、『スマートWebデザイン 脱・自己流のデザイン&データ作成術』(MdN)など。2023年11月に『Webデザイナーのためのモーションデザインことはじめ』(ボーンデジタル)を山下大輔さんと共著で上梓。After Effectsはまだまだ初心者。

高瀬 瞬輔

2D Motion designer // Movie Director //

映像メディアに勤めつつ、フリーランスでもモーショングラフィックスを中心に映像を作っております。平面的なモーションデザインが得意です。

この

この

モーションデザイナー|株式会社1コマ 代表|Vook school メンター

モーションデザイナー|株式会社1コマ 代表|Adobe Community Expert|Vook school メンター

三重県を拠点に、WebCMやMV、OPなど映像制作を行なっている。やさしいキャラクターイラストとデフォルメ3D表現が強み。

『After Effects モーションデザイン すぐに使える実用アイデア見本帳』『初心者からちゃんとしたプロになる After Effects基礎入門』(MdN)共著出版。

2026年4月にYouTubeチャンネル『この/なるほどーしょん』を開設し、After Effectsに関する配信活動中。

X(旧「Twitter」) ↗

イベント情報・アーカイブ案内

関連イベント

同じトピックや登壇者の講座から。

2023年8月25日

#朝までアフター

おかしん、12s、レオ a.k.a JOKER、藤井彩人(ayato@web)、奥本宏幸、M_M、服部グラフィクス、ナカドウガ、オクムラ、岡本 俊太郎 (Vook school)、星子 旋風脚、竜市、あふたー屋、ヤマダコウスケ、ニワダイスケ、白戸裕也、この、イシハナ、Edward Tales、Sue-Yo、miya、トモ.オカ.|A-plus-Studio、大須賀 淳、寺村 太一

内容・アーカイブ案内を見る →

2024年12月27日

#朝までイラレ 4

高田ゲンキ、NOZOMi、コネクリ、ゆかまるデザイン、北井 陽菜、ANGEL VIBES、kaz oomori、たじま・ちはる、ニワノトリコ、タマケン、倉又美樹(まるみ)、しのこ、ムラケン、この、すぎそん、GERA、松尾千鶴、あかつき@おばな、遠藤大輔、茄子川導彦、はるるん、鷹野 雅弘、渋谷瞳、樋口泰行

内容・アーカイブ案内を見る →
過去コンテンツをすべて見る →開催予定のイベントを見る →