制作サイズ:1920×1080 エフェクト:波形ワープ Motion Elements販売▶︎Download STEP .1 メニューバーの長方形ツールを選択した状態でダブルクリック。 シェイプレイヤーを作成します。(塗りは白にしてます。) 四角形を適当に下に移動します。 Step.2 シェイプレイヤーをプリコンポーズします。コンポジション名は任意で適当につけてください。 Step.3 プリコンポーズしたコンポジションに対して、エフェクト波形ワープを適用します。 隙間が見えないように、下へ移動します。 波形ワープに以下の数値を設定したら動きの完成です。 波形の高さ:60 波形の幅:1200 波形の速度:0.1 Step.4 ここからは、波形にグラデーションをつけて複製して重ねていきます。 プリコンしたコンポジションをダブルクリックして、中のシェイプレイヤーにグラデーションをつけます。 塗
制作サイズ:1920×1080 エフェクト:フラクタルノイズ 動画素材 & AEデータ▶︎Download STEP .1 平面レイヤーを作成します。 「レイヤー > 新規 > 平面」(カラーはひとまず黒で。) STEP .2 作成した平面レイヤーに、エフェクト > ノイズ&グレイン > フラクタルノイズを適用します。 以下の数値を入力します。 フラクタルの種類:ダイナミック 反転:チェックを入れる コントラスト:160.0 明るさ:-35 トランスフォーム ▶︎ スケール:160 複雑度:7.5 サブスケール:78 展開:time*400(時計マークを「Optin(Alt)クリック」) STEP .3 モードをスクリーンにして完成です。 作例では、横幅のスケールを200%にしています。 背景はお好きな色をつけてください。 開始色:2A8BFF 終了色:7CFDE9 ▼背景のグラデーション
Maxon App 2025.1.0 & Red Giant 2025.1.0リリース Maxon社よりMaxon App 2025.1.0がリリースされ、Red Giantのバージョンが2025.1.0にアップデートされました。Maxon App 2025.1.0ではすべてのRed Giantプラグイン(Universeを除く)がひとつのインストーラーとして提供され、常に最新版のみがインストールできるようになりました。 Maxon App 2025.1.0以降のバージョンでは旧バージョンのプラグインがダウンロードできない仕様に変更されました。Trapcode SuiteやMagic Bullet Suiteなど、各Suite製品のみをインストールしたい場合や旧バージョンをインストールしたい場合はMaxon App 2025.0.0以前のインストーラーをご利用ください。詳細は こちら (2
After EffectsでLottieデータを作成する際、 画像が使えない問題からどうしてもパスのデータを生きた状態で AE上に持ってこないといけなかったのですが AEはパスの癖がややあってイラストレーター上で作る方が早かったり 同じパスデータを使いたいということがありました。 色々調べたところ2種のインポート方法があるようです 20201019追記:有料ツールを使えばイラストレーターのレイヤー名+パス全てをそのままAE移植できるよう。overloadという有料ツールをプロの方は使っているそう 1. 1つのオブジェクト(パス)をコピペでAEヘ持ってくる 2. いくつか重なっているオブジェクトをまとめて1つのオブジェクトとしてAEに読み込ませる 一つ目のパスをコピペする方法 とりあえず単体のパスだけ欲しい時には便利です 1つのオブジェクト(パス)をコピペでAEヘ持ってくる 1. まずIll
After Effectsは難しすぎると思ったことありませんか。 操作パネルは意味不明。 独学で始めたけど線や形を動かすのがせいぜい。 そんな人はまずYouTubeのチュートリアル動画を見ることをお勧めします。 チュートリアルで知識を得られる知識は限られています。さらに細かな部分はエキスパートに聞いて学ぶのが効率的です。私も行き詰まってきたとき、学び直しを兼ねてデジタルハリウッド・動画クリエイターコースを受講しました。リモートのほか、校舎に通って講師から直接アドバイスも受けられるので弱点の補強ができました。同じレベルの仲間もでき流のでモチベーションアップしたい人にもおすすめです。
どんなに不要なファイルを削除してもHDDやSSDの容量が減らない! そんなことはありませんか? キャッシュファイルが溜まっている可能性があります。 今回は、Adobe AfterEffectsのキャッシュファイルを安全に削除する方法についてご紹介いたします。 キャッシュファイルの削除は、どこで調べても自己責任とされ、合わせて不具合が生じる可能性について言及されますが、今回ご紹介する方法を使えば、問題なく削除可能です。 キャッシュファイルにアクセスする方法 キャッシュファイルは基本的に隠しフォルダの中に入っています。 これは、MacでもWinでも同様で、キャッシュファイルの削除は不具合を起こす可能性があるため、隠されています。 今回、私の所有するPCがMacのため、キャッシュファイルにアクセスする方法をご紹介します。 ①Finderを開く ②上部メニューの移動を「Altキー」を押しながらクリ
Index of /WebM NameLast modifiedSizeDescription Parent Directory - WebM_Manual.pdf2024-07-17 16:41 477K
Adobe After Effects 122 2023年1月12日『Adobe After Effects』で使える人気のユーティリティーツール『Motion Tools 2』のアップグレード版『Motion Tools Pro』がリリースされました!! \現在無料配布中!!/
After Effectsで、アニメーションやモーショングラフィックスを制作する際に欠かせないイージング。 イージングを行えるようになると素材の動きに緩急がつき、見栄えがとても良くなります。 After Effectsでできるイージングにはいくつか種類がありますが、今回はそれぞれの特徴についてご紹介します。 とその前に「そもそもイージングってどうやるの?」という方がいるといけないので、イージングの適用方法について簡単に紹介しておきます。 イージングの適用方法 ①該当のキーフレームを選択肢し右クリックで「キーフレーム補助」 ②適用したいイージングを選択 ③グラディエーターを開き、細かい調整をしていく 以上です。 では、下記より本題に入ります。 1.加工なしのノーマル キーフレーム補助やイージングなどを行わないそのままの状態。 この場合、素材が移動する速さに緩急はなく一定です。 キーフレームの
おつかれさまです。デザイナーのみやです。 去年の暮れにようやっとFlashからAfter Effectsに移行しました。 結果、それまでけっこう時間がかかっていたアニメーション制作が格段に楽になったので、使えるようになるまでに勉強した基礎的なことを噛み砕いてお伝えします。 今回伝えたいこと After Effectsの基本的なこと 基本的なアニメーションの作りかた なぜデザイナーの僕がアニメーションを作っているのか デザイン提案の際にアニメーションを含めて提案するためです。 言葉よりも絵、絵よりも動画の方が伝えられるイメージの量も質も上がります。限られた期間で作り、限られた時間でプレゼンをする中で、不要なやり取りを極力減らし、魅力をより伝えられるのではないかと考えています。 最近のサイトは細かなところでもアニメーションしていることが多いですよね。「実装時にはグリグリ動きます」ではクライアン
(2019.03.06 更新) ◉Cinema4D Liteとは 「Cinema4D Lite(以後「C4D LT」)」は、MAXON社が開発する3DCGソフトの簡易版です。「AfterEffects(以後「Ae」)」に最初から組み込まれています。制限はありますが結構いろいろできますので、簡単な使い方を紹介してみます。 ◉Aeを起動する C4D LTはAeとセットになっているので、まずはAeを起動します。方法がいくつかありますが、やりやすい方法でまずは起動しましょう。 早い方法は、Macの場合、Spotlight検索で「af」とキーボード打つとおすすめでAeが出てくるので選択して起動します。Winの場合は、Windowsキーを押した後に「af」とキーボードで打つと同様にAeが表示されるので選択するとアプリが起動します。 ◉プロジェクトファイルの作成と保存 通常はホーム画面が出てくるので、そ
最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie(ロッティー)って何? 2. Lottieを利用するメリットは? 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう(参考「SVGで始めるマイクロインタラクション入門」)。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSでSVGアニメーションを実現する方法(コーダー向け) コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く