Photoshopで角丸シェイプを拡大してもアール(R)を維持する

()

PhotoshopCS4備忘録。

UIのデザインをする際に、Photoshopを使うわけですが、コンテンツの枠を角丸で囲うことがあると思います。

角丸といえば角丸長方形ツールを使うわけで、シェイプレイヤーでが手っとり早いですね。

 

ただ、シェイプの縦幅をもう少し付け足す必要が出てきた場合、拡大縮小ツールでそのまま拡大すると角丸のアールの部分まで拡大されてしまい、伸びてしまいます。

 

そんなとき使うのが「パス選択ツー」です。

パス選択ツールで伸ばしたい方の角を2つ選択し、そのまま伸ばすだけで、アールを維持したまま拡大することができます。

 

シェイプレイヤーをパス選択ツールで選択

↑まずは角を2つ選択(アールは3px)

シェイプをパス選択ツールで伸ばす

↑そのままのばします。

シェイプのアールを維持したまま拡大が出来ました

↑アールを維持したままシェイプの拡大ができました。

 

最後に比較を。

シェイプをパス選択ツールと拡大縮小ツールで広げた時の比較

 

こんな感じでした。拡大縮小ツールだと、かっこ悪くなってしまいますね。

以上フォトショ備忘録でした。

戦意

© 2012 戦意