*

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の技

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

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

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

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

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

photoshop
知らない拡張子たくさん!Photoshopで保存できるファイル形式まとめ

Photoshop は仕事でもプライベートでもいつも大変よく使うソフトウェアです。Photoshop で画像を出力する時、jpg、gif、png がほとんどという方もいらっしゃると思いますが、Photoshop は多数の […]

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

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

上部広告

著者について

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

フォローはこちら

       

上部広告

       
スマートフォン
僕はそっとWordPressのAMPをやめた

AMP とは、Google が中心となって進める Accele

安全靴
カジュアルで疲れにくく痛くない!安くて履きやすいおすすめ安全靴【喜多】

倉庫や工場、建設業の方ならお馴染みの物かと思いますが、安全靴と

CapsLockキー
CapsLockキーにイライラ、いらないので無効化してさしあげた

キーボードの CapsLock キーって知ってますか?あなたの

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応

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

この写真のこの部分だけ色を変えたい!この商品画像の色を変えたい

→もっと見る