Photoshopでアンチエイリアスをかける方法【初心者向け】

Photoshopで【アンチエイリアス】をかける方法を初心者向けに解説した記事です。アンチエイリアス機能を使うと、ピクセル単位のギザギザ(ジャギー)を目立たなくすることが可能です。図形描画と文字入力の2つの方法を紹介します。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

コンピューターで図形などを描画する際、ピクセル単位のギザギザ(ジャギーと呼ばれるもの)が発生する場合があります。そんな時に、Photoshopのアンチエイリアス機能を使用すると、それらを目立たなくさせることが可能です。

今回は初心者向けに、アンチエイリアス機能の使い方を紹介します。

 

なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。

(※今回の作業はすべてAdobe PhotoShop CCのバージョンで行っています)

 

大石ゆかり

田島メンター!!カンバスに楕円形ツールで丸を描いたんですが、何かギザギザした感じになってしまったんです……

田島悠介

もしかして何かの拍子で「アンチエイリアス」のチェックを外してしまっていたんじゃないかな。

大石ゆかり

アンチエイリアスっていうのは何ですか~?

田島悠介

ツールを選択したときに上のオプション欄に出ているはずだよ。まずは画面で確認してみよう。

 

図形描画にアンチエイリアスを反映させる

円などの曲線のある図形を作成する際にアンチエイリアスを使用する方法です。

最初にアンチエイリアスがかかっていない状態を試してみましょう。左のメニューアイコンから「楕円形選択ツール」を選択し、上の「アンチエイリアス」の項目にチェックが入っていないことを確認します。

ps_anti_1

 

適当な大きさの選択範囲を作成します。

ps_anti_2

 

作成した選択範囲に「塗りつぶしツール」を使って色を付けてみます。

ps_anti_3

 

出来上がった図です。曲線の部分を見るとピクセルの形が目立ってでこぼこになっているのがわかります。これがジャギーのある状態です。
これを目立たなくさせるためにアンチエイリアスの機能を使います。

ps_anti_4

 

では次にもう一度楕円形選択ツールを選び、今度は「アンチエイリアス」にチェックを入れます。

ps_anti_5

 

先ほどと同じように円の選択範囲を作成します。

ps_anti_5_2

 

同様に塗りつぶしてみます。

ps_anti_6

 

左が最初にアンチエイリアスなしで作成した円、右がアンチエイリアスを使用して描画した円です。
先ほどと違い、曲線部分のジャギーが目立たなくなっているのがわかります。

ps_anti_7

これで完了です。

 

田島悠介

ふたつの画像を見比べてみよう。

大石ゆかり

アンチエイリアスにチェックが入っていないと、ギザギザが見えるんですね。

田島悠介

アンチエイリアスは図形だけでなく、文字にも反映されるんだ。次の例を見てみよう。

 

文字入力にアンチエイリアスを反映させる

次に、画像にテキストを入れる際にアンチエイリアスを使用する方法です。

 

こちらも同様にアンチエイリアスの反映されていない状態を試してみましょう。左のメニューアイコンから「文字ツール」を選択します。

ps_anti_7_1

 

上のメニューバーにある、赤枠で囲った枠内の項目が「なし」になっていることを確認します。

ps_anti_8

 

文字を入力します。このようにジャギーがかなり目立っている状態です。

ps_anti_9

 

では次に、先ほどの項目で「強く」を選択します。

ps_anti_10

 

もう一度同様に文字を入力します。上が先ほどの文字、下がアンチエイリアスを使用した状態の文字です。見た目にもはっきりとジャギーが目立たなくなっているのがわかります。
アンチエイリアスの処理は特に文字入力の際、綺麗に仕上げるために必要になります。

ps_anti_11

アンチエイリアス機能の使い方は以上です。

 

田島悠介

意図的にギザギザを見せたいような場合以外では、基本的にアンチエイリアスのチェックはオンにしておくといいね。

大石ゆかり

今確認したら、さっき私が円を作成したとき確かにチェックが外れていました。

田島悠介

アンチエイリアスは他にも選択範囲を作成したときに、その境界を滑らかにするなどの機能があるよ。自然な編集を行いたい場合に必要な機能なので覚えておこう。

大石ゆかり

分かりました!ありがとうございます!

 

さらにPhotoshopを使いこなしたい場合は、Photoshopで写真の色を置き換える方法も合わせてご覧ください。

[お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。