ホームページ制作会社インスパイアデザイン　WEBマーケティングブログ

photoshop(CS3)での点線の書き方が微妙に分からないことが以前にあったので忘れないようブログにて紹介です。

※photoshopのバージョンはCS3です。

1）、
photoshopを開き、まずは新規作成。分かりやすいように背景は白にしました。
サイズは640×480にしました。

2）、
画面左のツールボックスから、ブラシツールを選択してください。

3）、
ブラシパレットを開きます
表示されない場合は、［ウィンドウ］メニューから［ブラシ］を選択してください。

4）、
上記ブラシパレットでのブラシのサイズは 1px です。
ブラシパレットの左上あたりにある[ブラシ先端のシェイプ]をクリック
間隔を 200％ に設定します。

5）、
こんな感じであとは書くだけです。
WEBデザイナーの方、CSSだけだとこの1pxの点線が表現できないんですよね…。（IE6で！）
結局、画像にしないと駄目。保存しておけばいいのに都度作っちゃう僕です。

Illustratorなら点線も簡単に書けるのですが、photoshopだとちょっと分かりづらいんですよね…。
他にもIllustratorならすぐできるのに、photoshopだと微妙にどうしようか？というのが多々あったりします。

WEBデザインをする方はphotoshopでデザインを起こすことが多いので、ちょっとしたコツを覚えていけば、
クオリティも上がり、作業効率もアップすること間違いなしです！