超現場ブログ

BLOG

デザイナーに聞いた、フォトショップで描く破線、4つの方法

WEB塾超現場主義 札幌校の蛇谷です

受講生からPhotoShopで破線を描く方法を質問されまして、「こんな方法もあるね」といくつかの方法を提案しましたが、
実際まわりのデザイナーは、どんな方法で破線を描いているのでしょう?

社内のデザイナーに聞いてみたところ、やはり千差万別でして、破線を描く方法をいくつかメモしておくことにしました!

文字ツールで文字の「-」の連続を書く

確かに、破線の間隔はトラッキングで処理することができますので、便利です。

サイズや横幅、各ベースラインの調整も比較的簡単にできますし、描画も早いですね。

ブラシツールの間隔を設定して書く

ブラシパネルの間隔を広く設定し書く。
(直線を描くときはSHIFTキーを押しながら)

かなりフリーハンドの印象はぬぐえませんが点線が簡単に描けます。

選択範囲を作成しパターンパターンで塗りつぶす

実は個人的に、この方法を一番利用していました。
斜線などのパターンを予め作っておき、選択範囲で塗りつぶしエリアを決定し、塗りつぶす。

線幅として残したい太さ分、選択範囲を縮小して、選択範囲内を消去する。
この方法だと囲みなどの破線を決めた大きさで描画しやすいと考えて利用していました。

シェイプのラインツールを利用する

イラストレーターの線種と同じように描画できます。

ps_line001

ツールパネルからラインツールを選択し、

ps_line002

ストロークオプション開きます。

ps_line003

さらに、ストロークオプション内の詳細オプションに、ストロークで破線の処理ができます。

まとめ

CS6?CC?
いつから線種の調整できるようになってたのか未確認でしたが、これって結構決定版かもしれません!

皆さんも是非、活用してみてください!

私も色々な機能を使用して、いい点、悪い点を検証してみようと思います。
面白い機能がありましたら、ご紹介させてもらいます!

・2018/2/6追記
WEB塾東京校ではマンツーマンのPRO講座以外にも短期で学べる「短期講座」も開催しています。

Photoshop初級スタート講座
Photoshop基礎講座
はじめてのHP作成講座
javascript初級スタート講座
PHP初級スタート講座
WordPress講座

上記以外にも限定講座なども開校しておりますので気になる方はぜひご確認・ご受講ください。

・2017/11/22追記
最近、Photoshop CC が、2018にアップデートされましたね。
WEB塾では、「WEB塾TOKYO上野校」のオープンを記念して、
無料セミナーを開催致します。

Photoshop CC 2018のここがすごい!絶対覚えたい5つの新機能
写真でこんなに売り上げが変わる!メニューやパンフレットの写真を綺麗に。
Illustrator CC 2018のここがすごい!絶対覚えたい新機能とアップデートの注意点
こんなフリーランサーは嫌だ!クライアントが本音で語る一緒に仕事をしたい人・したくない人
Web制作会社へ転職したい方必見!書類選考通過率を上げるポートフォリオサイト
Web制作会社へ転職したい方必見!採用担当者をうならせるポートフォリオ

是非ご参加ください。


CONTACT

お問合せ

体験お申込み・資料請求・ご質問・
ご相談はこちらから

受付専用フリーダイヤル

フリーダイヤル 0120-941-071

受付時間:10:00〜18:00 (土日祝定休)