*

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 を使っていて、選択ツールでの選択範囲を回転できたらいいなぁと思うことが多々ありました。画像を回転する方法では、選択範囲のみを回転する事はできませんでした。 でもそこはやっぱりさすがの Photosho […]

Photoshopで複数の画像を一つのPSDにレイヤーに分けて開く方法

通常複数の画像を Photoshop で開こうとすると開いた枚数分ファイルが複数タブで開かれます。通常なら別にそれで問題ないのですが、複数の画像を一つの PSD ファイルで開けたら便利と思うこともあります。 Photos […]

Photoshopで画像を開こうとしたら「要求された操作を完了できません。プログラムエラーです。」で開けない

+ Photoshop で画像を開こうとしたら上図のようなエラーが出ました。「要求された操作を完了できません。プログラムエラーです。 これから編集しようとしたのに画像を開けずじまいです。クライアントから送られてきた画像で […]

背景やパターン画像を元より横長かつ自然に加工するPhotoshopの技

背景画像やパターン画像をもっと横長の画像として使いたいと思うことがよくあります。例えばイラストレーターさんに作ってもらった背景画像が正方形だったとするとウェブデザインで背景に使う場合には正方形だと使いにくいです。今ではワ […]

サイズを変えずに斜めの写真をまっすぐに補正
サイズを変えずに斜めの写真をまっすぐに補正できる場合もあるPhotoshopの技

旅行先で写真をたくさん撮って、家で写真を見てみると思いの外傾いた写真が出てきたりする事はありませんか?デジタルカメラで写真を撮っている時には意外と傾きに気づきにくいもので、改めて写真を見てガッカリという事もあると思います […]

Photoshop Elements9をすぐに起動させる方法

私の初めてのパソコンに付属していた Photoshop Elements 2。このソフトで初めて画像編集を覚えました。といっても写真のコントラストを変えたりサイズを変えたりする位にしか使っていませんでしたけども。そんな用 […]

著者について

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

フォローはこちら

       

       
Googleフォトにアップした写真がどこで撮影したのか確認する方法

あなたのスマートフォンの中にもたくさんの写真があるのではないで

長浜IC前「らーめん専家味噌壱」癖になる濃厚味噌ラーメン

北陸自動車道の長浜インターチェンジ前に、2018年にラーメン屋

WordPressのWP_Queryでカスタムフィールドで絞り込み今日の日付以前の記事は表示しない

WordPress で条件に応じた記事を一覧で表示したいという

電子レンジで冷凍食品のあたため500W/600Wってどこで判別?地域によって違いは?

冷凍食品を温めるのには電子レンジを使用しますが、冷凍食品の裏側

Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

→もっと見る