Home > 配布 > [配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ

[配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ

vanillate
2011-11-21 Mon 11:01:16
配布

photoshopでドットのラインを描く方法をまとめてみます。
さいごに、配布ブラシもあります。

Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると
きれいなドットラインが描けるのですが
photoshopではそういった機能がないんですね。

ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で
やってましたので、その方法をご紹介。

ブラシを使う（１）- 間隔設定を使う

ブラシ設定の「間隔」という設定を100%以上にすると破線になります。
%設定は、割り切れる数字とか、キレイな数字のほうがうまくいく気がします。

参考：http://www.dougamanual.com/blog/247/1430/e6849.html

ブラシを使う（２）- 登録されたブラシ

小さい四角形をつくって、その中に一つの「-」を描き、「ブラシを定義」し
上記と同様「間隔」で間隔を開けて、すきな位置で「新規ブラシを作成」し
ブラシプリセットから使う。

前はすごく便利なブラシも落ちてたんですが、今日は見つけられませんでした。。

参考：http://chotto.art.coocan.jp/monokuro/keisen.htm

パターンを使う

photoshop用のパターンを使って、点線を描きます。
けどphotoshopのパターンビューって見づらいのがちとつらい。

参考：http://labs.cybridge.jp/2011/05/photoshop-patterns.html

「------」と文字で打つ

これが一番手軽で色変更も簡単だしいいんじゃないかとかも思うんですが
アンチエイリアスがかかりにくい等幅フォントあたりで引いてしまうという強引な技。
レイヤー名にも「------」って出るので見やすかったりします。

Illustratorから持ってくる

イラストレータから持ってくる場合は、イラストレータ自身が拡大縮小して最適化してしまうので
たまにphotoshopに持ってくると全然思ったとおりでない場合があります。

表示を「100%」
新規作成パネルで新規ドキュメントプロファイルを「web」にしておくと
ずれが少なく済みそうです。
illustratorファイルのオブジェクトをコピー→photoshopへペーストでも動きますし
コンピュータが重い場合はpngか何かで書きだして使ってもいいかもです。

ブラシ作ってみました

記事を書いている間に説明が面倒になってきたので
ブラシ作ってみました。

ブラシを登録したら、「ブラシツール」ではなくて、「ペンツール」で使うと
アンチエイリアスがかからなくてきれいに引けます。