超現場ブログ

Technique,Design and Events

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

Twitter Facebook Google+ はてブ

226

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ps_line001

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

ps_line002

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

ps_line003

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

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

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

是非ご参加ください。

まとめ

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

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

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

まずは無料の体験レッスン・カウンセリングへ!

あなたの目的や目標をお伺いしたうえで、
現在のスキルを分析し、
あなたに最適なカリキュラムをご提案します。

体験レッスン・カウンセリングの流れ

ご質問・ご相談の方はこちら

ご質問・ご相談ですか?

どんなことでもお気軽にご相談ください。

ご質問・ご相談はこちら

Copyright © 超現場主義 All rights reserved.