Photoshop で体積正方形を作成する方法。 ベクトル形状ツール: 長方形ツール
Photoshop で鉛筆とブラシを使って絵を描くことについて話しました。 フリーハンドの線は素晴らしいですが、均一な幾何学的図形を描く必要がある場合もよくあります。 定規とコンパスは過去のものとなり、現在では次のコマンドを使用してこれを行うことができます。 簡単なツールエディタ。
それらの 1 つを選択するには、ツール パレットの [図形] アイコンをクリックします。
どのグループ ツールを選択したかに関係なく、すべての図形に共通する次の項目がオプション バーに表示されます。
- ツールモードを選択します。ここでは 3 つのうちの 1 つを選択できます。
- 形。値はデフォルトに設定されており、別のレイヤーにベクトル幾何学的図形が作成されます。つまり、ツールから期待されることが行われます。
- 回路。図形の輪郭は塗りつぶさずに描画します。
- ピクセル。ベクトルではなく、ラスター図を作成します。
- 充填。描画する図形の色や種類(グラデーション、濃淡)をカスタマイズできます。
- 脳卒中。形状の輪郭の設定: 太さ、種類、色。
- 幅と高さ。「目で」これを行うことができない場合に、図のサイズを明確にすることができます。
いつものように、白い背景で新しいドキュメントを作成します。 残りのパラメータはデフォルトのままにすることも、任意に選択することもできます。
矩形
長方形図形を選択し、キャンバス上をクリックしてマウス ボタンを押したままポインタをドラッグして描画します。 クリックした点が図形の角になります。
オプション バーで、 アイコンをクリックします。 幾何学的設定ウィンドウが開きます。
デフォルトでは、スイッチは長方形に設定されています。 これを正方形に設定すると、描画時に常に同じ辺の長さの形状が得られます。 チェックボックスを押さなくても、同様の効果を得ることができます。長方形を描画中に正方形を取得するには、Shift キーを押し続けるだけです。
長方形のパラメータが事前にわかっている場合は、スイッチを指定サイズの位置に設定し、フィールドに必要な値を指定します。 キャンバス上でマウスボタンをクリックするとすぐに図が完全に描画されます。
スイッチを [比率を設定] 位置に設定すると、使用可能になる入力フィールドで、作成する図のアスペクト比を指定できます。
「中心から」チェックボックスを使用すると、最も外側の点ではなく中心から長方形を描くことができます。
角が丸い長方形
幾何学的形状のリストの次の項目。 角の丸みが通常のものと違うのは明らかです。 したがって、この図形と長方形の設定はほぼ同じになります。 フィレット半径は、オプション バーの対応するフィールドで指定できます。
楕円
パラメータは長方形と同じですが、正方形の代わりに円を描画できる点のみが異なります。 これを行うには、ジオメトリ設定ウィンドウで [円] ボックスをオンにするか、描画中に Shift キーを押したままにします。
ポリゴン
このツールを使用すると、三角形、12 面体、20 面体、星形、または 3 から 100 の辺を含む任意の形状を描くことができます。 それらの番号は、パラメータ パネルにあるパーティ入力フィールドで設定できます。
幾何学的設定ウィンドウは、前の図とは著しく異なります。
- 半径。このフィールドは、将来の多角形の半径を指定します。
- 外側の角を滑らかにします。チェックボックスがチェックされている場合、角は丸くなり、そうでない場合は、古典的な多角形のように角が鋭くなります。
- 星。出力としてスターを受け取りたい場合は、チェックボックスをオンにします。
- 光線の深さ。この入力フィールドは、光線の長さを指定します。
- 内側の角を滑らかにします。下の図に示すように、内側の角を丸くしたい場合は、このボックスをオンにします。
ライン
このツールを使用すると、真に直線を作成できます。フリーハンドは実用的ではありません。 最大の精度を達成するには、適切なウィンドウで幾何学的パラメータを設定します。
- 始める。チェックボックスをオンにすると、マウス ボタンをクリックした位置に線の代わりに矢印が描画されます。
- 終わり。チェックボックスを選択すると、線の終端に矢印が追加されます。
- 幅。厚さに対する相対的なパーセンテージで示されます (同じ名前のフィールドのパラメータ パネルで設定できます)。
- 長さ。幅と同じ方法で、厚さに対するパーセンテージで計算されます。
- 曲率。値の範囲は -50% ~ 50% で、矢印の最も幅の広い部分がどの程度湾曲するかを決定します。 この図には、曲率 0%、30%、50% の矢印 (上から下) が示されています。
フリーフィギュア
残りの数十の形状ごとに個別のツールを作成しないようにするために、開発者はそれらをここで組み合わせました。 パラメータ パネルのすべての要素は、最も重要な要素である [シェイプ] ボタンを除いて、すでによく知られており、クリックするとシェイプ選択ウィンドウが開きます。
ウィンドウの右側にある歯車をクリックすると、形状のカテゴリを含む追加オプションのメニューが開きます。
ここで説明したツールのおかげで、手動で作成するには非常に長い時間がかかるであろう膨大な数の図形を、文字通りわずか 2 回のクリックで描画することができます。
正方形と長方形が最も単純ですが、 幾何学的形状, ただし、Photoshop で描くには、ある程度の努力と基礎的な知識が必要です。 適切なトレーニングを受けていない初心者は、このタスクに対処できない可能性が高くなります。
この記事では、Photoshop で長方形または正方形を描画する最も一般的な 3 つの方法を見ていきます。
ただし、描画方法の選択を開始する前に、将来のパラメータを決定する必要があります。 長方形/正方形は次のとおりです。
- 単色で塗りつぶすか、境界線のみを描画して塗りつぶします。
- 任意の、または正確に指定された寸法。
- 品質を損なうことなくいつでもサイズを変更できます。
方法 1. フリーシェイプツール
この方法では、長方形または正方形が単色で塗りつぶされて描画されます。 境界線のみが必要な場合は、次の 2 つの方法に進みます。
ツールバーから「ツール」を選択します。 次に、考えられるシナリオは 2 つあります。
オプション 1. 品質を損なうことなくサイズを変更できる正方形または長方形
もちろん、これはベクトル図の使用を意味します。 それを描画するには、オプションを選択する必要があります シェイプレイヤー:
将来的には、品質を損なうことなくこの図のサイズを変更できます。 これを行うには、Ctrl + T ツールを使用し、コーナー マーカーを使用してサイズを変更します。
知らない人のために: ベクトル形状はピクセルではなく、特別な数式で構成されています。 したがって、サイズ変更はピクセルを引き伸ばしたり圧縮したりするプロセスではなく、複雑な数学的再計算であり、それによる品質の低下はありません。
オプション 2. 標準 (ラスター) 正方形/長方形
ラスター形状をすぐに描画するには、オプション バーの設定を使用します。 ピクセルを塗りつぶす。 しかし、描き始める前に - !
しかし実際には、ベクトルを一度に 1 つずつ描画し、それを描画するだけです。 さあ、自分で選んでください。
長方形・正方形の作り方
任意の形状では Shift キーを押し続けるという通常のルールは機能しません。 したがって、ツール オプション パネルを使用して、Photoshop が正方形を描画するように設定を選択する必要があります。
同じパネルで、必要な長方形/正方形の正確なサイズを指定したり、所定の比率に従って描画したりできることに注意してください。
デフォルトでは、寸法はピクセルによって決まります。 測定単位を変更する場合は、まずフィールドに値を入力し、それからその値を右クリックします。 測定単位を選択するウィンドウが表示されます。 利用可能な単位: ピクセル、インチ、センチメートル、ミリメートル、ポイント、パイカ。
角が丸い長方形または正方形
角が丸い形状を取得するには、上記の手順をすべて実行しますが、最初にツールを選択します。 角が丸い長方形。 ツール オプション バーで指定する必要があるのは、 半径丸めること。
方法 2: 選択した領域をストロークします。
この方法は5コペイカと簡単です。 ツールを選択し、点線で四角形を描きます。 正方形を描くには、Shift キーを押したままにします。
次に、この選択した領域の境界線を描く必要があります。 これを行うには、次の場所に移動します 編集 - ストローク.
次に、新しいウィンドウでストロークのタイプを設定します。フレームの太さ、希望の色を指定し、ストロークの実行方法をマークします。
- 内部- これはフレームが上に置かれることを意味します 内部選択されたエリア。
- 中央揃え— これは、フレームが選択範囲の内側の部分と外側の部分に均等に分割されることを意味します。
- 外- これは、フレームが選択範囲の点線の周りを囲むことを意味します。
結果は次のようになります。
上のスクリーンショットでは、点線も消えないので、意図的に削除しませんでした。 最終的に削除するには、Ctrl+D を押します。
この方法では、正確なサイズの形状を描画するために、最初にツール オプション バーで指定する必要があります。 スタイル — 指定サイズまたは 指定された比率。この後、フィールドがアクティブになり、幅と高さの値をピクセル単位で入力します。 これらのフィールドのいずれかを右クリックすると、測定単位を変更するためのメニューが表示されます。
方法 2.1 選択範囲をペイントする
四角形を描画する最も一般的な方法は、(前述したように) 選択フレームを描画し、それを任意の色で単純にペイントすることです。 ここには長方形または正方形があります。
方法 3: 選択の変更
実際、私がこの方法を最も好むのは、明らかな欠点があるためです。長方形の角が切り取られ、フレーム自体の境界線がこれらの事実に影響を与えることができないからです。
したがって、ツールを再度選択し、将来の長方形または正方形のフレームを(Shiftキーを使用して)描画し、メニューに移動する必要があります。 選択そしてチームを選択してください 変更 - ボーダー.
新しいウィンドウが表示され、ここでは四角形の境界線の幅を指定します。 7 ピクセルを指定するとします。 次の結果が得られます。
あとは、結果として得られたフレームをペイントするだけです。 これに適しています。 ちなみに、ここでは、より創造的に問題にアプローチして、たとえば次のようにペイントすることができます。 異なる色。 結果:
残っているのは、選択を削除することだけです (Ctrl+D)。 シェーディングやトリミングされた角はすべてを台無しにするだけなので、この方法はまれな特定のタスクにのみ適していると思います。
テキスト内のエラーに気付いた場合は、それを選択して Ctrl + Enter を押します。 ありがとう!
描画ツールを使用すると、ベクトル形状を作成および編集できます。 これらを使用すると、Web ページのさまざまな要素を簡単に作成できます。
新しいトレーニング ファイルを作成します。
ツールバーの -shapes- ツールを左クリックすると、ツール選択ウィンドウが開きます。
ここでは使用できる基本的な形状を示します。 いずれかを選択し、オプション パネルを確認します。
任意の形状について、以下を選択できます。
- 描画モード:
- シェイプレイヤー。 図形は別レイヤーで作成されます。 シェイプ レイヤーは、シェイプの色を定義する塗りつぶしレイヤーと、シェイプの境界を定義する関連するベクトル マスクで構成されます。 シェイプのアウトラインは、レイヤーパネルのパスタブに表示されるパスです。
- 概要。 このモードでは、任意の色で塗りつぶしたり輪郭を描いたりできる図形の輪郭を描くことができます。 パスは、「レイヤー」パネルの「パス」タブに表示されます。
- ピクセルフィル。 このモードで作業する場合、ベクトルではなく、 ラスター画像、他のラスター画像と同じ方法で処理できます。
- フィギュアのスタイルと色
- この Figure に固有のパラメータを設定します
最初の形状である長方形を選択しましょう。 パネルで、モード - シェイプレイヤーを選択します。 右側の三角形をクリックしてスタイルを選択します。
好きなものを選択してください。 ちなみに、円内の三角形 (右側) をクリックすると、開いたコンテキスト メニューで追加のスタイルを選択できます。 スタイルを使用したくない場合は、赤い線で囲まれた白い四角形を選択します。
これで、幾何学的パラメータを設定できるようになりました。
- 恣意的に- あなたが描くように、それはそうなります。
- 四角- マウスで形状を引き伸ばすと、幅と高さは常に同じになります。
- 指定サイズ- 長方形の幅と高さをcm単位で設定し、キャンバスをクリックします。 指定した寸法の長方形が表示されます。
- 比率を設定する- 幅が高さの何倍になるか (または大きくなるか) を設定できます。 図形を引き伸ばすときも、比率は維持されます。
- 中心から- 中心から長方形を描きます。
- ピクセルにスナップ- 長方形のエッジがピクセル境界にスナップされます。
Web ページのボタンやメニューを作成するのに非常に便利なツールですよね。
角の丸い長方形を描く
2 番目の形状、つまり角が丸い長方形を選択しましょう。 パネルで、モード (形状レイヤー、角の半径、たとえば 15) と色を選択します (必要に応じてスタイルを設定できます)。幾何学的なパラメーターは長方形の場合と同じです。
これが私に起こったことです さまざまな組み合わせ半径とスタイル。
なぜニュースブロックとメニューボタンがないのでしょうか?
円を描く
3 番目の図形である楕円を選択しましょう。 パネルで、レイヤーの形状、色、スタイルなどのモードを選択します。 幾何学的パラメータは長方形の場合と同じですが、唯一の違いは正方形の代わりに円を選択できることです。 「-ランダム-」を選択し、楕円を引き伸ばします。 円を作成したい場合は、Shift キーを押したままにするか、幾何学パラメーターで -circle- を選択します。
私が得たものは次のとおりです。
ポリゴンの描画
形状、つまり多角形を選択しましょう。 パネルで、モード - シェイプレイヤー、3 ~ 100 の範囲の辺の数 (たとえば、三角形の場合は 3、六角形の場合は 6)、色、およびスタイルを選択します。 幾何学的パラメータを考えてみましょう。
- 半径- 多角形の半径。
- 外側の角を滑らかに
- 星- チェックボックスをオフにすると、多角形は凸面になり、チェックボックスをオンにすると、多角形は凹面になります。
- ビーム深さ- ポリゴンが凹面の場合、その頂点は光線を形成しているように見えます。 このパラメータは、ポリゴン半径のどの部分が光線によって占められるかを示します。 % が高くなるほど、光線は長く、より鮮明になります。
- 外側の角を滑らかに- チェックボックスをオフにすると角が鋭くなり、チェックボックスをオンにすると角が丸くなります。
最初の六角形の半径は 3 cm で、残りのボックスはチェックされていません。
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 つのレイヤーに複数の図形を描画する
ここでの原理はツールと同じです 長方形の選択範囲(最初のレッスンでは、オプション バーのツール (選択への追加、選択からの削除など) を使用して非標準の選択領域を作成しました。) 同じツールが [形状オプション] パネルでも使用できます。
たとえば、長方形の形状を作成し、オプション バーで [形状領域に追加] アイコンをクリックし、楕円形状を選択します。 マウス カーソルを長方形の上の境界線に移動し、マウスの左ボタンを押して、放さずに楕円を引き伸ばします。 次のようになります。
楕円が希望どおりに伸びない場合は、修正できます。 これを行うには、ツールバーからパス選択ツールを選択します。
カーソルを楕円の境界線に移動し、マウスの左ボタンを押したまま、楕円を配置すべき場所にドラッグします。 これらすべてのツールを使用すると、さまざまな複雑な形状を描画できます。
シェイプを保存する
最後に作成した形状が気に入ったので、今後もそれを使用したいとします。 これを行うには、それを保存する必要があります。 このメニューの場合 [編集] -> [定義] 任意の数字。 新しいシェイプに名前を付けます。
これで、ドロップダウンのカスタム形状選択パネルに形状が表示されました。
これでレッスンは終了です。 次回はアウトラインとラスターイメージを扱います。