日本のニット職人が家族のために作ったまかないマスク

photoshop 角丸の枠線を作る方法

Photoshop ドット線(点線)を書く方法Photoshop
この記事は約2分で読めます。

Adobe Photoshop Tips

Photoshopで長方形の選択範囲を角丸にする方法。

角丸長方形の選択範囲ができれば、境界線を利用して角丸の枠を作ったり、塗りつぶしてロゴの背景に使うなど、アイテムとしての活用が広がります。

画像の角を丸くするには
このチュートリアルでは、Adobe Photoshopで角丸の長方形を描画および編集する方法について説明します。練習用のサンプルファイルがあります。

角丸の長方形選択範囲の作り方

ツールボックス内[長方形選択ツール]を選択してドキュメントに長方形の選択範囲をとります。

Photoshop 長方形選択ツール

メニューバー[選択範囲]内[選択範囲を変更]の[滑らかに]をクリック

Photoshop 滑らかに

[選択範囲を滑らかに]ウインドウが開くので角の丸さを表す[半径]を入力して[OK]をクリック

半径は0(角) ~ 100 (丸)の範囲で値を入力できます

Photoshop 選択範囲を滑らかに

長方形の選択範囲の角が丸くなりました

Photoshop 長方形の選択範囲の角が丸くなりました

長方形の角丸選択範囲は塗りつぶしなどで新しいレイヤーアイテムとしても利用できます。

角丸の長方形選択範囲の応用編

角丸の長方形選択範囲を作れると

  • 写真の角を丸くする方法
  • 画像を角丸で切り抜き

等も同じ手順でできるようになります。

長方形角丸の枠を作る

メニューバーから境界線を描く

メニューバー[編集]内[境界線を描く]をクリック

Photoshop 境界線を描く

ドキュメントから境界線を描く

ドキュメント内を右クリック

メニューが伸びるので[境界線を描く]をクリック

Photoshop ドキュメントから境界線を描く

メニューバー、ドキュメントともに[境界線]ウインドウがひらきます

[境界線]ウインドウがひらくので、線の太さ(幅)や色、選択範囲から境界線の位置などを指定して[OK]をクリック

Photoshop 境界線の内容

長方形角丸の境界線が完成しました。

Photoshop 長方形角丸の境界線

サイトでの説明画像で直角より印象がやわらかくなるので多用しています。

長方形角丸の塗りつぶしをつくる

メニューバーから塗りつぶし

メニューバー[編集]内[塗りつぶし]をクリック
ショートカットはShiftF5

Photoshop 塗りつぶし

ドキュメントから塗りつぶし

ドキュメント内を右クリック

メニューが伸びるので[塗りつぶし]をクリック

Photoshop 塗りつぶし

[塗りつぶし]ウインドウがひらくので、色や透け感などを指定して[OK]をクリック

Photoshop 塗りつぶしの内容

長方形角丸の塗りつぶしアイテムが完成しました。

Photoshop 角丸塗りつぶし

ロゴの背景などでは必須アイテムなので多用しています。

Photoshopで角丸の長方形を作る方法はたくさんありますが、簡単な方法をご用意しました。

角丸の長方形の選択範囲は塗りつぶしてロゴのアイテムとして利用したり、説明文の強調で使用したりと覚えると便利です。

コメント

タイトルとURLをコピーしました