Photoshopでアンチエイリアスをかける方法【初心者向け】
Photoshopで【アンチエイリアス】をかける方法を初心者向けに解説した記事です。アンチエイリアス機能を使うと、ピクセル単位のギザギザ(ジャギー)を目立たなくすることが可能です。図形描画と文字入力の2つの方法を紹介します。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
コンピューターで図形などを描画する際、ピクセル単位のギザギザ(ジャギーと呼ばれるもの)が発生する場合があります。そんな時に、Photoshopのアンチエイリアス機能を使用すると、それらを目立たなくさせることが可能です。
今回は初心者向けに、アンチエイリアス機能の使い方を紹介します。
目次
(※今回の作業はすべてAdobe PhotoShop CCのバージョンで行っています)
田島メンター！！カンバスに楕円形ツールで丸を描いたんですが、何かギザギザした感じになってしまったんです……
もしかして何かの拍子で「アンチエイリアス」のチェックを外してしまっていたんじゃないかな。
アンチエイリアスっていうのは何ですか～？
ツールを選択したときに上のオプション欄に出ているはずだよ。まずは画面で確認してみよう。
図形描画にアンチエイリアスを反映させる方法
円などの曲線のある図形を作成する際にアンチエイリアスを使用する方法を紹介します。
まずは、アンチエイリアスが反映されていない状態を試してみましょう。
ツールパネルの「楕円形選択ツール」を選択し、画面上部のオプションバーの「アンチエイリアス」にチェックが入っていない状態にします。
カンバス上に、適当な大きさの選択範囲を作成します。
作成した選択範囲に「塗りつぶしツール」を使って色を付けてみましょう。
※塗りつぶしツールは、ツールパネルの「グラデーションツール」を長押しすると表示されます。
以下が塗りつぶし後の結果です。
曲線の部分が滑らかでなく、ピクセルの形が目立ってギザギザになっている(ジャギーのある)状態です。
このギザギザを目立たなくさせるためにアンチエイリアスの機能を使います。
今度は、アンチエイリアスが反映されている状態と比べてみましょう。
楕円形選択ツールが選ばれていることを確認し、今度は「アンチエイリアス」にチェックを入れます。
先ほどと同じように円の選択範囲を作成します。
同様に塗りつぶしツールを使って色を付けてみましょう。
左が最初にアンチエイリアスなしで描画した円、右がアンチエイリアスを使用して描画した円です。
先ほどと違い、曲線部分のギザギザが目立たなくなっているのがわかります。
ふたつの画像を見比べてみよう。
アンチエイリアスにチェックが入っていないと、ギザギザが見えるんですね。
アンチエイリアスは図形だけでなく、文字にも反映されるんだ。
次の例を見てみよう。
文字入力にアンチエイリアスを反映させる方法
文字を入力する際にアンチエイリアスを使用する方法を紹介します。
文字入力でもアンチエイリアスの反映されていない状態を試してみましょう。
ツールパネルから「文字ツール」を選択します。
画面上部のオプションバーにある、赤枠で囲った枠内の項目が「なし」になっていることを確認します。
文字を入力してみましょう。
以下のようにギザギザがかなり目立っている状態になります。
では次に、先ほどの項目で「強く」を選択します。
もう一度同様に文字を入力します。
以下は、上が先ほどの文字、下がアンチエイリアス(強く)を使用した状態の文字です。
見た目にもはっきりとギザギザが目立たなくなっているのがわかります。
アンチエイリアスの処理は特に文字入力の際、綺麗に仕上げるために必要になります。
まとめ
今回は初心者向けに、Photoshopでアンチエイリアスをかける方法を紹介しました。
図形描画の際のアンチエイリアスはオン/オフの切り替えのみですが、文字入力の際には複数の項目が選択でき、好みのアンチエイリアス具合に調整できるようになっています。
ピクセル単位で色分けをするドット絵などを作成する場合には、アンチエイリアスはなしにすると良いですが、そうでない場合は基本的にアンチエイリアスを反映させておくと良いでしょう。
意図的にギザギザを見せたいような場合以外では、基本的にアンチエイリアスのチェックはオンにしておくといいね。
今確認したら、さっき私が円を作成したとき確かにチェックが外れていました。
アンチエイリアスは他にも選択範囲を作成したときに、その境界を滑らかにするなどの機能があるよ。
自然な編集を行いたい場合に必要な機能なので覚えておこう。
分かりました！ありがとうございます！
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
Photoshopを学習中の方へ
これで解説は終了です、お疲れさまでした。
- Photoshopを調べたけど分かりづらい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？
テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
