Photoshop で単純な幾何学的形状を描く方法。 Photoshop でフリーフォーム シェイプまたはシェイプを作成する方法
描画ツールを使用すると、ベクトル形状を作成および編集できます。 これらを使用すると、Web ページのさまざまな要素を簡単に作成できます。
次のツール ファミリを使用すると、 幾何学模様さまざまな形。
R長方形 (長方形)() - したがって、前景色で塗りつぶされた長方形 (キーを押すと正方形) を描くことができます。
角丸長方形 四角)— 上で説明したものと同様の形状を作成しますが、長方形の角を丸くする半径を設定できます。
楕円- 楕円を作成します (押されたキー - 円と組み合わせて)。
ポリゴン- 任意の数の角度を持つ幾何学的形状や、マルチビーム星を作成できます。 デフォルトでは、凸五角形が作成されます。
ライン— 任意または指定された長さ、太さ、色、方向の直線を描画します。
カスタム形状- 幾何学的図形を作成できます フリーフォーム将来の使用のために保存します。
新しいトレーニング ファイルを作成します。
を左クリックします ツール - 形状 -ツールバーで、ツール選択ウィンドウが開きます。
ここでは使用できる基本的な形状を示します。 いずれかを選択し、オプション パネルを確認します。
任意の形状について、以下を選択できます。
- 描画モード:
- シェイプレイヤー. 図形は別レイヤーで作成されます。 シェイプ レイヤーは、シェイプの色を定義する塗りつぶしレイヤーと、シェイプの境界を定義する関連するベクトル マスクで構成されます。 シェイプのアウトラインは、レイヤーパネルのパスタブに表示されるパスです。
- 概要. このモードでは、任意の色で塗りつぶしたり輪郭を描いたりできる図形の輪郭を描くことができます。 パスは、「レイヤー」パネルの「パス」タブに表示されます。
- ピクセルフィル 。 このモードで作業すると、ベクターではなくラスター イメージが作成され、他のラスター イメージと同じ方法で処理できます。
- フィギュアのスタイルと色
- この Figure に固有のパラメータを設定します
長方形を描く
最初の形状である長方形を選択しましょう。 パネルで選択します モード - シェイプレイヤー。 右側の三角形をクリックしてスタイルを選択します。
好きなものを選択してください。 ちなみに、円内の三角形 (右側) をクリックすると、開いたコンテキスト メニューで追加のスタイルを選択できます。 スタイルを使用したくない場合は、赤い線で囲まれた白い四角形を選択します。
これで、幾何学的パラメータを設定できるようになりました。
- 恣意的に - あなたが描くように、それはそうなります。
- 四角 - マウスで形状を引き伸ばすと、幅と高さは常に同じになります。
- 指定サイズ - 長方形の幅と高さをcm単位で設定し、キャンバスをクリックします。 指定した寸法の長方形が表示されます。
- 比率を設定する - 幅が高さの何倍になるか (または大きくなるか) を設定できます。 フィギュアを引き伸ばすとき、比率は維持されます。
- 中心から - 中心から長方形を描画します。
- ピクセルにスナップ - 長方形のエッジがピクセル境界にスナップされます。
次に、-任意に-を選択し、マウスを使用してキャンバス上で長方形を引き伸ばします。 たとえば、スタイルを使用すると次のようになります。 ボタン、ガラスボタン、Web スタイル.
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 つのレイヤーに複数の図形を描画する
ここでの原理は、長方形の選択ツールの場合と同じです (最初のレッスンでは、オプション バーのツール (選択への追加、選択からの削除など) を使用して非標準の選択領域を作成しました)。 同じツールが [形状オプション] パネルでも使用できます。
たとえば、長方形の形状を作成し、オプション バーで [形状領域に追加] アイコンをクリックし、楕円形状を選択します。 マウス カーソルを長方形の上の境界線に移動し、マウスの左ボタンを押して、放さずに楕円を引き伸ばします。 次のようになります。
楕円が希望どおりに伸びない場合は、修正できます。 これを行うには、ツールバーから選択します 輪郭選択ツール-
カーソルを楕円の境界線に移動し、マウスの左ボタンを押したまま、楕円を配置すべき場所にドラッグします。 これらすべてのツールを使用すると、さまざまな複雑な形状を描画できます。
シェイプを保存する
最後に作成した形状が気に入ったので、今後もそれを使用したいとします。 これを行うには、それを保存する必要があります。 このメニューでは、[編集] -> [カスタム形状の定義] を選択します。 新しいシェイプに名前を付けます。
これで、ドロップダウンのカスタム形状選択パネルに形状が表示されました。
Photoshop で鉛筆とブラシを使って絵を描くことについて話しました。 フリーハンドの線は素晴らしいですが、均一な幾何学的図形を描く必要がある場合もよくあります。 定規とコンパスは過去のものとなり、現在では次のコマンドを使用してこれを行うことができます。 簡単なツール編集者。
それらの 1 つを選択するには、ツール パレットの [図形] アイコンをクリックします。
どのグループ ツールを選択したかに関係なく、すべての図形に共通する次の項目がオプション バーに表示されます。
- ツールモードを選択します。ここでは 3 つのうちの 1 つを選択できます。
- 形。値はデフォルトに設定されており、別のレイヤーにベクトル幾何学的図形が作成されます。つまり、ツールから期待されることが行われます。
- 回路。図形の輪郭は塗りつぶさずに描画します。
- ピクセル。ベクトルではなく、ラスター図を作成します。
- 充填。描画する図形の色や種類(グラデーション、濃淡)をカスタマイズできます。
- 脳卒中。形状の輪郭の設定: 太さ、種類、色。
- 幅と高さ。これを使用すると、「目で」これを行うことができない場合に、図のサイズを明確にすることができます。
いつものように、白い背景で新しいドキュメントを作成します。 残りのパラメータはデフォルトのままにすることも、任意に選択することもできます。
矩形
長方形図形を選択し、キャンバス上をクリックしてマウス ボタンを押したままポインタをドラッグして描画します。 クリックした点が図形の角になります。
オプション バーで、 アイコンをクリックします。 幾何学的設定ウィンドウが開きます。
デフォルトでは、スイッチは長方形に設定されています。 これを正方形に設定すると、描画時に常に同じ辺の長さの形状が得られます。 チェックボックスを押さなくても、同様の効果を得ることができます。長方形を描画中に正方形を取得するには、Shift キーを押し続けるだけです。
長方形のパラメータが事前にわかっている場合は、スイッチを指定サイズの位置に設定し、フィールドに必要な値を指定します。 キャンバス上でマウスボタンをクリックするとすぐに図が完全に描画されます。
スイッチを [比率を設定] 位置に設定すると、使用可能になる入力フィールドで、作成する図のアスペクト比を指定できます。
「中心から」チェックボックスを使用すると、最も外側の点ではなく中心から長方形を描くことができます。
角が丸い長方形
幾何学的形状のリストの次の項目。 角の丸みが通常のものと違うのは明らかです。 したがって、この図形と長方形の設定はほぼ同じになります。 フィレット半径は、オプション バーの対応するフィールドで指定できます。
楕円
パラメータは長方形と同じですが、正方形の代わりに円を描画できる点のみが異なります。 これを行うには、ジオメトリ設定ウィンドウで [円] ボックスをオンにするか、描画中に Shift キーを押したままにします。
ポリゴン
このツールを使用すると、三角形、12 面体、20 面体、星形、または 3 から 100 の辺を含む任意の形状を描くことができます。 それらの番号は、パラメータ パネルにあるパーティ入力フィールドで設定できます。
幾何学的設定ウィンドウは、前の図とは著しく異なります。
- 半径。このフィールドは、将来の多角形の半径を指定します。
- 外側の角を滑らかにします。チェックボックスがチェックされている場合、角は丸くなり、チェックされていない場合は、古典的な多角形のように角が鋭くなります。
- 星。出力としてスターを受け取りたい場合は、ボックスをチェックします。
- 光線の深さ。この入力フィールドは、光線の長さを指定します。
- 内側の角を滑らかにします。下の図に示すように、内側の角を丸くしたい場合は、このボックスをオンにします。
ライン
このツールを使用すると、真に直線を作成できます。フリーハンドは実用的ではありません。 最大の精度を達成するには、適切なウィンドウで幾何学的パラメータを設定します。
- 始める。チェックボックスをオンにすると、マウス ボタンをクリックした位置に線の代わりに矢印が描画されます。
- 終わり。チェックボックスを選択すると、線の終端に矢印が追加されます。
- 幅。厚さに対する相対的なパーセンテージで示されます (同じ名前のフィールドのパラメータ パネルで設定できます)。
- 長さ。幅と同じ方法で、厚さに対するパーセンテージで計算されます。
- 曲率。値の範囲は -50% ~ 50% で、矢印の最も幅の広い部分がどの程度湾曲するかを決定します。 この図には、上から下に向かって 0%、30%、50% の曲率を持つ矢印が示されています。
フリーフィギュア
残りの数十の形状ごとに個別のツールを作成しないようにするために、開発者はそれらをここで組み合わせました。 パラメータ パネルのすべての要素は、最も重要な要素である [シェイプ] ボタンを除いて、すでによく知られており、クリックするとシェイプ選択ウィンドウが開きます。
ウィンドウの右側にある歯車をクリックすると、形状のカテゴリを含む追加オプションのメニューが開きます。
ここで説明したツールのおかげで、手動で作成するには非常に長い時間がかかるであろう膨大な数の図形を、文字通りわずか 2 回のクリックで描画することができます。
プログラム アドビフォトショップ画像の操作に広く使用されており、実に幅広い可能性を提供します。 ほとんどのユーザーは写真のレタッチに Photoshop を使用しますが、さらにこのプログラムを使用すると、さまざまな程度の複雑さの図面、絵画、グラフィックスを作成できます。 Photoshop には、図面を作成するために設計されたツールがいくつかあります。 最初のステップは、三角形、線、楕円などの単純な要素の描画方法を学ぶことです。これらはさまざまな種類の描画を作成するときに非常に頻繁に使用されるためです。 この記事では、Photoshop で簡単な図形を描画する方法を詳しく見ていきます。 それを理解しましょう。 行く!
コンピュータグラフィックスの基礎を理解しよう
Adobe Photoshop を開いた状態で、[ツール] パネルを確認します。 図形に移動するには、長方形のアイコンをクリックします。 ポップアップ ウィンドウに次のツールが表示されます。
- "矩形";
- 「角が丸い長方形」;
- "楕円";
- "ポリゴン";
- "ライン";
- 「任意の数字です。」
エディターにはいくつかのクラシックなフォームと無料のフォームが用意されています
合計 3 つの描画モードがあります。
- 作成した 新しいフィギュア、塗りつぶしレイヤーまたはベクターマスクを作成できます。
- 図形の輪郭を作成し、色で塗りつぶします。
- ピクセルモード。 この場合、画像はベクトルではなくラスターです。
選択した各図形に対して、幾何学的パラメータ、つまりプロポーションが設定されます。 長方形を描画するには、適切なツールを選択し、必要な輪郭設定と塗りつぶしの色を設定します。 ここで、描画を開始したいシート上の点にカーソルを置くだけです。 必要に応じて、マウスの左ボタンを押したまま四角形をドラッグします。
線を引くことほど簡単なことはありません。 これには同じ名前のツールが使用されます。
円の場合は、Shift キーまたは追加設定メニューを使用します
Photoshop で円を描く方法に移りましょう。 ここではすべてが同じように起こります。 楕円ツールを選択し、輪郭の色と太さを決めます。 楕円ではなく円を取得したい場合は、キーボードの「Shift」キーを押し続けるか、幾何学パラメータセクションで「円」を設定します。
標準的なツールを使用して美しい構図を描きます
では、Photoshop で三角形を描く方法を見てみましょう。 この場合、すべてがそれほど明白ではありませんが、同時に、それほど複雑ではありません。 必要なのは、「ポリゴン」を選択し、小さな「サイド」ウィンドウで角度の数を設定することだけです。 したがって、三角形を取得するには、数字「3」を入力します。 その後、すべてが前のケースとまったく同じように行われます。 多角形ツールを使用すると、任意の数の角度を持つ形状を作成できます。 入手する必要がある場合は、 直角三角形、正方形を描き、半分を斜めに切り取ります。
始点または終点の矢印はツールのプロパティで設定できます
Photoshop で矢印を描く方法を見てみましょう。 これを行うには 2 つの方法があります。 まず、「線」ツールを選択し、パラメータウィンドウで矢印が線のどちら側(先頭または末尾)にあるのかをマークし、次に矢印の太さを設定する必要があります。ピクセル単位で。 目的の点にカーソルを置き、マウスで線のストレッチを開始します。 2つ目は「カスタムシェイプ」を選択する方法です。 上部パネルにはテンプレートを含むテーブルがあり、その中には矢印があります。
標準アプリケーションパッケージに含まれるテンプレート
このチュートリアルでは、Photoshop でのシェイプとシェイプ レイヤーの操作の基本を見ていきます。 レッスンは、幾何学的図形を描くための 5 つの基本ツール (長方形、角丸長方形、楕円、多角形、線) を学ぶことから始めます。
次のレッスンでは、図形の描き方をさらに詳しく見ていきます。 複雑な形状フリーシェイプツールを使用します。 Photoshop は画像処理にのみ使用されると多くの人が考えています。 グラフィックエディタとすると、ほとんどの場合、答えは「 アドビイラストレーター».
確かに、ベクター グラフィックスの分野における Adobe Illustrator エディターの機能は Photoshop プログラムよりもはるかに幅広いですが、それでも、この分野の Photoshop プログラムはエディターに期待される以上の機能を実行できます。 ラスター画像。 Photoshop のさまざまなシェイプ ツールとシェイプ レイヤーを使用すると、単純なベクター イメージを図面や描画に簡単に追加できます。
Photoshop には、形状を描画できる 6 つのツールがあります。 長方形 ( 長方形ツール)、「角丸長方形ツール」、「楕円ツール」、「多角形ツール」、「直線」( ラインツール)と「カスタムシェイプツール」。 これらはツールバー上の 1 か所に配置されています。
デフォルトでは、長方形ツールがツールバーに表示されますが、ツールアイコンをクリックしてマウスボタンを数秒間押し続けると、ポップアップメニューが表示され、「図形」グループの残りのツールのリストが表示されます。必要なものを選択できます:
「図形」グループの 6 つのツールはすべてツールバー上の 1 か所に配置されています。
最初に [図形] グループで 1 つのツールを選択し、その後別のツールに切り替えたい場合は、[ツール] パネルに再度アクセスする必要はありません (必要に応じてそうすることもできます)。 Photoshop では選択が可能です 適切なツール画面上部の設定パネルに 6 つのツールがすべて表示されます。 たとえば、[ツール] パネルで [長方形ツール] を選択します。
長方形ツールの選択
長方形ツールを選択すると、オプション バーに 6 つのアイコンが表示され、図形グループのさまざまなツールを表します。 ツールはツールバーに表示されるのと同じ順序で左から右に配置されているため、長方形、角丸長方形、楕円、多角形、線、およびフリーフォーム ツールが再び表示されます。 目的のツールを選択するには、次のいずれかのアイコンをクリックするだけです。
6 つの形状ツールはすべて、(ツール パネルでいずれかの形状ツールを選択した後) オプション パネルから直接選択できます。
シェイプレイヤーオプションの選択
図形の描画を始める前に、どのような種類の図形を描きたいかを Photoshop に伝える必要があります。この場合、図形の種類とは「長方形」や「円」を意味するわけではありません。 実際、Photoshop では 3 つの形状を描くことができます。 他の種類- ベクトル形状、アウトライン、ピクセル形状。
別のチュートリアルでは、これら 3 種類の形状の違いと、いつどの種類を使用するかについて詳しく説明しますが、ほとんどの場合、ベクトル形状を描画することになります。 Illustratorなどのソフトで描いたものです。 ピクセル形状とは異なり、ベクトル形状は解像度に依存せず、完全にスケーラブルです。 これは、画質を損なうことなく、必要に応じてサイズを変更できることを意味します。 ベクター形状のエッジは、画面上でも後続の印刷でも鮮明なままです。
ベクター シェイプを描画するには、設定パネルで [シェイプ レイヤー] オプションを選択します。 これは、左端にある 3 つのアイコンのうちの最初のアイコンです (中央のアイコンは [パス] オプションで、右側のアイコンは [ピクセルを塗りつぶす] オプションです)。
ベクターシェイプを描画するには、「シェイプレイヤー」オプションを選択します
図形の色の選択
[シェイプ レイヤー] オプションを選択した後、シェイプの色を選択する必要があります。 これを行うには、設定パネルの「色」という単語の右側にある色見本アイコンをクリックします。
色見本アイコンをクリックして、図形の色を選択します。 希望の色
このアクションにより、希望の色を選択できるカラー パレットが開きます。 私の場合は赤を選択します。 色を選択したら、「OK」をクリックしてカラーパレットを閉じます。
カラーパレットで図の色を選択します
自分の体型に適した色を選択したかどうかわからない場合でも、心配する必要はありません。 次に、シェイプ レイヤーを使用して、描画後にいつでも前の手順に簡単に戻ってシェイプの色を変更する方法を見ていきます。
長方形ツール
名前から推測できるように、長方形ツールを使用すると、四角形を描画できます。 長方形。 ドキュメント ウィンドウ内をクリックして形状の開始点を定義し、マウス ボタンを押したままマウス カーソルを斜めにドラッグして形状の描画を終了します。 カーソルを移動すると、将来の図の微妙な輪郭が表示されます。
カーソルをドラッグして長方形を描きます。 カーソルを動かすと図形の輪郭が表示されます
結果に満足したら、マウス ボタンを放すと、プログラムは設定パネルで選択した色で形状を直ちに塗りつぶします。
マウスボタンを放すとすぐに、プログラムは形状を色で塗りつぶします。
中心から形を描く
角ではなく中心から長方形 (または他の形状) を描画する必要がある場合は、ドキュメント ウィンドウ内にカーソルを置いて、将来の長方形の中心を定義し、マウス ボタンを押したままカーソルのドラッグを開始し、いつものように形を描きます。 これを実行している間、Alt (Win) / Option (Mac) キーを押し、カーソルを移動する間押し続けます。 このキーを押すと、中心から形状を描くようにプログラムに指示されます。 このテクニックは、長方形ツールだけでなく、すべての図形ツールで機能します。
中心から図形を描くには、Alt (Win) / Option (Mac) を押しながらカーソルを移動します。
正方形を描く
長方形ツールを使用して正方形を描くこともできます。 正方形を描くには、ドキュメント ウィンドウにカーソルを置き、ドラッグして長方形を描きます。 これを開始したら、Shift キーを押したままカーソルを移動します。 Shift キーを押すと、カーソルをどの方向に移動しても、形状が正方形に変わります。 Alt (Win) / Option (Mac) キーストロークを追加して、中心から正方形を描くこともできます (Shift+Alt (Win) / Shift+Option (Mac) を押したままにします)。
正方形を描くには、長方形ツールを使用しているときに Shift キーを押したままにします。
もう一度言いますが、Photoshop ではカーソルを移動すると正方形の細い輪郭しか表示されませんが、マウス ボタンを放すと正方形が色で塗りつぶされます。
プログラムは常にユーザーがマウス ボタンを放すのを待ち、その後初めて形状を色で塗りつぶします。
シェイプグループツールオプション
[オプション] パネルを見ると、6 つの図形グループ ツール アイコンの右側に小さな下向きの矢印が表示されます。 この矢印をクリックすると、選択した図形グループ ツールの追加オプションのリストが開きます。 たとえば、長方形ツールを選択したときに矢印をクリックすると、長方形ツールのオプションを含むメニューが開きます。 後で説明するポリゴン ツールとライン ツールを除いて、キーボード ショートカットと個々のキーを使用して基本的なオプションを選択する方法をすでに学習しているため、このメニューはあまり使用しません。
たとえば、[Unconstrained] オプションはデフォルトで選択されており、長方形ツールの通常の操作を担当し、任意のサイズおよび任意のアスペクト比の長方形を描画できるようになります。 [正方形] オプションを使用すると正方形を描くことができますが、Shift キーを押したままカーソルを移動するだけでこれを行うことができます。 [中心から] オプションは中心から形状を描画する役割を果たしますが、これも Alt (Win) / Option (Mac) キーを押したままにすることで実行できます。
小さな矢印をクリックすると、長方形ツールのその他のオプションが表示されます
シェイプレイヤー
「シェイプ」グループの残りの部分に進む前に、「レイヤー」パネルを見てみましょう。 覚えていると思いますが、レッスンの最初に何を描くかを学びました ベクトル図形 Photoshop では、オプション バーでシェイプ レイヤー オプションを選択する必要があります。 シェイプを描画した後、プログラムが「シェイプ 1」と呼んだシェイプ レイヤー (シェイプ タイプのレイヤー) がレイヤーパネルに表示されたことがわかります。 描画する新しいベクトル形状はそれぞれ独自のレイヤーに配置され、通常のピクセル レイヤーとは見た目が異なります。 レイヤーの左側には、シェイプの現在の塗りつぶしの色を表示する色見本アイコンがあり、色アイコンの右側には、ベクター マスクのサムネイルがあります。
シェイプ レイヤーの左側にはカラー見本アイコンがあり、その右側にはベクター マスクのサムネイルがあります。
前に述べたように、シェイプを作成した後は、シェイプの塗りつぶしの色を簡単に変更できるため、シェイプに適切な色の選択について心配する必要はありません。 これを行うには、シェイプ レイヤーの色見本アイコンをダブルクリックします。
図形の現在の色を変更するには、色見本アイコンをダブルクリックします。
Photoshop はカラー パレットを再度開き、シェイプに別の色を選択できるようになります。 今回は青を選択します。
カラーパレットから別の色を選択します
いつでも戻ってシェイプの色を変更するのは簡単です。
シェイプ レイヤーのカラー見本アイコンの右側には、ベクター マスクのサムネイルがあります。 サムネイルの白い部分が私たちの姿を表しています。 ベクター マスクは、レイヤーを部分的に覆い、特定の領域を表示したままにするという点で通常のレイヤー マスクに似ています。 つまり、ベクターシェイプを描画するとき、プログラムは実際にはレイヤー全体を選択した色で塗りつぶしますが、マスクはシェイプエリア内のカラーのみを表示し、レイヤーエリアの残りのカラーは非表示になります。 「Shapes」グループのツールを使用する場合、もちろんベクター マスクがどのように機能するかを知る必要はありませんが、ツールがどのように機能するかを理解しておくことは常に有益です。 ベクター マスク サムネイル内のシェイプの周囲の灰色の領域は、レイヤー上の色が表示されていない領域を表し、サムネイル内の白い領域は、レイヤー上の色付きの領域を表します。
ベクター マスク上の白い領域は、色が表示されるレイヤー上の領域を表します。
Photoshop がベクター シェイプをどのようにレンダリングするかを確認しやすくするために、Shift キーを押したままベクター マスクのサムネールをクリックして、ベクター マスクを一時的に無効にすることができます。
Shift キーを押したままベクター マスクをクリックしてオフにします
ベクターマスクをオフにすると、レイヤーが開いて、すべて塗りつぶされていることがわかります。 青、形状を埋めるために選択しました。 さらに詳しく見ると、レイヤー上のシェイプの位置を示す細い輪郭が見えます。
ベクターマスクをオフにすると、レイヤー全体が色で塗りつぶされていることがわかります。
ベクターマスクを再びオンにするには、Shift キーを押したままレイヤーパネルでマスクのサムネールを再度クリックします。 マスクをオンにすると、色はシェイプ領域の内側にのみ残り、レイヤーの残りの部分の色は表示されなくなります。 ドキュメントウィンドウ内の図形の周囲の白い領域はレイヤーに属します 背景以下にあります:
ベクターマスクを再度有効にした後のドキュメント
シェイプレイヤーについて学習したので、Photoshop でシェイプグループツールを使用して描画できる他のシェイプを見てみましょう。
角丸長方形ツール
角丸長方形ツールは、角丸長方形を描画できる点を除けば、長方形ツールと非常によく似ています。 設定パネルの「半径」オプションを使用して、角の丸みの程度を調整します。 入力する半径の値が大きいほど、角が丸くなります。 私の場合は、半径の値として 50 ピクセルを入力します。
[半径] オプションを使用して、角を丸くする度合いを決定します。
角丸長方形を描画するには、半径の値を入力した後、ドキュメント ウィンドウ内をクリックして形状の開始点を定義し、マウス ボタンを押したままマウス カーソルをドラッグして形状の描画を終了します。 長方形の場合と同様に、カーソルを移動すると、プログラムは形状の細い輪郭を表示します。
オプション バーに半径の値を入力した後、カーソルをドラッグして角丸長方形を描画します。
マウス ボタンを放すと、Photoshop は形状の描画を終了し、色で塗りつぶします。
マウスボタンを放すと、図形が色で塗りつぶされます。
以下は、半径が 150 ピクセルに設定された別の長方形です。 この値(この図の場合はとにかく) 非常に大きいため、長方形の左側と右側は曲線のような形になります。
半径の値が大きいほど、角が丸くなります。
そして、ここに長方形があります 小さい値半径 - 10 ピクセル。形状の角をわずかに丸くするだけです。
半径の値が小さいと角の丸みが少なくなります
残念ながら、角の丸みの程度をプレビューすることはできません。 四角形を描いた後でのみ、角がどれだけ丸いかを確認できます。 また、Illustrator のように、シェイプの描画中に半径の値を変更することはできません。 また、Photoshop では、形状を描画した後に戻って角の丸みをわずかに調整することさえできません。
上記のすべては、角丸長方形の描画は基本的に試行錯誤の問題であることを意味します。 描画後にシェイプの丸い角が気に入らない場合は、Ctrl+Z (Win) / Command+Z (Mac) を押してすぐに元に戻し、オプション バーに新しい半径値を入力して開始します。再び長方形を描きます。
長方形ツールと同様に、角丸長方形ツールを使用して角丸正方形を描くことができます。 形状の描画を開始したら、Shift キーを押し続けるだけで、角丸長方形が角丸正方形の形状になります。 Alt (Win) / Option (Mac) を押したままにして、中心から図形を描画します。
オプション バーの小さな矢印をクリックして角丸長方形ツールの詳細オプション メニューを開くと、フリースタイル、正方形、中央のオプションが長方形ツールのオプションと同じであることがわかります。 繰り返しますが、キーボード ショートカットと個別のキーを使用してこれらのオプションを選択する方法はすでにわかっています。
長方形ツールと角丸長方形ツールには同じ詳細オプションがあります
楕円ツール
楕円ツールを使用すると、楕円と円を描くことができます。 長方形ツールや角丸長方形ツールと同様に、ドキュメント ウィンドウ内をクリックして形状の開始点を定義し、マウス ボタンを押したままマウス カーソルをドラッグして形状の描画を終了します。
楕円ツールを使用して楕円を描画する
マウス ボタンを放して、形状の描画と色での塗りつぶしを終了します。
エリスいっぱい色
楕円形ツールで作業を開始したら、Shift キーを押したままにして、完璧に描画します。 滑らかな円。 Alt (Win) / Option (Mac) を押すと、中心から形状を描くことができます。
描画を開始し、Shift キーストロークを追加して完全に均等な円を作成します。
オプション バーの小さな矢印をクリックすると、長方形ツールや角丸長方形ツールと同様の楕円ツール オプションが開きます。 唯一の違いは、楕円ツール オプションを使用すると、正方形ではなく円を描画できることです。
楕円ツールには、長方形ツールおよび角丸長方形ツールとほぼ同じオプションがあります。
ポリゴンツール
形状を描画する機能という点では、ポリゴン ツールの方が興味深いです。 長方形ツールを使用すると、4 辺の長方形しか描画できませんが、多角形ツールを使用すると、必要な数の辺を持つ多角形を描画できます。 次に、このツールを使用して星を描く方法を見ていきます。
設定パネルの [辺] オプション ボックスで、多角形に必要な辺の数を指定します。 Sides のデフォルト値は 5 ですが、3 ~ 100 の任意の数値を入力できます。
「側面」オプションを使用して、多角形の側面の数を Photoshop に指示します。
辺の数を指定したら、ドキュメント ウィンドウにカーソルを置き、ドラッグを開始して多角形を描きます。 Photoshop は常に中心から多角形を描画するため、Alt (Win) / Option (Mac) キーを押し続ける必要はありません。 多角形の描画を開始した後、Shift キーを押したままにすると、形状の角度の数を制限し、画面上で希望通りに正確に配置できます。
四角形以外の図形を描くときに欠かせないのが多角形ツールです。
辺の数を 3 に指定すると、三角形を簡単に描くことができます。
多角形ツールで描いた単純な三角形
これは 12 の辺を持つ多角形です。
ポリゴンと12パーティー
多角形ツールで星を描く
多角形ツールを使用して星を描くには、オプション バーの小さな矢印をクリックして多角形ツール オプションのリストを開き、星オプションを選択します。
多角形ツールのオプションのリストから「星」を選択します
「星」オプションを選択した後、ドキュメント ウィンドウ内でマウスをクリックし、カーソルをドラッグして星を描きます。 設定パネルの「側面」オプションは、星上のポイントの数を決定します。 したがって、パラメータのデフォルト値が 5 の場合、五芒星が得られます。
デフォルトでは、星の上部は鋭い角を持っていますが、[滑らかな角] オプションを選択することで角を丸くすることができます。
「外側の角を滑らかにする」オプションを選択します。
以下は、[外側の角を滑らかにする] オプションが選択された五芒星です。
「外側の角を滑らかにする」オプションは、星の角度を和らげます。
[スムーズ インデント] オプションを選択して、星の光線の根元の角を丸くすることもできます。
「内側の角を滑らかにする」オプションを選択します。
そしてまた、私たちのスターはまったく違って見えます:
「内側の角を滑らかにする」オプションを選択して描かれた星
ラインツール
最後に、[幾何学的図形] グループの最後のツールである [線] ツールを見てみましょう。 直線や矢印を描くことができます。 設定パネルの [太さ] パラメーター ボックスに値を入力して、希望の線の太さをピクセル単位で設定します。 私の場合は、16 ピクセルの値を入力します。
[太さ]オプションを使用して線の太さを決定します
次に、ドキュメント ウィンドウ内をクリックし、カーソルをドラッグして線を描きます。 線の描画を開始したら、Shift キーを押したままにして、カーソルの移動方向を制限します。 これにより、水平または垂直の線を簡単に描くことができます。
キーを押したままにしますシフト 水平または垂直の線を引くため
線の端に矢印を設定するには、設定パネルの小さな矢印アイコンをクリックして矢印オプションを選択します。 Photoshop では、線の先頭、末尾、または両端に同時に矢印を追加できます。 より論理的に、線を引く方向に矢印を表示したい場合は、「終了」オプションを選択します。 プログラムでは、線を描いた後に戻って矢印を定義することはできないため、線の描画を開始する前に必ずこのオプションを選択してください。
線が描かれた方向に矢印を追加するには、「終了」オプションを選択します。
以下は、前に描いた線と似ていますが、最後に矢印が付いています。
線ツールを使用すると、矢印を簡単に描くことができます
デフォルトの矢印のサイズが合わない場合は、「幅」パラメータと「長さ」パラメータを使用して変更できます。 「Curvature」パラメータを使用して、矢印に曲がりを追加することもできます。 デフォルトでは、このパラメータの値は 0% です。 それを 50% に増やします。
矢印の形状を変更するには、曲率の値を大きくします。
その結果、矢印の形状が変わります。 繰り返しますが、線の描画を開始する前に必ず「曲率」オプションを選択してください。選択しないと、形状を削除して再描画する必要があります。
曲率を 50% に設定した矢印
図形の周囲の輪郭を非表示にする
描画したシェイプをよく見ると (どのシェイプ ツールを使用したかに関係なく)、その周囲に細い輪郭が表示される可能性があり、これが煩わしい場合があります。 ベクトル シェイプ マスクが選択されると常にシェイプの周囲のアウトラインが表示され、新しいシェイプを描画した後は常にデフォルトで選択されます。
[レイヤー] パネルでシェイプレイヤーを見ると、ベクター マスクのサムネイルの周囲に白で強調表示された境界線があり、マスクが実際に選択されていることを示します。 ベクター マスクの選択を解除すると、シェイプの周囲のアウトラインを非表示にすることができます。 これを行うには、ベクター マスクのサムネイルをクリックするだけです。 サムネイルの周囲の強調表示された境界線が消え、ドキュメント内の図形の周囲の輪郭も消えます。
ベクター マスクのサムネイルをクリックして選択を解除し、形状の周囲のアウトラインを非表示にします
これで完了です。 Photoshop のシェイプ レイヤーと 5 つのシェイプ ツールの操作の基本について説明しました。 次のチュートリアルでは、カスタム シェイプ ツールを使用してより複雑なシェイプを作成する方法を学びます。
翻訳:クセニア・ルデンコ
Photoshopには、 興味深いツール — 「フリーフィギュア」。 実際には、このツールはめったに使用されませんが、依然として多数の機能を備えています。 興味深い機能。 このレッスンでは、任意のシェイプについて学び、そのようなシェイプの独自のセットを Photoshop に個別に追加する方法も学びます。
ツールバーにグループがあります 均質な器具(ショートカットキーU)。 これらには、長方形、角丸長方形、楕円、多角形、線、および 任意の数字.
属性パネルには、標準のものの中から形状を選択できるウィンドウがあります。 これを行うには、サムネイルの右側にある小さな矢印をクリックします。 スクリーンショットを見てください。
フリーフィギュアとは何ですか?
彼女は自分自身を表しています ベクトル画像つまり、サイズ制限はありません。 そのため、品質を損なうことなく、いくらでも伸ばすことができます。
シェイプには、独自の色 (作成前に選択した色以外)、ボリューム、影、境界線などはありません。 このように、これはブラシに似ており、色を自分で設定し、他のものはすべて自分でペイントする必要があります。
使い方?
カスタム形状を描画するには、ドロップダウン リストから形状を選択し、開いているドキュメント内で左クリックしてマウスを横に移動します。 未来図の輪郭が現れているのがわかります。 マウスをさまざまな角度や方向に動かすことで、サイズや形状を調整します。 広くても狭くても構いません。 最初に希望の色を選択してからペイントすることを忘れないでください。
Shift キーを押したままにすると、どの方向にも歪みなく、図を完全に真っ直ぐに描画できます。
Photoshop にシェイプをインストールするにはどうすればよいですか?
Figure のセットを自分でプログラムにインストールできます。 ここでも、たとえば or の場合と同じ原則が適用されます。 これらをインストールするには、まず一連の図をコンピュータにダウンロードします。 このようなセットには拡張子があります。 csh.
その後、図形メニューを開きます。 次の 4 つのコマンドが表示されます。
「ロード...」を選択するとをクリックすると、ダイアログ ボックスが開き、拡張子が付いているファイルへのパスを指定する必要があります。 シーシュ、たとえば次のようになります。
このセットは、すべての形状のリストの最後に自動的に追加されます。 リストに動物のセットがあり、矢印をロードしたとします。 結果は、動物と矢印で構成されるリストです。
「置換...」を選択すると、新しい数字がリストの最後に表示されず、既存の数字を完全に置き換えることを除いて、すべてが同じになります。 たとえば、最初は動物と矢印のセットがリストにロードされていましたが、 交代で開幕することにした装飾品のセット。 その結果、装飾品のみがリストに表示されます。
複数のセットをロードした場合は、次のコマンドを使用して個々の図を削除します。 "消去…"一般に、自分用にセットを作成した場合は、次のコマンドを使用してそれを保存できます。 「カスタムを保存...」。 将来的には、同じ形式でダウンロードしたり、インターネット経由で誰かに転送したりできるようになる予定です。
最後のコマンド 「任意に復元...」すべてをデフォルトに戻すことができます。
同じメニューには、動物、矢印、自然、オブジェクトなどの膨大なリストがあることに注意してください。 これ 標準セットこれらは、Photoshop 開発者からご提供いただきました。
追加の利点を備えた 2 番目のインストール方法
任意のシェイプを Photoshop システム ファイルに直接インストールすることもできます。
これは少し難しいですが、この方法の主な利点は、上で説明したリスト (動物、矢印、自然、オブジェクトなど) にセットが表示されることです。 このツールを頻繁に使用する場合は、このインストール方法を使用すると時間が短縮され、2 回のクリックで目的のセットを選択できるようになります。
これを行うには、次の拡張子を持つファイルをコピーする必要があります。 csh Photoshop システムフォルダーに 「カスタムシェイプ」、通常、彼女のアドレスは次のようになります。 C:\Program Files\Adobe\Adobe Photoshop CS5\プリセット\カスタムシェイプ。
テキスト内のエラーに気付いた場合は、それを選択して Ctrl + Enter を押します。 ありがとう!