Home > スポンサー広告 > [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments: -

2012-04-24 Tue 19:26:31

このコメントは管理者の承認待ちです

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: -

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/54-d58ef9a4
Listed below are links to weblogs that reference
スポンサーサイト from バニデザノート

Home > スポンサー広告 > [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ

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

[配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ

  • vanillate
  • 2011-11-21 Mon 11:01:16
  • 配布
520.png


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

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

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






ブラシを使う(1)- 間隔設定を使う

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

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


ブラシを使う(2)- 登録されたブラシ

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

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

参考: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か何かで書きだして使ってもいいかもです。



ブラシ作ってみました


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

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


520.png

入っているのは、アイキャッチでもつかった上記6ブラシ。
2px,3px,4pxの実線に、600%と800%の間隔を開けたものです。


ダウンロードはこちら



ご参考にどうぞー。




関連記事

Comments: 1

2012-04-24 Tue 19:26:31

このコメントは管理者の承認待ちです

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 0

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/54-d58ef9a4
Listed below are links to weblogs that reference
[配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ from バニデザノート

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

Sponsored Link
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、33%OFF!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。Wordpress(ワードプレス)、カラーミーショップのカスタマイズから、レスポンシブ、Retina対応、スマホ用サイトもできます♪デザインカンプのみの納品や、バナーのみの納品などでも受付いたします!お気軽にご相談くださいませ。
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。