メイキング 作品-Work Eternal Ascent 3rd place Full Creation B... 2024-03-25 階段登りテンプレチャレンジ『Eternal Ascent』にて3位を獲得した、フランスの3Dアーティスト Alexandre COCHARD氏 (Miche-Miche)が制作プロセスを解説した動画をYoutube上に公開しました。 続きを読む イベント-Event ストーリーアーティストが教える画面演出の技術 - 数多くの短編アニメのストーリー... 2024-03-25 ストーリーボードアーティスト栗田 唯氏によるオンライン講座『ストーリーアーティストが教える画面演出の技術』がCGWORLD Online Tutorialsにて2024年3月29日(金)に開催予定です! 続きを読む
「Lottieロッティー」はAirbnb社が開発した、ベクター画像をアニメーションさせることができる技術・ファイルフォーマットです。 前回の記事では、Lottieの概要から、Figmaを使った作り方、LottieFilesを用いた書き出し方法を紹介しました。 本記事ではAdobe After Effectsを使ったLottieの作成方法から書き出し方、表示確認までを紹介します。 ▼Lottieの作例 サンプルを別ウインドウで開く ソースコードを確認する 作り方 - Bodymovinで書き出し After Effectsでアニメーションを作成し、After Effectsの拡張機能「Bodymovin」を使って書き出す方法と、「LottieFiles」で書き出す2種類の方法を紹介します。 ▼Lottieの作成・書き出し・実装までの一連の流れ 完成品のサンプルを別ウインドウで開く アニメーシ
リッチな表現に!After Effectsを使った動くSVGアニメーションの作り方と実装方法|BiNDup こんにちは、デザイナーのオモトです。 私がノーコードCMS「BiNDup」を使う上で、活用している実用的なカスタマイズ・テクニック第3弾です。 今回は、「Adobe After Effectsで作ったSVGアニメーションの作り方と、BiNDupに実装する方法」について解説します。 専門用語や工程数が多く、複数のアプリを経由する、だいぶ高度な使い方になるので、こういうこともできるんだなーぐらいに思っておいていただけると幸いです。 また複数のアプリを経由すると、編集データや素材がごちゃごちゃして、後で見返した時に大混乱が起きることが多いので、フォルダの整理方法を含め、丁寧に解説していきます。 設定できなかった方にはAdobe IllustratorとAfter Effects、BiNDu
「調べるの面倒だから誰か簡単にまとめてくれないかな〜( ;∀;)」 「『 Motion Tools Pro』の使い方、簡単でいいから誰か教えてくれ…_(┐「ε:)_」 と思ってる人も多いのではないでしょうか!? そんなズボラなお悩みを解決すべく 今回は 2023年1月13日に『 Motion Tools 2』のアップグレード版としてリリースされた『 Motion Tools Pro』の機能や使い方を徹底解説していきたいと思います。 UIも一新されて新機能の追加やツールパネルのカスタマイズ性もかなり向上してるので 旧バージョンである『 Motion Tools 2』との違いも含めて解説していきます^ ^ なが〜い記事ですが…ぜひ最後まで読んでいただけると嬉しいです。 それではいってみましょう٩( ᐛ )و *『Motion Tools Pro』のインストール方法やアクティベート(アカウント認
デザインやイラストの静止画を思い通りに動かせたら楽しいのに、どんな動きをつければよいのか分からない、そんな制作者・クリエイターにぴったりなAfter Effectsの解説書を紹介します。 案件で動画やアニメの依頼が増えてきたというWeb制作者やイラストレーターの人にお勧めの一冊です。IllustratorやPhotoshopは使えるけど、動画やモーショングラフィックスはまだという人に特にお勧めします。 本書は、9/28に発売されたばかり! さまざまなデザイン書でお馴染みのPower Design Inc.様が制作されたイラレのデザインを映像クリエイターの著者様がAfter Effectsで動きをつけた実践的な解説書です。動画用のデータの作り方をはじめ、After Effectsの基本操作、さまざまな動画・モーショングラフィックスの制作手順を学べます。 解説はAfter Effects初心者
今回は『CC Particle World』を各項目の機能をご紹介します。 このエフェクトは機能がありすぎて最初は大変混乱しますが、 一個一個紐解いていくと「あーなるほど」と自分に落とし込むことができます。 お時間のある時に一つひとつの設定を触りながら、 確認してみるのも良いかもしれないですね。 CC Particle World各機能紹介 ▶Birth Rate パーティクルの発生量を調整 ▶Longevity(sec)パーティクルの寿命を調整(でてきてから消えるまでの時間) ▶Producer パーティクルが発生する位置と大きさの調整 ・Position X X座標の位置を設定 ・Position Y Y座標の位置を設定 ・Position Z Z座標の位置を設定 ・Radius X X方向への大きさの設定 ・Radius Y Y方向への大きさの設定 ・Radius Z Z方向
AdobeがFrame.ioを統合した「Premiere Pro」と「After Effects」をリリースしています。詳細は以下から。 Adobeは現地時間2022年04月12日、昨年買収した映像制作コラボレーションサービスFrame.ioを統合した「Premiere Pro v22.3」と「After Effects v22.3」を新たにリリースしたと発表しています。 Now up to 3x faster on Apple M1 Macs, After Effects gives today’s motion designers the tools they need to do great work and the speed to finish sooner. Along with support for Apple silicon, the latest release of
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元:モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
TOP スペシャルコンテンツ M1 Max搭載 MacBook Proの実力をベテランエディターが17のテーマで気合の検証!(After Effects、Blender、Flame、DaVinci Resolve他) 2022/02/03 M1 Max搭載 MacBook Proの実力をベテランエディターが17のテーマで気合の検証!(After Effects、Blender、Flame、DaVinci Resolve他) After Effects BlenderCMMV/PVNukeコンポジット ずば抜けたパフォーマンスと電力効率を併せ持つM1 Maxプロセッサを搭載する新型MacBook Proは、映像業界にどういった変革をもたらすのか。ベンチマークだけでなく、制作現場でいかにワークフローの高速化に寄与できるかが”Pro”向けマシンの真価が問われる部分でもある。 今回は、2020年に
プリセット系シーンに簡単に追加できるプリセット・テンプレート系。 AE Juice Starter Pack(プリセット/素材/プラグイン) 「AE Juice Starter Pack」は、AE Juice製品版のサンプルパックです。 「スモーク」や「リキッド」などのアニメーション素材やトランジション等が入っていて、ダブルクリックで簡単に追加できます。 700種類ほどのサンプルが入っていて、効果音もたくさん入っているので、プリセット素材や効果音を探している人にもおすすめです。 \ アニメーション素材・トランジション・効果音 /
動画編集および動画合成、エフェクト作成のソフトとしてAfter Effects は非常に有名なソフトですね。本格的な映像制作から、YouTube に使うちょっとしたアニメーションまで、After Effects では様々な場面で活用されています。 しかし、After Effects は他の動画編集ソフトと比較して習得に時間がかかり、またソフト自体の価格も高いため、なかなか手が出せないユーザーも多いはずです。 この記事では、After Effects 以外にもおすすめできる動画編集ソフトを 5 つご紹介します。 After Effects 代用おすすめ動画編集ソフト 5選 1.国内シェアNo.1 の動画編集ソフト「PowerDirector」 2.上級者向け無料動画編集ソフト「DaVinci Resolve」 3.クリエイター向け無料動画編集ソフト「Hitfilm」 4.オープンソースの動画
おつかれさまです。デザイナーのみやです。 みなさんAdobe After Effects(以下:After Effects)のエフェクト機能を使ったことはありますか? エフェクトとは特定の処理があらかじめ用意されているAfter Effectsの機能のことで、写真を粒子状に散乱させたり、雨が落ちた地面の波紋を表現したりなど様々な表現を簡単に設定することができます。 私はAfter Effectsを業務で使うことは多々あるのですが、Webサイトでの動きの提案だったり、lottieでの実装前提だったりして、あまりエフェクト機能を使っていませんでした。 そこで全部一度使って遊んでみたところ、After Effectsにはデフォルトでかなり多くのエフェクトが用意されていることがわかりました。 その中でもアイデア次第で面白くできそうなものを、一部実例付きで紹介していきます。 独学でつまずいていません
After Effectsのキャラクターリギング・モーショングラフィックプラグインDuikの時期バージョンがヤバすぎて無料のLive2D or Spineとなるんじゃねえの!? って話 先ほどAfter Effectsのプラグインをおすすめするnoteを書いてて、その流れでDuikの公式サイトを見に行ったら、なんかクラウドファンディングが始まってて、ほほう? と見に行ったら次期バージョンの資金集めだったんですよ。 で、その内容がまじでやばい!!! ちなみに私個人はAfter effectsもDuikも趣味で触ってみた程度でそこまでガッツリ使い込んでるわけでも本職というわけでもないと言うことを前もって宣言しておきます。ふわっと理解でこのnoteを書いてます。あしからず。なんかここ間違ってるよーってあったら教えてください。 https://www.indiegogo.com/projects/
After EffectsとCinema 4Dは連携がいいという話は聞くけど、どんなところが良いんですか?という質問をよく受けますので、今回はそれをご紹介したいと思います。 After EffectsにはCinema 4D Liteが入っているAfter Effects CC以降をインストールすると実はCinema 4Dが一緒にインストールされます。そして、AEユーザーの皆さんは、Cinema 4D Liteという機能制限版を無料で使うことができます。3Dロゴアニメーションを作ったり、Adobe Stockから3Dモデルをダウンロードしてアニメーションをつけることができます。ぜひ下の動画をご覧ください。 Cinema 4DのファイルをAEにレイヤーとして配置できるAEは、ネイティブのC4Dファイルをそのままレイヤーに配置できます。レンダリングはAE上で行うため、処理は重くなりますが、作成途
今回は『KBar』を『After Effects』初心者でも楽しくカスタマイズできるように『KBar』のプリセットファイル(.json)やアイコンデータを無料配布してくれているサイトや便利なスクリプトを無料公開してくれているサイトを紹介していきますd( ̄  ̄) この記事を読んでいただければ『KBar』のカスタマイズにかける時間を大幅に短縮できる上に、より一層『KBar』が便利に使えるようになるかと思います♪( ´θ`)ノ 『After Effects』初心者にもできる限りわかりやすいように、カスタマイズに必要な無料素材の入手方法やその使い方も解説していきますので、ぜひ最後まで読んでいただければ幸いです^^ *紹介するアイコンやスクリプトは『KBar』以外のランチャーツールのカスタマイズにも使える情報かと思います^ ^ *『KBar』の機能や使い方、購入方法、ダウンロード・インストール方法に
コンポジションで別のコンポジションを参照する手順を紹介します。 概要 アイキャッチやイントロのアニメーションなど作成したコンポジションを別のコンポジションから参照したいことがあります。 この記事では別のプロジェクトのコンポジションを参照してコンポジションに配置する手順を紹介します。 手順 共通のコンポジションを作成する 共通のコンポジションを作成します。今回は下図のコンポジションを準備しました。 実際には、アイキャッチのアニメーションやイントロのアニメーションなどのコンポジションを作成します。 作成したコンポジションのプロジェクトを"common.aep"のファイル名で保存します。 コンポジションを作成しプロジェクトの参照を追加する 別のプロジェクトを作成し、コンポジションを作成します。 [ファイル]メニューの[読み込み]サブメニューの[ファイル]の項目をクリックします。 [ファイルの読み
おつかれさまです。デザイナーのみやです。みなさんはデザインをクライアントに提案するときに、アニメーションの話はどこまでしていますか? Webでは一口にデザインといっても、ビジュアルだけではなく情報設計やインタラクションなども含まれます。コンセプト、デザインカンプ、戦略などの提案でも必要十分ですが、ホバーやオープニングアニメーションを合わせて提案することでより完成時のイメージが伝わりやすくなります。 アニメーションサンプルを作るメリット わかりやすく説明できるため 文字より絵、絵より動画で伝えた方が、ぱっと見での情報量が段違いに変わってきます。 言葉だけでイメージを伝えるのはとても難しいことです。頭の中のイメージを言葉やジェスチャーだけで相手に完全に伝えることはできません。擬音一つとっても同じものをイメージしているとは限らないため、よりわかりやすく伝える手段を用いる必要があります。 伝えるた
シェイプレイヤーやテキストレイヤーをプリコンポジションすると元のコンポジションサイズになってしまい透明な領域が大きくなりがちです。そんな時にお勧めの手順があります。 目標範囲 コンポジションを目標範囲にクロップ 表示領域を調整したあとはコンポジションメニューから コンポジションを目標範囲にクロップ を選択すると表示されていた範囲にコンポジションをリサイズすることが可能です。 非常に便利な機能ですので是非使ってください。 コンポジションをリサイズして快適なAe生活を^^
こちらの記事では動画を制作される方に 無料のAfter Effectsテンプレート をご紹介しております。 ご存知にようにAfter Effectsはタイトルアニメーションなど動画制作に欠かせないツールですが、最初からアニメーション等を組み立てるとなると、かなりの経験と制作時間が必要となります。 例えて言うなら木の板を正確に測って切断し、釘を打って机や椅子を制作するような作業です。 しかしAfter Effectsのテンプレートを使えば、家具のキットを組み立て、色を塗って仕上げるような感じで、もっと簡単にAfter Effectsを利用できます。 また、テンプレートを”分解”して、どのようにアニメーションが成り立っているかを理解することで、After Effectsのスキルを向上することにもつながります。 ご紹介する 無料のAfter Effectテンプレートやその他のツールは、動画制作
自分自身の備忘録がわりに、動く矢印のアニメーションをAfter Effectsで作る2つの方法についてまとめておきます。 その1 - ブラシアニメーションひとつ目はブラシアニメーションを使った方法から。 1.新規コンポジションを作成 2.レイヤー>新規>平面(この時、選択した色が背景の色になります)を選択。ぺンツールでパスを描く(パスを描く方法は他にもあるけど、今回はとりあえずこれで) 3.エフェクト>描画>ブラシアニメーションを選択するか、エフェクト&プリセットパネルから「ブラシアニメーション」を選択。 4.ブラシアニメーションの詳細を設定(画像は初期値) ブラシのサイズ:ブラシの太さを設定。 ブラシの硬さ:ブラシの鮮明度を設定。ぼかしたい時は数値は小さく。 ブラシの不透明度:ブラシの透明度を設定。 ストロークの長さ(秒):ブラシの軌跡の設定。0に設定すると軌跡が消えずに残る。数値が大き
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く