*

Photoshopで線の円や長方形を書く2つの方法

公開日: : Photoshop

ps-circle

Photoshop で線の円や正方形を書く…見ただけでは基本中の基本に見える事かもしれません。しかし、Photoshop で線の円を書く事に躓く人も多いのではないかと思います。私も最初はそうだったのです。具体的には上の画像のように丸い線を書く事についてです。

ps-circle2

Illustrator や FLASH では塗りの色と線の色が分かれているので線の円を書くのは容易です。しかし Photoshop の場合塗りしかないので線の色を設定できないのです。上図のようにツールメニューに円を書く為の「楕円形ツール」が用意されていますが…

ps-circle3

このように通常は塗りつぶされた円しか書く事ができません。Photoshop で線の円や長方形を書く手段は一癖も二癖もあります。

Photoshopで線の円を書く方法

その方法には2通りあります。お好きな方をどうぞ。(Photoshop CS5を使用)

方法1

ps-circle3

まず、普通に楕円形ツールで塗りつぶされた円を書きます。

ps-circle4

レイヤーに書いた円のシェイプが追加されるので、このシェイプ1をダブルクリックします。

ps-circle5

するとレイヤースタイルのウィンドウが表示されます。その中から「塗りの不透明度」のスライダーを左へ動かし、100%から0%にします。これで塗りが透明になりました。

ps-circle6

次に左のメニューから「境界線」にチェックマークを入れて選択します。境界線→構造からサイズの項目でお好みの線の太さを入力します。

そして塗りつぶしタイプのカラーから線の色を選択します。そして OK ボタンを押せば完了です。

線の円を書くのにこんなに大変なのか!と思うでしょう。間違いありません。

方法2

ps-circle7

2つ目の方法は、楕円形選択ツールを使います。

ps-circle8

楕円形選択ツールで上図のように書きたい円を作ります。場所がずれた場合は、楕円形選択ツールを選択した状態で矢印キーを押せば位置の微調整ができます。

ps-circle9

その状態のまま編集メニューから「境界線を描く」をクリックします。

ps-circle10

境界線のウィンドウが開きます。境界線欄の幅でお好みの線の太さを入力し、カラーの項目ではお好みの線の色を選択します。そして OK ボタンを押します。

ps-circle11

このように線の円を書く事ができました。

線の長方形を書く方法

上の例では塗りの円を書いたり、楕円形選択ツールを使って線の円を書きましたが、最初に塗りの長方形を書いたり、長方形選択ツールを使えば同じ方法で線の長方形を書く事ができます。

おわりに

基本ではありますが、線の円や長方形を書くだけで一癖も二癖もある Photoshop。この方法を覚えておけば、きっと何かしら役に立つ事は間違いありません。是非ご活用ください。

  • Pocket

おすすめトピックス

関連記事

Photoshopで写真の一部の色を変える色の置き換え機能の使い方

この写真のこの部分だけ色を変えたい!この商品画像の色を変えたい!という場合に Photoshop では便利な「色の置き換え」機能というものがあります。手軽に写真の一部分だけの色を変更する事ができます。 例えばある物の写真 […]

初心者でも簡単、Photoshopでバナーのボタンを簡単に作成できる作り方

Photoshop で簡単にバナー画像などに付けるボタンの作成方法を紹介します。Web 制作や EC ショップ運営をされている方なら作成する機会も多い事でしょう。Photoshop でボタン作成は難しく感じますが、知って […]

クリッピングマスク
【AI/PSD】画像の切り抜き、クリッピングマスクの使い方

クリッピングマスクという言葉、Photoshop や Illustrator をよく使う人ならよく耳にする言葉だと思います。逆にあまり使わない人なら、マスク?なにそれ?となるかもしれません。 マスクと言っても風邪や花粉症 […]

縮小アイコン
複数の写真や画像を一括で縮小するPhotoshopの技「バッチ処理」

デジカメで撮った写真など、サイズが大きな写真や画像を縮小して利用する事はとてもよくある事だと思います。写真のサイズを縮小する方法は Photoshop などの画像編集ソフトを使えばもちろんできますが、Windows 標準 […]

Photoshopで写真や画像のリサイズは超簡単です

Photoshop で写真や画像のリサイズ(画像の拡大縮小)ってどうやりますか?もしかしたら Photoshop での画像のリサイズの方法がわからず別ソフトで…という人もいらっしゃるかもしれません。昔は私もそうでした。 […]

jpg
Photoshopで画像をjpgで保存できない時に確認すべき事

Photoshop で画像を編集している時、若しくはインターネットでフリー写真素材やフリーイラスト素材をダウンロードしてきて編集している時、画像保存時に jpg で出力できないという事に出くわす事があります。 保存時のフ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
divタグ
div要素のクラス名をnth-childの擬似クラスで何番目を指定しても効かない

CSS3 が登場して擬似クラス nth-child が使えるよ

PhotoshopなどAdobeソフトのシリアル番号を忘れたり紛失した場合

Photoshop など Adobe ソフトのシリアル番号はイ

メルカリのうるさすぎる不要なプッシュ通知を止める

CM でも放送されている誰でもかんたんフリマアプリとして代表的

シーリングファン
天井に取り付けられるプロペラ「シーリングファン」の意味とは?

天井が高いカフェやオフィスなどでたまに天井に取り付けられている

ASUSタブレットPC「T101HA」でPhotoshopは問題なく使える?

今まで外出先や旅行先で作業する為のモバイル端末として、Andr

→もっと見る