Photoshopで長方形を作成する方法。ベクトル形状ツール: 長方形ツール

Photoshop で鉛筆とブラシを使って絵を描くことについて話しました。フリーハンドの線は素晴らしいですが、均一な幾何学的図形を描く必要がある場合もよくあります。定規とコンパスは過去のものとなり、現在では次のコマンドを使用してこれを行うことができます。簡単なツールエディタ。

それらの 1 つを選択するには、ツールパレットの [図形] アイコンをクリックします。

どのグループツールを選択したかに関係なく、すべての図形に共通する次の項目がオプションバーに表示されます。

ツールモードを選択します。ここでは 3 つのうちの 1 つを選択できます。

形。値はデフォルトに設定されており、別のレイヤーにベクトル幾何学的図形が作成されます。つまり、ツールから期待されることが行われます。
回路。図形の輪郭を塗りつぶさずに描きます。
ピクセル。ベクトルではなく、ラスター図を作成します。

充填。描画する図形の色や種類（グラデーション、濃淡）をカスタマイズできます。
脳卒中。形状の輪郭の設定: 太さ、種類、色。
幅と高さ。これを使用すると、「目で」これを行うことができない場合に、図のサイズを明確にすることができます。

いつものように、白い背景で新しいドキュメントを作成します。残りのパラメータはデフォルトのままにすることも、任意に選択することもできます。

矩形

長方形図形を選択し、キャンバス上をクリックしてマウスボタンを押したままポインタをドラッグして描画します。クリックした点が図形の角になります。

オプションバーで、アイコンをクリックします。幾何学的設定ウィンドウが開きます。

デフォルトでは、スイッチは長方形に設定されています。これを正方形に設定すると、描画時に常に同じ辺の長さの形状が得られます。チェックボックスを押さなくても、同様の効果を得ることができます。長方形を描画中に正方形を取得するには、Shift キーを押し続けるだけです。

長方形のパラメータが事前にわかっている場合は、スイッチを指定サイズの位置に設定し、フィールドに必要な値を指定します。キャンバス上でマウスボタンをクリックするとすぐに図が完全に描画されます。

スイッチを [比率を設定] 位置に設定すると、使用可能になる入力フィールドで、作成する図のアスペクト比を指定できます。

「中心から」チェックボックスを使用すると、最も外側の点ではなく中心から長方形を描くことができます。

角が丸い長方形

リストの次の項目幾何学的形状。角の丸みが通常のものと違うのは明らかです。したがって、この図形と長方形の設定はほぼ同じになります。フィレット半径は、オプションバーの対応するフィールドで指定できます。

楕円

パラメータは長方形と同じですが、正方形の代わりに円を描画できる点のみが異なります。これを行うには、ジオメトリ設定ウィンドウで [円] ボックスをオンにするか、描画中に Shift キーを押したままにします。

ポリゴン

このツールを使用すると、三角形、12 面体、20 面体、星形、または 3 から 100 の辺を含む任意の形状を描くことができます。それらの番号は、パラメータパネルにあるパーティ入力フィールドで設定できます。

幾何学的設定ウィンドウは、前の図とは著しく異なります。

半径。このフィールドは、将来の多角形の半径を指定します。
外側の角を滑らかにします。チェックボックスがチェックされている場合、角は丸くなり、そうでない場合は、古典的な多角形のように角が鋭くなります。
星。出力としてスターを受け取りたい場合は、チェックボックスをオンにします。
光線の深さ。この入力フィールドは、光線の長さを指定します。
内側の角を滑らかにします。下の図に示すように、内側の角を丸くしたい場合は、このボックスをオンにします。

ライン

このツールを使用して真の直線を作成します。フリーハンドは実用的ではありません。最大の精度を達成するには、適切なウィンドウで幾何学的パラメータを設定します。

始める。チェックボックスをオンにすると、マウスボタンをクリックした位置に線の代わりに矢印が描画されます。
終わり。チェックボックスを選択すると、線の終端に矢印が追加されます。
幅。厚さに対する相対的なパーセンテージで示されます (同じ名前のフィールドのパラメータパネルで設定できます)。
長さ。幅と同じ方法で、厚さに対するパーセンテージで計算されます。
曲率。値の範囲は -50% ～ 50% で、矢印の最も幅の広い部分がどの程度湾曲するかを決定します。この図には、曲率 0%、30%、50% の矢印 (上から下) が示されています。

フリーフィギュア

残りの数十の形状ごとに個別のツールを作成しないようにするために、開発者はそれらをここで組み合わせました。パラメータパネルのすべての要素は、最も重要な要素である [形状] ボタンを除いて、すでによく知られており、クリックすると形状選択ウィンドウが開きます。

ウィンドウの右側にある歯車をクリックすると、形状のカテゴリを含む追加オプションのメニューが開きます。

ここで説明したツールのおかげで、手動で作成するには非常に長い時間がかかるであろう膨大な数の図形を、文字通りわずか 2 回のクリックで描画することができます。

Photoshop では、正方形のいくつかのバージョンを描画できます。塗りつぶされた正方形と枠付きの正方形。ベクトルオブジェクト、特に長方形ツールを使用して正方形を描画することをお勧めします。

長方形ツール

形状を選択し (水平キー U)、次に長方形ツール (長方形ツール) を選択します。以下のスクリーンショットを参照してください。

「ピクセルを塗りつぶす」プロパティを設定します。

四角形の塗りつぶしの色（ツールバーの最初の色）を選択し、Shiftキーを押しながら四角形を描きます。

フレーム付き正方形

正方形は新しい空のレイヤーに描画する必要があります、塗りつぶしなし。 Alt + Ctrl + Shift + N キーを同時に押すと、新しいレイヤーを作成できます。

パス (ロシア語のパス) をインストールします。
Shift キーを押したまま正方形を描きます。

Ctrl + Enter を押して、ベクトル正方形を選択範囲 (選択) に変換します。

選択範囲をペイントします(この場合は白)。

Alt + ← BackSpace - 最初に選択した色。

Ctrl + ← BackSpace - 2 番目に選択した色。

正方形のレイヤーを右クリックし、「ブレンドオプション」を選択します。

スタイルで「ストローク」を選択し、枠の太さをピクセル単位で設定し、枠の色を設定します。他のオプションを試してみることもできます。

結果は、厚さ 3 ピクセルの赤い境界線を持つ正方形になります。

描画ツールを使用すると、ベクトル形状を作成および編集できます。これらを使用すると、Web ページのさまざまな要素を簡単に作成できます。

新しいトレーニングファイルを作成します。

ツールバーの -shapes- ツールを左クリックすると、ツール選択ウィンドウが開きます。

ここでは使用できる基本的な形状を示します。いずれかを選択し、オプションパネルを確認します。

任意の形状について、以下を選択できます。

描画モード:
- シェイプレイヤー。図形は別レイヤーで作成されます。シェイプレイヤーは、シェイプの色を定義する塗りつぶしレイヤーと、シェイプの境界を定義する関連するベクトルマスクで構成されます。シェイプのアウトラインは、レイヤーパネルのパスタブに表示されるパスです。
- 概要。このモードでは、任意の色で塗りつぶしたり輪郭を描いたりできる図形の輪郭を描くことができます。パスは、「レイヤー」パネルの「パス」タブに表示されます。
- ピクセルフィル。このモードで作業する場合、ベクトルではなく、ラスター画像、他のラスター画像と同じ方法で処理できます。
フィギュアのスタイルと色

この Figure に固有のパラメータを設定します

長方形を描く

最初の形状である長方形を選択しましょう。パネルで、モード - シェイプレイヤーを選択します。右側の三角形をクリックしてスタイルを選択します。

好きなものを選択してください。ちなみに、円内の三角形 (右側) をクリックすると、開いたコンテキストメニューで追加のスタイルを選択できます。スタイルを使用したくない場合は、赤い線で囲まれた白い四角形を選択します。

これで、幾何学的パラメータを設定できるようになりました。

恣意的に- あなたが描くように、それはそうなります。
四角- マウスで形状を引き伸ばすと、幅と高さは常に同じになります。
指定サイズ- 長方形の幅と高さをcm単位で設定し、キャンバスをクリックします。指定した寸法の長方形が表示されます。
比率を設定する- 幅が高さの何倍になるか (または大きくなるか) を設定できます。図形を引き伸ばすときも、比率は維持されます。
中心から- 中心から長方形を描きます。
ピクセルにスナップ- 長方形のエッジがピクセル境界にスナップされます。

次に、-任意に-を選択し、マウスを使用してキャンバス上で長方形を引き伸ばします。たとえば、これは、ボタン、ガラスボタン、および Web スタイルスタイルを使用したときに得られた結果です。

Web ページのボタンやメニューを作成するのに非常に便利なツールですよね。

角の丸い長方形を描く

2 番目の形状、つまり角が丸い長方形を選択しましょう。パネルで、モード (形状レイヤー、角の半径、たとえば 15) と色を選択します (必要に応じてスタイルを設定できます)。幾何学的なパラメーターは長方形の場合と同じです。

これが私に起こったことですさまざまな組み合わせ半径とスタイル。

なぜニュースブロックとメニューボタンがないのでしょうか?

円を描く

3 番目の図形である楕円を選択しましょう。パネルで、モード (形状レイヤー、色、スタイル) を選択します。幾何学的パラメータは長方形の場合と同じですが、唯一の違いは正方形の代わりに円を選択できることです。「-ランダム-」を選択し、楕円を引き伸ばします。円を作成したい場合は、Shift キーを押したままにするか、幾何学パラメーターで -circle- を選択します。

私が得たものは次のとおりです。

ポリゴンの描画

形状、つまり多角形を選択しましょう。パネルで、モード - シェイプレイヤー、3 ～ 100 の範囲の辺の数 (たとえば、三角形の場合は 3、六角形の場合は 6)、色、およびスタイルを選択します。幾何学的パラメータを考えてみましょう。

半径- 多角形の半径。
外側の角を滑らかに
星- チェックボックスをオフにすると、多角形は凸面になり、チェックボックスをオンにすると、多角形は凹面になります。
ビーム深さ- 多角形が凹面の場合、その頂点は光線を形成しているように見えます。このパラメータは、ポリゴン半径のどの部分が光線によって占められるかを示します。 % が高くなるほど、光線は長く、より鮮明になります。
外側の角を滑らかに- チェックボックスをオフにすると角が鋭くなり、チェックボックスをオンにすると角が丸くなります。

例えば：

最初の六角形の半径は 3cm で、残りのボックスはチェックされていません。

2 番目の六角形の半径は 3 cm、-star- にチェックマークがあり、光線の深さは 25%、残りのチェックボックスはオフです。

3 番目の六角形の半径は 3 cm、光線の深さは 50%、すべてのボックスがチェックされています。

すべてにスタイルが適用されています。

線を引く

形、つまり線を選択しましょう。パネルで、シェイプレイヤー、線の太さ（ピクセル単位）、色、スタイルなどのモードを選択します。幾何学的パラメータを考えてみましょう。

すべてのチェックボックスがオフの場合は、行だけが表示され、パラメータはこの行の終端にある矢印で設定されます。

始める- 行の先頭にある矢印。
終わり- 行末の矢印。
幅- 線の太さに対する矢印の比率 (10% ～ 1000%)。
長さ- 線の太さに対する矢印の比率 (10% ～ 5000%)。
曲率- 矢印が線と交わる最も幅の広い部分の曲率を決定します (-50% から +50%)。

例えば：

最初の行はすべてのチェックボックスがオフになっており、幅 - 500%、長さ - 1000%、厚さ - 2 ピクセルです。

2 行目はすべて同じですが、-begining- にチェックマークがあり、曲率は 5% です。

3 行目はすべて同じですが、-end- がチェックされ、-begining- がオフになっています。

4 行目には両方のチェックボックスがあり、幅 - 500%、長さ - 1000%、曲率 - 15%、厚さ - 5 ピクセルです。

すべてにスタイルが適用されています。

絵を描きましょう任意の数字

数字を選択しましょう - 任意の数字です。パネルで、レイヤーの形状、色、スタイルなどのモードを選択します。幾何学的パラメータは長方形の場合と同じです。ただし、ここでは図自体の選択があります。

円内の三角形 (右側) をクリックすると、開いたコンテキストメニューで追加の図形を選択できます。

1 つのレイヤーに複数の図形を描画する

ここでの原理はツールと同じです長方形の選択範囲(最初のレッスンでは、オプションバーのツール (選択への追加、選択からの削除など) を使用して非標準の選択領域を作成しました。) 同じツールが [形状オプション] パネルでも使用できます。

たとえば、長方形の形状を作成し、オプションバーで [形状領域に追加] アイコンをクリックし、楕円形状を選択します。マウスカーソルを長方形の上の境界線に移動し、マウスの左ボタンを押して、ボタンを放さずに楕円を引き伸ばします。次のようになります。

楕円が希望どおりに伸びない場合は、修正できます。これを行うには、ツールバーからパス選択ツールを選択します。

カーソルを楕円の境界線に移動し、マウスの左ボタンを押したまま、楕円を配置すべき場所にドラッグします。これらすべてのツールを使用すると、さまざまな複雑な形状を描画できます。

シェイプを保存する

最後に作成した形状が気に入ったので、今後もそれを使用したいとします。これを行うには、それを保存する必要があります。このメニューでは、[編集] -> [カスタム形状の定義] を選択します。新しいシェイプに名前を付けます。

これで、ドロップダウンのカスタム形状選択パネルに形状が表示されました。

これでレッスンは終了です。次回はアウトラインとラスターイメージを扱います。

Photoshop で長方形を作成するのは、初心者でもできる非常に簡単な作業です。これの描き方を学ぶことをお勧めします最も単純な図, このスキルは多くのタスクを実行するのに役立つためです。ウェブサイトのデザインでも、フォトフレームでも、画像の修正でも。レッスンの規模が大きいように見えますが、このタスクはわずか数分で完了します。

長方形を描くいくつかの方法を紹介します。いずれもいつか必要になるものです。

まずは数字から見ていきましょう。新しいドキュメントを作成しましょう。 1000 x 1000 ピクセルで十分です。

次に、ツールバーに移動して、長方形ツールを探します。

マウスの右ボタンを押したまま、作業領域上でドラッグします。

長方形の準備ができました！細い黒い境界線を取り除くには、レイヤーをラスタライズします。ラスタライズはレイヤーウィンドウに表示されます。

さて、2番目の方法です。選択したエリア。

上部のパネルで「レイヤー」タブを探し、新しいタブを作成します。

ここで、Photoshop で最も人気のあるツールの 1 つである、サイドツールバーの上部にある選択領域について説明します。

マウスの右ボタンを押したまま作業フィールド内を移動します。

選択された領域が形成されましたので、それを埋める必要があります。したがって、「原色の選択」ツールに移動します。それをクリックすると、カラーマップが開き、好みの色合いを選択します。

「塗りつぶし」ツールを探して選択し、選択した領域をクリックします。

そして、キーの組み合わせ ctrl+d を押すと、選択が削除されます。長方形の準備ができました！

3番目の方法では、フォトフレームとしてよく使用されるPhotoshopで透明な三角形を描画する方法を説明します。描くのも同じくらい簡単です。新しいレイヤーを作成し、長方形の選択領域を選択して作業領域に配置します。一般に、上記の手順をすべて実行します。

次に、選択した領域をストロークします。上部パネルに移動して「編集」タブをクリックします。私たちは「Stroke」コマンドに興味があります。

ご覧のとおり、線の太さ、ストロークの色、境界線の位置を選択するように求めるダイアログボックスが表示されます。パラメータを好みに設定するか、自分のものを選択します。

Ctrl+D キーの組み合わせを押して選択を解除し、結果をお楽しみください。

ご覧のとおり、透明な三角形の形をした本格的なフレームがあります。

Photoshop で長方形を作成する方法はすでに学習しました。編集方法を学びましょう！たとえば、色やサイズを変更してみましょう。

お気づきかと思いますが、長方形を描くために新しいレイヤーを作成することをお勧めします。これには理由がないわけではありません。四角形はワークスペースにバインドされていません。ワークスペースは変更されずに、好きなだけ編集できます。これらのメソッドは、上記のいずれかのメソッドで作成された四角形に適用されることに注意してください。

まずは色を変えてみます。繰り返しますが、いくつかの方法があります。 1つ目は塗りつぶしツールです。選ぶ希望の色ツールバー上。次に、塗りつぶしツールをクリックします。そして、長方形に沿って。

黄色の長方形がありましたが、緑色になりました。とてもシンプルですね。