Photoshopで角丸シェイプを拡大してもアール(R)を維持する
()PhotoshopCS4備忘録。
UIのデザインをする際に、Photoshopを使うわけですが、コンテンツの枠を角丸で囲うことがあると思います。
角丸といえば角丸長方形ツールを使うわけで、シェイプレイヤーでが手っとり早いですね。
ただ、シェイプの縦幅をもう少し付け足す必要が出てきた場合、拡大縮小ツールでそのまま拡大すると角丸のアールの部分まで拡大されてしまい、伸びてしまいます。
そんなとき使うのが「パス選択ツール」です。
パス選択ツールで伸ばしたい方の角を2つ選択し、そのまま伸ばすだけで、アールを維持したまま拡大することができます。
↑まずは角を2つ選択(アールは3px)
↑そのままのばします。
↑アールを維持したままシェイプの拡大ができました。
最後に比較を。
こんな感じでした。拡大縮小ツールだと、かっこ悪くなってしまいますね。
以上フォトショ備忘録でした。

