G-6GNCDT1HSV After Effectsで画像や文字がぼやける時の直し方【2026年版】
After Effects
PR

After Effectsで画像や文字がぼやける時の直し方【2026年版】プレビュー解像度と連続ラスタライズの確認

kitagawatetsuro
記事内に商品プロモーションを含む場合があります
After Effectsで画像や文字がぼやける時の直し方として、プレビュー解像度と連続ラスタライズを確認することを解説するアイキャッチ画像

Illustratorで作ったロゴを拡大したら、輪郭がぼやぼやになった。プレビューが全体的に粗くて、書き出しても粗いのか不安になる。After Effectsを使い始めると、必ず一度は出会う悩みです。この記事では、After Effectsで画像や文字がぼやける時の直し方を、確認する順番にそって解説します。

🔍 プレビュー解像度
☀️ 連続ラスタライズ
🖼️ 素材のサイズ

✅ 結論:ぼやける時の直し方は、「プレビューの解像度」と「太陽マークのスイッチ」の2つを見ること

画面全体が粗い時は、コンポジションパネルの下にある解像度が「1/2 画質」や「自動」になっています。「フル画質」に変えれば直ります。Illustratorの素材やプリコンポジションを拡大してぼやける時は、タイムラインの太陽マークのスイッチ(連続ラスタライズ/コラップストランスフォーム)をオンにします。写真やPNGを100%より大きくしている場合は、大きい素材を用意するしかありません。

プレビューの
解像度
表示の
拡大率
太陽マークの
スイッチ
素材の
大きさ

こっこちゃん「イラレで作ったロゴを大きくしたら、ふちがぼやぼやです。イラレのデータは拡大してもきれいなはずでは……?」

白い鴉「After Effectsは、読み込んだ時に一度『画像』に変えているんだ。スイッチを1つ入れると、拡大してもきれいなままになるよ」

📋 この記事の要約

After Effectsで画像や文字がぼやける原因は、大きく4つです。1つ目は、コンポジションパネルの解像度が「1/2 画質」「1/4 画質」「自動」になっていること。「フル画質」にすると直ります。2つ目は、表示の拡大率が100%でないこと。3つ目は、Illustratorなどのベクター素材やプリコンポジションを拡大していること。タイムラインの太陽マークのスイッチをオンにすると、ベクター素材は「連続ラスタライズ」、プリコンポジションは「コラップストランスフォーム」になり、拡大しても画質が保たれます。4つ目は、写真やPNGなどの画像を100%より大きくしていること。この場合はスイッチでは直らないので、大きい素材を用意します。

🧭 確認する4つの場所

「ぼやける」には、「見え方だけの問題」と「本当に画質が落ちている問題」の2種類があります。見え方だけの問題から順に確認すると、早く原因にたどり着けます。

ぼやける時に確認する場所として、プレビューの解像度、表示の拡大率、太陽マークのスイッチ、素材の大きさの4つを順番に示すインフォグラフィック
  • 1プレビューの解像度:画面全体が粗い時(見え方だけの問題)
  • 2表示の拡大率:拡大・縮小して見ている時(見え方だけの問題)
  • 3太陽マークのスイッチ:Illustratorの素材やプリコンポジションを拡大した時
  • 4素材の大きさ:写真やPNGを拡大した時

🔍 確認1:プレビューの解像度が下がっていないか

画面全体が粗い時は、まずここです。コンポジションパネルの下に、「フル画質」「1/2 画質」などと書かれたメニュー(解像度)があります。

コンポジションパネルの下にある解像度のメニューで、1/2画質や1/4画質だと粗く見え、フル画質にするとはっきり見えることを比較するインフォグラフィック
設定 見え方
フル画質 本来の画質で表示される
1/2 画質・1/3 画質・1/4 画質 画質を落として表示する。そのぶん、プレビューが軽くなる
自動 表示の拡大率に合わせて、自動で画質を落とす

「フル画質」に変えて、はっきり見えれば解決です。これはプレビューを軽くするための設定で、素材そのものの画質は変わっていません。重い時にあえて下げる使い方は、After Effectsが重い・プレビューがカクつく時の対処法で解説しています。

🔎 確認2:表示の拡大率が100%か

コンポジションパネルの下にある「拡大率」が、200%や400%になっていると、ドットが引き伸ばされて粗く見えます。画質を確認する時は、100%にして見るのが基本です。

表示の拡大率が200パーセントや400パーセントだと粗く見え、画質を確認する時は100パーセントにすることを示すインフォグラフィック

「全体表示」を選ぶと、パネルの大きさに合わせて自動で縮小・拡大されます。全体の位置を見るのには便利ですが、細かい画質の確認には向きません。

☀️ 確認3:太陽マークのスイッチを入れる

ここからが、本当に画質が落ちているケースです。Illustratorのファイル(.ai)などのベクター素材は、本来は拡大してもきれいなデータです。ところがAfter Effectsは、読み込んだ時に一度、画像(ドットの集まり)に変換します。そのため、100%より大きくすると、ぼやけます。

タイムラインの太陽マークのスイッチをオンにすると、Illustratorの素材は連続ラスタライズ、プリコンポジションはコラップストランスフォームになり、拡大してもきれいになることを示すインフォグラフィック

直し方は、タイムラインのスイッチの列にある、太陽のようなマークの欄をクリックするだけです。このスイッチは、レイヤーの種類によって働きが変わります。

レイヤーの種類 スイッチの名前 働き
Illustratorなどのベクター素材 連続ラスタライズ 拡大・縮小するたびに描き直すので、拡大してもきれい
プリコンポジション コラップストランスフォーム 中の素材の画質を保ったまま、拡大・縮小する
シェイプレイヤー・テキストレイヤー (スイッチ不要) 常に連続ラスタライズされているので、拡大してもきれい

スイッチの列が見えない時は、F4キー(またはタイムラインの下の「スイッチ / モード」)で切り替えます。メニューからは、「レイヤー」→「スイッチ」→「コラップス」でも同じ操作ができます。

プリコンポジションでよくあるのが、「中で小さく作って、外で拡大したら、ぼやけた」というケースです。コラップストランスフォームをオンにすると、中での縮小と外での拡大がまとめて計算されるので、画質が保たれます。プリコンポーズそのものの使い方は、After Effectsのプリコンポーズの使い方で解説しています。

🖼️ 確認4:写真やPNGを100%より大きくしていないか

写真、PNG、JPEG、Photoshopのファイルなどは、ドットの集まりでできた画像(ラスター画像)です。スケールを100%より大きくすると、足りないドットを引き伸ばすことになり、必ずぼやけます。太陽マークのスイッチを入れても直りません。

ベクター素材はスイッチを入れれば拡大してもきれいだが、写真やPNGなどのラスター画像は100パーセントより大きくするとぼやけるため大きい素材を用意することを示すインフォグラフィック
  • 📐大きい素材を用意する:いちばん大きく見せる時に、スケールが100%以下で収まる大きさの画像を用意する。イラストなら、大きめに書き出し直す
  • 🪄どうしても拡大する時:エフェクト&プリセットパネルで「アップスケール」と検索すると出てくる、「アップスケール(詳細を保持)」エフェクトを使うと、ふつうに拡大するよりも輪郭がくっきりする

エフェクトの探し方はAfter Effectsのエフェクトの探し方・かけ方をご覧ください。

⚠️ 太陽マークのスイッチを入れる時の注意

便利なスイッチですが、入れると見た目が変わることがあります。入れたあとは、必ずプレビューで確認してください。

太陽マークのスイッチを入れると、重くなる、エフェクトのかかり方が変わることがある、プリコンポジションの枠で切り抜かれなくなるという3つの注意点を示すインフォグラフィック
  • 🐢重くなる:1コマごとに描き直すので、プレビューと書き出しに時間がかかる。拡大しないレイヤーには入れなくてよい
  • ✨エフェクトのかかり方が変わることがある:ふだんは「エフェクト→拡大・移動」の順で処理されるが、連続ラスタライズをオンにすると「拡大・移動→エフェクト」の順に変わる。ぼかしなどの見た目が変わる場合がある
  • 🔲プリコンポジションの枠で切り抜かれなくなる:コラップストランスフォームをオンにすると、プリコンポジションの枠の外にはみ出した部分も表示される

処理の順番や、コラップストランスフォームのくわしい仕組みは、Adobeの公式ヘルプ「After Effects でのレイヤーの管理」で説明されています。

こっこちゃん「太陽のマークを押したら、ロゴのふちがくっきりしました!」

白い鴉「イラレの素材を使う時は、とりあえず入れておくと安心だよ。重くなったら、拡大しないレイヤーだけ外そう」

❓ よくある質問

Q. プレビューが粗いまま書き出すと、動画も粗くなりますか?

Aレンダーキューの「レンダリング設定」の解像度が「フル画質」になっていれば、プレビューの解像度に関係なく、本来の画質で書き出されます。「現在の設定」になっている場合は、プレビューの解像度がそのまま使われるので、「フル画質」に変えてください。

Q. テキストを大きくしたら、ぼやけました。

Aテキストレイヤーは、スケールを上げてもぼやけません。ぼやける場合は、テキストをプリコンポーズしていないか確認してください。プリコンポーズしている時は、そのレイヤーの太陽マークのスイッチ(コラップストランスフォーム)をオンにします。

Q. 1枚のレイヤーだけ、輪郭がギザギザです。

Aそのレイヤーの画質が「ドラフト」になっている可能性があります。レイヤーを選んで、「レイヤー」→「画質」→「最高」を選んでください。

📋 まとめ

  • 画面全体が粗い時は、コンポジションパネルの解像度を「フル画質」にする
  • 画質を確認する時は、表示の拡大率を100%にする
  • Illustratorの素材やプリコンポジションを拡大する時は、太陽マークのスイッチをオンにする
  • 写真やPNGは、100%より大きくするとぼやける。大きい素材を用意する
  • スイッチを入れると、重くなる・エフェクトの見た目が変わることがあるので、プレビューで確認する

次に読む記事

プリコンポーズの使い方はAfter Effectsのプリコンポーズの使い方、図形の作り方はAfter Effectsのシェイプレイヤー入門、レイヤーが見えない時はAfter Effectsでレイヤーが表示されない時の直し方もあわせてご覧ください。

ABOUT ME
記事URLをコピーしました