Photoshopで画像を角丸にする方法【初心者向け】

Photoshopは、選択範囲の機能を使って、写真の四隅を角丸に加工することが可能です。

今回は初心者向けにその方法を解説します。

 

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

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

 

 

田島メンター！！画像の四隅を丸い角にしたいのですが、何か方法はありますか～？

 

 

角丸は、選択範囲を変形させることで簡単に作成できるよ。

 

 

選択範囲ってあとから変形したりできるんですか？

 

 

拡大縮小の他にも、色々な編集機能があるんだ。実際にやってみよう。

 

写真を角丸にする

今回はサンプルとしてこの画像を使用します。

 

まず、角丸にする対象の画像が背景レイヤーの場合は通常のレイヤーに変換する必要があります。レイヤーパレット内で編集するレイヤーを右クリックし「背景からレイヤーへ」を選択します。

 

レイヤー名を入力し、「OK」を押します。ここでは「レイヤー0」としています。
(カラー・描画モード・不透明度などは変更する必要はありません)

 

先ほど設定した名前の通常レイヤーに変換されます。
この作業をするのは「背景レイヤー」のままだと画像の一部を切り抜いたときに透過の処理ができないためです。角丸に切り取った後のバックを白色にする場合は背景レイヤーのままでOKです。

 

左のツールアイコンの選択範囲ツールを右クリックし、「長方形選択ツール」を選びます。

 

全てを選択、あるいは角丸の形で切り抜きたい部分を選択します。

今回は以下の部分を選択しています。上下左右の縁の幅を揃えたい場合はグリッドを表示させると便利です。

 

上のメニューの「選択範囲」から「選択範囲を変更」→「滑らかに」を選びます。

 

「半径」の数値を入力します。ここの数字が大きいほど角が丸くなり、小さいほど普通の直角に近くなります。

 

入力後「OK」を押すと、下のように選択範囲の形が変更されます。四隅が角丸の形になっていることが確認できます。

 

 

選択範囲を見るとどんな形になってるかな？

 

 

ちゃんと角が丸くなってますね！

 

 

ここまできたらあとはこの形に沿って切り抜くだけだね。次の手順に移ってみよう。

 

「選択範囲」から「選択範囲を反転」をクリックします。これで枠内以外の縁の部分が選択されることになります。

 

そのまま「編集」→「消去」を選択します。

 

このように四隅が角丸になった状態で、最初に選択した部分が切り抜かれます。

 

あとは「選択範囲」から「選択を解除」をクリックして完成です。

 

角丸で切り抜かれた部分以外の場所は透過の状態(何も描かれていない状態)になります。

 

透過の部分は下にレイヤーを新規作成し、塗りつぶしや画像を入れるとそれが反映されます。

 

今回の記事は以上です。

 

 

「半径」の数値によって形が変わるのを覚えておこう。大きければ大きいほど丸い形になるんだ。

 

 

形の関係上、どうしても透過の部分ができてしまいますね。

 

 

角丸の外を残したい場合は、選択範囲から切り抜きではなく塗りつぶしを使うこともできるからね。

 

 

なるほど、ありがとうございます！

 

もっとPhotoshopを使いこなしたい場合は、Photoshopで画像を左右反転にする方法も合わせてご覧ください。

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