photoshopでガイドを簡単に引けるextension「izyGuide」を今回自作しました。

拡張パネル

ZXPInstallerを使って、インストールすることができるので、インストールする時はZXPInstallerを使ってください。

izyGuideをダウンロード

機能

izyGuideでできることは5つあります。

1つずつ簡単に説明していきます。

wrapperのwidthのラインを引く

izyGuideではwrapperのwidthのラインを簡単に引くことができます。

例えば1200pxのwrapperのラインを引くと以下の水色ラインになります。

カンバスサイズによらず、カンバスの中心になるようなガイドを引きます。

選択範囲を選択している場合は、選択範囲の中心になるようなガイドを引くことができます。

カンバスサイズや選択範囲のwidthより大きい値を設定した場合は、ガイドは引かないようになっています。

中心線を引く(Center Line)

カンバスサイズや選択範囲の中心線を引くことができます。

Verticalを選択している時は垂直線、Horizontalを選択している時は水平線を引きます。

分割線を引く(Division)

カンバスや選択範囲を設定した分割数(number)に分割するようなガイドを引きます。

gapを設定すると、分割したラインとラインの間をgap分だけ空けます。

例えば1500px幅のカンバスサイズで、分割数 5・gap 100 の場合、以下のようなラインを引きます。

Verticalを選択している時は垂直線、Horizontalを選択している時は水平線を引きます。

網目状のガイドを引く

widthとheightを設定すると、width×heightの網目状のガイドを引きます。

widthのみ、heightのみだけ設定しても、設定した幅や高さのガイドを引きます。

paddingのガイドを引く

カンバスや選択範囲の内側に設定した値分ずらしたガイドを引くことができます。

マイナスの値を設定すれば、外側にずらしたガイドを引くことができます。