Photoshopで角丸の罫線をつくる。 : ういすぷの記録帳

私的なメモです。
角を丸める方法は色々あるとおもいますが、以下の方法は、角にぼかしが入ったようになるタイプです。Webではよく使う罫線だとおもいますので、覚えておいても損ではないと思います。また、もっと便利な方法をご存じでしたら、是非教えてほしいです。


１）作成エリアを適当なサイズで新規作成します。



２）罫線を作る範囲をとります。
グレーで塗りつぶしています。レイヤーのスタイルで色は変更できるため、見やすい色で塗りつぶします。
（※レイヤースタイルは、レイヤーをダブルクリックすると、メニューが表示されます）



３）罫線を引きます。
レイヤーのスタイルから、「境界線」を選択し、サイズを3px、位置は外側に指定し、カラーから、２）で塗りつぶした色を指定します。



４）レイヤーを「スマートオブジェクトに変換」を選択し、スマートオブジェクトへ変換します。



５）一つの画像として、レイヤースタイルが結合されます。
もう一度、レイヤースタイルを機動し、境界線を引きます。これで、角を丸めた境界線を作ることができます。



一つの方法として。