Photoshopのベクトル。 Photoshopでベクター画像を正しく開く方法ベクター画像の写真Photoshop

Photoshopでベクター画像を作成する方法をよく尋ねられます。ご存知のように、Photoshopはラスターグラフィックスを処理するためのプログラムであり、ベクトルを操作するためのものではありません。特別なグラフィックエディタは、ベクターグラフィックを操作します。しかし、本当に必要で、新しいプログラムを勉強する時間がない場合は、いくつかの操作を使用して、画像をベクトルに変換できます。

ラスター画像とベクター画像とは何ですか？また、それらはどのように異なりますか

ラスターイメージは、ピクセル（ドット）のグリッドでもあります。おなじみのデジタル写真はすべてラスター画像です。ベクター画像はピクセルではなく、直線、長方形、その他の形状の幾何学的プリミティブで構成されています。

ビットマップを減らしてから大幅に増やすと、その品質が取り返しのつかないほど損なわれます。各ピクセルは特定の色のポイントであり、これらすべてのポイントが一緒になって画像を構成するためです。画像をズームアウトすると、余分なピクセルが破棄されるため、元の外観に戻すことはできません。

ベクター画像を拡大縮小すると、品質を損なうことなくサイズを変更できます。これは、画像を構成する幾何学的形状のサイズを数学的再計算することで可能になります。

ラスター画像を使用すると、視覚的な情報を確実に伝えることができます。ベクター画像にはそのような利点はありません。ベクターグラフィックは、ロゴや線画のレンダリングに役立ちます。あなたはそれらから写真の美しさを得ることができません。または、実際にピクセルを置き換える多数のプリミティブで構成される非常に複雑な画像になります。

ラスターをベクトルに変換する方法の簡単な例

したがって、ベクトルは幾何学的形状で構成されます。 Photoshopには、パスを作成するためのツールがあります。輪郭は幾何学的図形です。 Photoshopでベクター画像を作成するには、画像の輪郭を作成する必要があります。グループのツールはこれを支援します。 選択する: 長方形のマーキーツール, 楕円形選択ツール、**マジックワンドツール 、**「クイック選択」/クイック選択ツールと ペンツール.

ベクトルをきれいにするには、可能な限り最高品質のビットマップを選択する必要があります。そうしないと、輪郭の描画を手動で行う必要があります。

Photoshopでビットマップを開きます（最も一般的なビットマップ形式はJPGです）。ロゴ、輪郭図、スケッチは非常に簡単に処理できます。肖像画のベクトルスケッチを取得するには、最初に肖像画をスケッチに変換します。 「フィルターギャラリー」、または既製のポップアートを使用します。での作業方法 「フィルターのギャラリー」写真からポップアートをすばやく作成することについては、以前の記事で説明しました。この例では、既製のポップアートのポートレートを取り上げます。わざと、最高の解像度ではない写真から作成しました。したがって、ベクターバージョンでは顕著な違いが見られます。

輪郭を操作するには、ブックマークを呼び出す必要があります 「パス」/パスレイヤーパレット上。これを行うには、メニューに移動します 「ウィンドウ」/ウィンドウチェックボックスをオンにします 「パス」/パス..。ブックマークがレイヤーパレットに表示されます。

画像は4色あります（背景はカウントしません）。ツールを使用します 魔法の杖ツール最初の色を選択します。画像内の島が点在するすべての領域を選択するには、 シフト.

最初の色を選択したら、ツールを選択します 「ラッソ」/ラッソまた 長方形のマーキーツール選択を削除せずに、右クリックします。コンテキストメニューで、 作業パスを作成する.

ダイアログボックスで、最大平滑化を指定します 許容範囲（1から10まで。数値が小さいほど、輪郭の繰り返しが良くなります）。押す Ok.

しおりに "回路"最初のアウトラインが表示されます。点のある曲線として画像に表示されます。それらは、ツールで位置合わせして取り付けることができます 直接選択ツール..。このツールを使用して、ポイントを選択し、ポイントの巻きひげを移動して曲線を調整するか、円弧自体を移動します。

しおりに "回路"輪郭の名前を変更します。これを行うには、それをダブルクリックして、ダイアログボックスで名前を変更します。

残りの色で説明されているすべての手順を実行します。その結果、色ごとに4つの輪郭が得られます。

等高線を受け取ったら、ベクトルを作成する必要があります。ブックマークに移動 「レイヤー」/レイヤーレイヤーパレットで、新しいレイヤーを作成します Shift + Ctrl + N..。メインカラーを、最初の輪郭をペイントするカラーに設定します。

ブックマークに戻る "回路"、最初の輪郭になります。アイテムのメインメニュー レイヤー選ぶ 新しい塗りつぶしレイヤー - 「カラー」/無地..。開いたウィンドウで、をクリックします Ok.

今ブックマークに行くことによって レイヤー、新しいレイヤーに最初のベクターレイヤーが表示されます。

次のダイアログボックスで、通常どおり、ファイル名とパスを指定します。

それで全部です。方法は非常に簡単です。

ベクターグラフィックスを頻繁に使用している場合は、この記事から新しいグラフィックスエディターを学ぶことができます。いずれにせよ、あなたは別の便利な方法を学びました。どうぞよろしくお願いいたします。

コースでPhotoshopの詳細をご覧ください。

このチュートリアルでは、シンプルなシェイプツールを使用してPhotoshopCS6でベクターシェイプを描画する基本を学びます。まず、ツールがどのように機能するかを調べます。 "矩形"（長方形ツール ）、「角丸長方形」（角丸長方形ツール）、 "楕円"（楕円ツール）、 "ポリゴン"（ポリゴンツール）と "ライン"（ラインツール）。次に、図形の塗りと線の色を選択する方法、線の外観を変更する方法、図形レイヤーの便利なプロパティを使用して図形を編集する方法などを学びます。学ぶべきことがたくさんあるので、このチュートリアルでは、GeometricShapesグループの5つの基本的なツールの操作とプロパティに焦点を当てます。次のレッスンでは、フリーフォームシェイプツールを使用して、ドキュメントにさらに複雑なシェイプを追加する方法を学習します。

このチュートリアルは、PhotoshopCS6ユーザーを対象としています。古いバージョンのプログラムを使用している場合は、Photoshopの元のシェイプとシェイプレイヤーのチュートリアルを確認してください。

ほとんどの人は、Photoshopはピクセル化された画像の処理にのみ使用されると考えており、優れた画像エディタを求めた場合、ほとんどの場合、答えは「AdobeIllustrator」になります。実際、Adobe Illustratorエディターの機能はPhotoshopプログラムよりもはるかに広いですが、それでも、このレッスンと次のレッスンからわかるように、Shapesグループのさまざまなツールを使用すると、簡単なベクター画像を写真に追加したり、図面

ベクトル形状とは何か、ピクセル形状との違いがわからない場合は、このチュートリアルを確認してください。

シェイプツール

Photoshopでは、Shapesグループの6つのツールから選択できます。 "矩形"（長方形ツール）、 角丸長方形（角丸長方形ツール）、 "楕円"（楕円ツール）、 "ポリゴン"（ポリゴンツール）、 "ライン"（ラインツール）と 「フリーフィギュア」（カスタムシェイプツール）。これらのツールはすべて、ツールバーの1か所にあります。デフォルトでは、長方形ツールが表示されますが、ツールアイコンをクリックしてマウスボタンを押したままにすると、ドロップダウンメニューが画面に表示され、必要なツールを選択できる他のツールのリストが表示されます。

長方形ツールアイコンをクリックすると、Shapeグループの他のツールを表示できます。

リストの最初のツールである長方形ツールを選択します。

ベクターシェイプ、パス、およびピクセルシェイプ

図形の描画を開始する前に、描画する図形の種類をPhotoshopに指示する必要があります。実際には、Photoshopでは、ベクトル図形、パス、ピクセル図形の3種類の図形を描画できるためです。これらのタイプの形状の違いについては、他のレッスンで詳しく説明しますが、「Photoshop CS6でベクトル形状とピクセル形状を描画する」のレッスンですでに学習したように、ほとんどの場合、ベクトル形状を描画します。ピクセル形状とは異なり、ベクトル形状は非常にサイズ変更可能で、完全にスケーラブルで、解像度に依存しません。これは、画質を損なうことなく、必要に応じて編集、サイズ変更できることを意味します。ベクトル形状のエッジは、画面上と印刷時の両方でシャープでシャープなままです。

パスやピクセル化された形状ではなくベクトル形状を描画するには、 "形"画面上部のツール設定バーの（形状）：

設定パネルで「形状」ツールモードを選択します

図形を色で塗りつぶす

塗りつぶし色見本アイコンをクリックします

その結果、ダイアログボックスが開き、別のアイコンで示される、図形を塗りつぶす4つの方法のいずれかを選択するように求められます。左から右に、色なしアイコン（赤い斜めのストライプ付き）、塗りつぶしアイコン、グラデーションアイコン、およびパターンアイコンが表示されます。

4つの形状塗りつぶしオプション（色なし、単色、グラデーション、およびパターン）

塗りつぶし方法「色なし」

名前が示すように、fillメソッド 「色なし」（色なし）は、図形を色で塗りつぶしません。なぜ私たちは空の形が必要なのですか、あなたは尋ねるかもしれませんか？場合によっては、形状の輪郭を細くしたい場合もあります。次に、図形にストロークを追加する方法を見ていきますが、塗りの色のないパスのみを図形に含める場合は、[色なし]オプションを選択します。

図形をどの色でも塗りつぶす色はありません

以下は、[色なし]オプションを適用した後のサンプル形状です。私たちが目にするのは、図の細い輪郭、いわゆる「輪郭」だけです。アウトラインはPhotoshopでのみ表示されるため、ドキュメントの印刷またはJPEGまたはPNG形式での保存を開始すると、アウトラインは表示されなくなります。表示するには、ストロークを追加する必要があります。これについては、すべてのオプションを説明した後でさらに詳しく説明します。 塗りつぶし（塗りつぶし）：

塗りつぶし方法として「色なし」を選択すると、図形の輪郭のみが表示されます（それでも、Photoshopでのみ表示されます）。

単色塗りつぶし方法

図形を色で塗りつぶすには、オプションを選択します 「ピュアカラー」（単色）（左から2番目のアイコン）：

「単色」パラメータアイコンをクリックします

[単色]オプションを選択した後、色見本の1つをクリックして、形状の色を選択します。最近使用した色が行に表示されます 「最近使用した色」（最近使用された色）主な見本の上：

見本をクリックして色を選択します

必要な色が見本に含まれていない場合は、ダイアログボックスの右上隅にある[カラーピッカー]アイコンをクリックします。

カラーピッカーアイコンをクリックします

次に、カラーピッカーで目的の色を選択します。色を決定したら、[OK]をクリックしてパレットを閉じます。

カラーピッカーで、図形を塗りつぶす色を選択します

以下は同じ形ですが、今回は色で塗りつぶされています。

私たちの形は今色で満たされています

塗りつぶし方法「グラデーション」

図形をグラデーション塗りつぶしで塗りつぶすには、オプションを選択します "勾配"（勾配）。次に、サムネイルの1つをクリックして目的のグラデーション見本を選択するか、グラデーションサムネイルの下のオプションを使用して独自の見本を作成します。別のチュートリアルでは、グラデーションを作成および編集する方法を見ていきます。

まず、[グラデーション]パラメータを選択してから、目的のグラデーション見本を選択します

以下は同じ形状ですが、今回はグラデーション塗りつぶしで塗りつぶされています。

これで、事前定義されたグラデーション見本の1つで図形が塗りつぶされました。

パターン塗りつぶし方法

最後に、オプションを選択します "パターン"（パターン）、パターンで形を埋めることができます。サムネイルの1つをクリックして、完成したパターンを確認します。当初、プログラムには多くのパターンはありませんが、インターネットからダウンロードした、または小さな歯車のアイコン（カラーピッカーアイコンの下）をクリックして選択することにより、自分で作成した追加のパターンをダウンロードすることもできます。 「ダウンロードパターン」（ロードパターン）ポップアップメニューから：

まず、「パターン」パラメータを選択してから、目的のパターンサンプルを選択します

そして、これは、Photoshopのパターンの1つで満たされた形状がどのように見えるかです。ダイアログボックスを閉じるには "塗りつぶし"（入力）、Enter（Win）/ Return（Mac）キーを押すか、設定パネルの空のスペースをクリックします。形状に適した色、グラデーション、またはパターンを選択することに疑問がある場合でも、心配しないでください。後で、それらを変更する方法について説明します。

選択したパターンで満たされた形状

図形にストロークを追加する

デフォルトでは、Photoshopは図形のエッジに線を追加しませんが、線を追加するのは色で塗りつぶすのと同じくらい簡単です。実際、パラメータオプション 「ストローク」（「ストローク」）（ストローク）と "塗りつぶし"（塗りつぶし）はPhotoshop CS6でも同じなので、使い方はすでにご存知でしょう。

ストロークを追加するには、オプションバーのストロークの色見本をクリックします。

ストロークの色見本をクリックします

その結果、ストロークの色を選択していることを除いて、塗りと同じオプションでダイアログボックスが開きます。ウィンドウの上部にも4つのアイコンがあります 「色なし」（色なし）、 「ピュアカラー」（ソリッドカラー）、 "勾配"（グラデーション）と "パターン"（パターン）。デフォルトでは、[色なし]オプションが選択されています。次に、[単色]オプションを選択し、見本から選択してストロークの色を黒に設定します。塗りつぶしの場合と同様に、必要な色が見本に含まれていない場合は、上隅にあるカラーピッカーアイコンをクリックして、目的の色を手動で選択します。

ストロークの[単色]オプションを選択し、色見本から目的の色を選択します。

ストロークの幅を変更する

ストロークの幅（太さ）を変更するには、パラメータを使用します "幅"（幅）オプションバーの線見本の右側にあります。デフォルトでは、その値は3ポイントです。幅を変更するには、特定の値をデータ入力ウィンドウに直接入力するか（入力後にEnter（Win）/ Return（Mac）を押してデータを確認する）、または値の右側にある小さな矢印をクリックしますスライダーを動かします。

ストロークの幅を変更します

エッジを揃えるオプション

設定パネルの右側をさらに見ると、オプションが表示されます エッジを揃える（エッジを揃える）。このオプションを有効（チェック）にすると、Photoshopは図形のエッジをピクセルグリッドに揃えます。その結果、シャープで鮮明なままになります。

[エッジを揃える]オプションがオンになっていることを確認します

ただし、[エッジを揃える]オプションを機能させるには、単にそれを選択するだけでは不十分です。また、ストローク幅をポイント（pt）ではなくピクセル（px）にする必要があります。ストロークの幅は現在ポイント（デフォルトの単位）で測定されているため、戻って10ピクセル（px）の新しい幅の値を入力します。

[エッジを揃える]オプションを機能させるには、ストロークの幅をピクセル（px）で設定します。

以下では、形状に10ピクセルの黒いストロークを適用しました。

輪郭が黒いシンプルな形

図形にストロークを追加した後、戻ってオプションバーの塗りつぶし色見本をクリックすると、塗りつぶし方法を選択します 「色なし」（色なし）、一筆書きで形の輪郭だけにします。形は中が空になります。形が白く塗りつぶされているように見えるかもしれませんが、それはドキュメントの背景色が実際に見える白であるためです。

同じ形状、塗りつぶしオプション「色なし」

追加のストロークオプション

デフォルトでは、プログラムはストロークを実線で描画しますが、ボタンをクリックしてこれを変更できます シェイプストロークタイプを設定する（ストロークオプション）設定パネル：

「形状のストロークタイプを設定する」ボタンをクリックします

これにより、ダイアログボックスが開きます ストロークオプション（ストロークオプション）。ストロークの外観を実線から破線または点線に変更できます。パラメータ整列（整列）を使用すると、ストロークの整列のタイプを選択できます。パスの内側、外側、または中央です。ストロークの線の端を作成できます（パラメータ 「終わり」（キャップ））丸みを帯びた、正方形、または太く、ストローク内の線の接合部（パラメータ 「コーナー」（コーナー）：鋭い、丸みを帯びた、または斜めになっています。ボタンを押したとき 「その他のパラメータ」ダイアログボックスの下部にある（その他のオプション）は、点線のストロークとスペースに特定の値を設定したり、設定をプリセットとして保存したりできる別のウィンドウを開きます：

ストロークオプション

以下は同じストロークの形状ですが、今回は実線ではなく点線が選択されています。

ストロークの外観が実線から破線に変わりました

長方形ツール

そのため、ツールバーでさまざまな図形グループツールを選択する方法、塗りと線の色を選択する方法、および線の外観を変更する方法については、すでに学習しました。それでは、ベクトル形状自体を描画する方法を学びましょう！リストの最初の形状グループツールを調べることから始めます- "矩形"（長方形ツール）。以前と同じように、ツールバーから選択します。

長方形ツールの選択

長方形ツールを使用すると、単純な四角形の形状を描画できます。図形を描画するには、ドキュメントウィンドウをクリックして、図形の開始点を定義します。次に、マウスボタンを押したまま、マウスカーソルを斜めにドラッグして、図形の描画を終了します。カーソルを移動すると、将来の形状の細い輪郭（輪郭）が表示されます。

カーソルをドラッグして長方形を描きます。カーソルを動かすと、図形の細い輪郭が表示されます。

マウスボタンを離すと、プログラムは設定パネルで選択した色で図形を塗りつぶします。

マウスボタンを離すとすぐに、プログラムは図形を色で塗りつぶします

描画後の形状のサイズ変更

初期形状を描画すると、現在の寸法がオプションバーに表示されます。幅（幅（W））と高さ（高さ（H））。私の場合、幅533ピクセル、高さ292ピクセルの形状を描画しました。

形状の初期寸法（幅と高さ）は設定パネルに表示されます

描画後に図形のサイズを変更する必要がある場合（この方法はすべての図形ツールで機能します）、適切な[幅]ボックスと[高さ]ボックスに新しい値を入力するだけです。たとえば、シェイプの幅を500pxにする必要があるとします。幅の値を500ピクセルだけ変更する必要があります。必要に応じて、特定の高さの値を入力することもできます。形状の高さまたは幅を変更するときに比率を変更しない場合は、最初に高さと幅の値の間の小さなチェーンアイコンをクリックします：

次に、チェーンアイコンをアクティブにした後、高さまたは幅の新しい値を入力します。この場合、Photoshopは2番目のパラメーターの対応する値を自動的に置き換えます。私の場合、幅500ピクセルの新しい値を手動で入力しましたが、チェーンアイコンがアクティブになっているため、Photoshopも高さの値を273ピクセルに変更しました。

形状のサイズ変更

描画する前に図形のサイズを変更する

図形を描く前に、その図形の正確な高さと幅を知っている場合は、便利なトリックが1つあります。図形ツールを選択した状態で、ドキュメント内の任意の場所をクリックするだけです。その結果、ダイアログボックスがすぐに開き、高さと幅に必要な値を入力できます。 [OK]をクリックしてダイアログを閉じると、プログラムが自動的に図形を描画します。

ドキュメント内の任意の場所をクリックして幅と高さの値を入力すると、プログラムが自動的に図形を描画します

中心から形を描く

シンプルでありながら便利なキーボードショートカットをいくつか見てみましょう。キーを長押しすると Alt（Win）/ Option（Mac）カーソルを移動すると、角からではなく、中央から図形が描画されます。この手法は、長方形ツールだけでなく、すべての形状ツールで機能します。最初に図形の描画を開始してから、Alt（Win）/ Option（Mac）キーを押す必要があることに注意してください。また、最初のマウスボタンを離してから、Alt（Win）/ Option（Mac）キーを押す必要があります。そうしないと、テクニックが機能しません。

Alt（Win）/ Option（Mac）を押したままにして、中心から図形を描画します

正方形を描く

正方形を描くには、ドキュメントウィンドウにカーソルを置き、ドラッグして長方形を描き始めます。これを開始したら、キーを押します シフトカーソルを動かしながら押し続けます。 Shiftキーを押すと、形状が正方形に変換されます。繰り返しになりますが、カーソルの移動を開始して最後に離した後、Shiftキーを押すことを忘れないでください。そうしないと、正方形が描画されません。キーを押し続けると、2つのキーボードショートカットを組み合わせることができます Shift + Alt（勝つ） /Shift +オプション（マック）ツールを使用する場合 "矩形"（長方形ツール）、その結果、中心から完全な正方形を描画します。

Shiftキーを押しながらカーソルを移動して、正方形を描画します

繰り返しますが、ペイントすると、正方形の細い輪郭しか表示されませんが、マウスボタンを離すと、Photoshopが選択した色で塗りつぶします。

プログラムは、図形を色で塗りつぶす前に、常にマウスボタンを離すのを待ちます

シェイプツールオプション

設定パネルを見ると、パラメータの左側にあります エッジを揃える（エッジを揃える）歯車のアイコンが表示されます。それをクリックすると、現在選択されている「形状」グループのツールの追加設定を含むダイアログボックスが開きます。

歯車のアイコンをクリックします

ツールを選択したので "矩形"（長方形ツール）、歯車アイコンをクリックすると、長方形ツールの追加オプションが表示されます。後で説明するポリゴンツールとラインツールを使用する場合を除いて、キーボードからこれらのオプションにアクセスする方法についてはすでに説明しているため、このメニューをあまり頻繁に使用することはありません。たとえば、パラメータ 「恣意的に」（制約なし）を使用すると、任意のサイズとアスペクト比の形状を描画できますが、デフォルトではすべての形状グループツールがこのように機能するため、このオプションを特に選択する必要はありません。パラメータ "平方"（Square）を使用すると、長方形ツールを使用して正方形を描画できますが、Shiftキーを押しながらカーソルを移動するだけで描画できます。パラメータ 「中心から」（中央から）は中央から形状を描画する役割を果たしますが、ここでも、Alt（Win）/ Option（Mac）を押したままにすることでこれを行うことができます。

オプションを選択した場合 「目標サイズ」（固定サイズ）または 「比率を設定する」（比例）そして幅と高さの値を入力します。これらの値は、すでに描画した形状だけでなく、次に描画される形状にも影響します。したがって、図を描いた後に戻ってパラメータを再選択することを忘れないでください。 「恣意的に」（制約なし）、それ以外の場合、描画される新しい図はそれぞれ同じサイズまたは比率になります。

表示されるオプションは、Shapesグループのどのツールが選択されているかによって異なります。

シェイプレイヤーの編集

Photoshopでベクターシェイプを描画するには、描画モードを設定する必要があることを以前に学びました- "形"（形状）（パスやピクセル形状とは対照的）。ベクトル形状を描画すると、プログラムはそれをと呼ばれる別の特別なレイヤーに自動的に配置します シェイプレイヤー（シェイプレイヤー）。レイヤーパネルを見ると、ツールで描いた形がわかります "矩形"（長方形ツール）、別のシェイプレイヤー「長方形1」にあります。レイヤーの名前は使用したツールによって異なるため、楕円ツールで楕円を描くと、形状レイヤーは楕円1と呼ばれます。

新しいベクターシェイプはそれぞれ、個別のシェイプレイヤーに配置されます

通常のレイヤーとシェイプレイヤーの視覚的な違いは、シェイプレイヤーのサムネイルの右下隅に小さなシェイプアイコンがあることです。

レイヤーサムネイルのアイコンは、これがシェイプレイヤーであることを示しています。

シェイプレイヤーと通常のピクセルレイヤーの主な違いは、シェイプレイヤーは完全に編集可能なままであるということです。以前に図形の塗りと線の色を選択する方法を学んだとき、図形を描画した後でもいつでも戻って色を変更できると言いました。必要なのは、レイヤーパネルでシェイプレイヤーが選択されていることと、シェイプグループツールがアクティブになっていることを確認することだけです。次に、色見本のいずれかをクリックするだけです 詰め物（塗りつぶし）、またはカラーサンプル ストローク（ストローク）設定パネルで別の色を選択します。必要に応じてストローク幅を変更したり、他のパラメータを操作したりすることもできます。塗りつぶしの色見本をクリックします。

シェイプレイヤーを選択した状態で、塗りつぶしの色見本をクリックします。

青いサンプルをクリックします

見本をクリックするとすぐに、プログラムはすぐに新しい色で図形を塗りつぶします。

形状を再描画することなく、形状の色が変更されました

また、レイヤーパネルをもう一度見ると、シェイプレイヤーのサムネイルの色も変わっていることがわかります。

変更を加えると、シェイプレイヤーのサムネイルの外観も変更されました。

角丸長方形ツール

Shapesグループツールの2番目を見てみましょう- 角丸長方形（角丸長方形ツール）。ツールバーから選択します。

角丸長方形ツールを選択します

Rounded Rectangleツールは、Rectangleツールと非常によく似ていますが、丸みを帯びた長方形を描画できる点が異なります。パラメータを使用して角の丸みを調整します "半径"（半径）設定パネルで。入力する半径の値が大きいほど、角は丸くなります。形状の描画を開始する前に、半径の値を設定する必要があります。私の場合、「半径」パラメーターの値を50ピクセルに設定します。

半径オプションを使用して、角の丸みの程度を定義します

半径の値を設定した後、角の丸い長方形を描くことは、通常の長方形を描くことに似ています。まず、ドキュメントウィンドウをクリックして図形の開始点を定義し、次にマウスボタンを押したままマウスカーソルを斜めにドラッグして図形の描画を終了します。長方形の形状と同様に、カーソルを移動すると、プログラムは形状の細い輪郭を描画します。

オプションバーに半径の値を入力した後、ドラッグして丸みを帯びた長方形を描画します

マウスボタンを離すと、Photoshopは図形の描画を終了し、色で塗りつぶします。

マウスボタンを離すと、図形が色で塗りつぶされます。

以下は、半径150ピクセルの別の長方形です。この値は非常に大きいため（とにかくこの形状の場合）、長方形の左側と右側は曲線のように形作られます。

半径の値が大きいほど、角が丸くなります。

そして、これは10ピクセルの小さな半径値を持つ長方形で、形状の角をわずかに丸めています。

半径の値が小さいほど、角が丸くなりません

残念ながら、PhotoshopCS6の角の丸みの程度のプレビューはありません。長方形を描いて初めて、角がどれだけ丸くなるかがわかります。また、図形の描画中に半径の値を変更することはできませんが、Photoshopでは、図形を描画した後に戻って半径の値を変更することはできません。上記のすべては、丸みを帯びた長方形を描くことは本質的に試行錯誤のプロセスであることを意味します。

長方形の角の丸みが気に入らない場合は、長方形を描いた後、メニューセクションに移動します "編集"画面上部の（編集）を選択します 元に戻す：角丸長方形ツール（角丸長方形ツールを元に戻す）（またはキーボードショートカットのCtrl + Z（Win）/ Command + Z（Mac）を押す）。その結果、図形がドキュメントから削除されます。次に、オプションバーに半径の新しい値を入力し、長方形の描画をやり直します。

[編集]> [元に戻す：角丸長方形ツール]を選択します

長方形ツールについて学習したときに見たのと同じキーボードショートカットが、角丸長方形ツールで機能します。角が丸い正方形を描くには、図形の描画を開始してから、長押しします。 シフト。マウスボタンを離した後、Shiftキーを放します。

角ではなく中心から図形を描くには、図形の描画を開始してから長押しします。 Alt（Win）/ Option（Mac）。そして最後に、共有キーストローク シフト+ Alt (勝つ) / シフト+ オプション (マック) 中心から正方形が描かれます。キーを離す必要があるのは、マウスボタンを離した後でのみです。

楕円ツール

道具 "楕円"（楕円ツール）を使用すると、楕円と円を描くことができます。ツールバーから選択します。

楕円ツールの選択

これまで見てきた他のツールと同様に、ドキュメントウィンドウをクリックして図形の開始点を定義し、マウスボタンを押したままマウスカーソルを斜めにドラッグして図形の描画を終了します。

楕円ツールを使用して楕円を描画します

マウスボタンを離して図形の描画を終了し、色で塗りつぶします。

形は色でいっぱいです。

楕円ツールを使用して完全に真っ直ぐな円を描くには、ドラッグを開始してから長押しします シフト..。中心から楕円を描くには、長押しします Alt (勝つ) / オプション (マック) 描画を開始した後。キーを同時に押し続ける シフト+ Alt (勝つ) / シフト+ オプション（Mac）は中心から円を描くことができます。そしていつものように、マウスボタンを離した後にのみキーを離します。

楕円ツールで描かれた円

ポリゴンツール

道具 "ポリゴン"（ポリゴンツール）は、図形を描く可能性の点で私たちにとってより興味深いものです。ツールバーから選択します。

ポリゴンツールの選択

長方形ツールを使用している間は、四角形の長方形しか描画できませんが、ポリゴンツールを使用すると、必要な数の辺を持つポリゴンを描画できます。次に、このツールを使用して星を描く方法を見ていきます。ポリゴンツールを使用して形状を描画するには、最初にパラメータボックスに必要な辺の数を入力します 「パーティー」（サイド）設定パネル。 3から100までの任意の数を入力できます。デフォルトでは、辺の数は5であり、次のようにしておきます。

「Sides」パラメータボックスに辺の数を入力します

辺の数を指定したら、カーソルをドキュメントウィンドウに置き、ドラッグして多角形を描画します。 Photoshopは常に中心から多角形を描画するため、Alt（Win）/ Option（Mac）を押し続ける必要はありません。キーを押し続ける シフトポリゴンの描画を開始すると、シェイプのコーナーの数を制限して、画面に希望どおりに配置できるようになります。

ポリゴンツールで描画された5面形状

辺の数を3に指定することで、簡単に三角形を描くことができます。

ポリゴンツールで描画された単純な三角形

以下は12辺のポリゴンです。角丸長方形ツールの半径オプションと同様に、図形を描画した後は辺の数を変更できないため、間違えた場合はメニューセクションに移動する必要があります。 "編集"画面上部の（編集）を選択します 元に戻す：ポリゴンツール（ポリゴンツールを元に戻す）（またはCtrl + Z（Win）/ Command + Z（Mac）を押します）、[側面]ボックスに別の値を入力して、図形を再描画します。

12辺のポリゴン

ポリゴンツールで星を描く

ポリゴンツールを使用して星を描くには、設定パネルの歯車アイコンをクリックしてから、オプションを選択します。 "星"（星）：

歯車のアイコンをクリックして、「スター」パラメータを選択します

次に、ドキュメントウィンドウをクリックし、カーソルをドラッグして星を描きます。パラメータ 「パーティー」設定パネルの（側面）は星の頂点の数を決定するため、パラメータのデフォルト値が5の場合、5つの尖った星が得られます。

ポリゴンツールで描かれた五芒星

Sidesパラメーターを8に変更すると、8つの尖った星が得られます。

Sidesパラメータを使用して、星の頂点の数を定義します

パラメータを使用して星の光線の鋭さを上げることにより、爆発する星のような形状を描くことができます。 「光線の深さ」（インデントサイドバイ）。デフォルトでは、このパラメーターの値は50％ですが、値を90％に増やします。また、星の頂点の数を16に増やします。

Rays Depth値を増やして、爆発する星のように見える形状を描画します

そして、これが私が得た図です：

ポリゴンツールで描かれた爆発する星

デフォルトでは、星の頂点には鋭い角がありますが、オプションを選択することでそれらを丸めることができます 滑らかな外側のコーナー（スムーズコーナー）：

[外側のコーナーを滑らかにする]オプションを選択する

以下は、Smooth OuterCornersオプションが選択された5つの尖った星です。

滑らかな外側の角は星の角度を和らげます

オプションを選択することで、星の光線の基部の角を丸めることもできます 滑らかな内側のコーナー（滑らかなインデント）：

[内側のコーナーを滑らかにする]オプションを選択する

繰り返しますが、私たちの星は完全に異なって見えます：

滑らかな内側の角が選択された描画された星

ラインツール

Shapesグループの最後の主要なツールはツールです "ライン"（ラインツール）。ツールバーから選択します。

線ツールの選択

このツールを使用すると、単純な直線を描くことができますが、それを使用して矢印を描くこともできます。直線を描くには、まずパラメータボックスに値（ピクセル単位）を入力して線幅を設定します 「厚み」（重量）設定パネルで。デフォルトでは、厚さは1ピクセルですが、16ピクセルに増やします。

パラメータ「太さ」は、線の太さ（または幅）を表します

次に、他のShapesグループツールと同様に、ドキュメントウィンドウをクリックし、カーソルをドラッグして線を描画します。水平線または垂直線を描きやすくするには、 シフト、線の描画を開始したら、マウスボタンを放してShiftキーを押します。

Shiftキーを押したままにして、水平線または垂直線を描画します

方向矢印を描く

矢印を描くには、設定パネルの歯車アイコンをクリックしてオプションを開きます 「矢」（鏃）。矢印を追加する場所を選択します。線の始点、終点、または両端を同時に選択します（矢印を線を引く方向と同じ方向に向ける場合は、オプションを選択します。 "最終的には"（終わり））：

ギアアイコンをクリックして、矢印オプションにアクセスします。

以下は前の行と似ていますが、最後に矢印アイコンがある点が異なります。

線ツールで簡単にガイド矢印を描く

デフォルトの矢印のサイズが適切でない場合は、オプションを使用して変更できます "幅"（幅）と "長さ"（長さ）。パラメータを使用して矢印に曲線を追加することもできます 「曲率」（凹面）。デフォルトでは、このパラメーターの値は0％ですが、50％に増やします。

パラメータ「曲率」の値を大きくして、矢印の形状を変更します。

そして、これは矢印が今どのように見えるかです。線の描画中は変更できないため、線の描画を開始する前に、必ず線ツールオプションの値を選択してください。変更を加える場合は、図形を削除して再描画する必要があります。

曲率値が50％の矢印

図形の周りのアウトラインを非表示にする

このチュートリアルで図形を描くたびに、プログラムはその細い輪郭を表示しました。マウスボタンを離すと、プログラムは図形の描画を終了し、色で塗りつぶしました。問題は、描いた形をよく見ると、その周りにどこにも行かなかった細い輪郭が見える可能性が高いということです。 V＆

コンピュータグラフィックスは非常に広い概念です。この用語の言及で、ピクサーとドリームワークスの3次元の傑作を考える人もいれば、デジタル写真について考える人もいれば、コンピューターゲームのデザインについて考える人もいます。しかし、このフレーズをベクターグラフィックスと関連付ける人は確かにたくさんいるでしょう。ベクターグラフィックスの並外れた人気にもかかわらず、多くのユーザーはベクターグラフィックスの特殊性に完全に慣れていません。「ベクターグラフィックス」という言葉の背後にあるものと、なぜそれが需要があるのですか？

一般的なビットマップはドットの配列です。この配列は、最大の精度または近似でレンダリングできます。前者の場合、ビットマップ情報は失われることなく転送されますが、多くのメモリを消費します。 2番目のケースでは、グラフィック画像を条件付きの精度で送信できます。これは、「知覚できる損失なしに」MP3形式に圧縮されたサウンドとの直接的な類似性を示唆しています。グラフィックの場合、同様の形式はJPGです。適度でそれほど高くない圧縮率では、元のポイントの配列はかなり推測されます。ラスターグラフィックスをレンダリングするためのアルゴリズムは異なる場合がありますが、その本質は同じです。画像はピクセルマトリックスに厳密にバインドされています。

ベクトル画像のレンダリングには、まったく異なるアプローチが使用されます。各ベクトル描画は、幾何学的形状と曲線を使用して作成されます。画像を記述するときに数学を使用すると、大きな利点が得られます。ベクトル要素をスケーリングするときに、元の画像の品質が低下することはありません。サイズ変更時のビットマップ画像の動作は異なります。画像内のオブジェクトの線を拡大すると、目立つ「くし」が生い茂ります。ビットマップには線や幾何学的形状などの連続要素を事前に含めることができないため、これらのアーティファクトは最初は画像に存在します。ラスター内のこれらすべては、ピクセルのマトリックスのように見えます。これは、ラスターイメージが拡大されるほど目立ちます。

ベクター形式にも欠点があります。画像を構成するために単純な要素を使用する必要性は、複雑な画像の解釈に対する深刻な障害になることがよくあります。たとえば、通常の風景写真をベクトル形式に変換することは非常に困難です。これは、その上に多くのオブジェクトがあり、それらのジオメトリが非常に複雑であるためです。

産業用印刷では、ベクター形式は、大小を問わず、あらゆるサイズの画像を印刷するのに同じように適しています。ラスター画像を拡大すると、モザイクになるだけでなく、圧縮アーティファクトが含まれる場合があります。さらに、ベクトル形式は数式で簡単に記述できるため、プログラミングでの使用に便利です。

プロのデザイナーは、AdobeIllustratorやCorelDrawなどのベクターグラフィックを作成するために長年にわたって証明されたツールを使用しています。しかし、Tシャツやテクニカルイラストレーションに印刷するためのロゴをすばやく作成する必要がある趣味の人にとっては、そのような面倒で高価なアプリケーションに頼る必要はありません。あなたは無料で、時にはオンラインツールでさえうまくいくことができます。彼らの助けを借りて、ラスター画像をベクター画像に変換したり、シンプルなデザインのスケッチを作成したり、ギョーシェパターンを生成したりすることができます。

⇡「GoogleDrawings」はいつでも手元にある最も簡単なベクターエディタです

最も有名でシンプルで手頃な価格のオンラインベクターエディタは、Googleドライブサービスの図面です。このWebアプリケーションは、Googleのオンラインオフィスの一部であり、ベクターグラフィックを作成するよりも、コラボレーションと他のタイプのオフィスドキュメントへのグラフィックの追加に重点を置いています。ただし、それを操作するための基本的なツールはまだいくつかあります。

Pictures Webアプリケーションを使用すると、さまざまな図形、矢印、引出線、グラフィック数式を作成したり、直線、曲線、ポリライン、矢印、落書きを追加したりできます。テキスト要素の追加、ラスター画像のインポートも可能です。ベクター画像はインポートできますが、編集することはできません（プレビューのみが利用可能です）。

⇡オートトレーサー-無料のラスターからベクトルへのコンバーター

複雑なベクトル描画の場合、最初から作成するのではなく、ビットマップをベクトル化する、つまりベクトル形式に変換する方が簡単な場合があります。このプロセスは、トレースとも呼ばれます。

ほとんどすべてのベクターエディターにはそれを行うためのツールがありますが、オンラインツールを使用するとベクター化をさらに簡単にすることができます。同様のサービスを提供する複数のWebサービスを見つけることができます。たとえば、無料のリソースAutotracerは非常に便利です。 PNG、BMP、JPEG、GIFファイルをベクター形式に変換し、SVG、EPS、PDF、DXF形式で保存するために使用できます。

このサービスは完全に無料ですが、1つの制限があります。ソースファイルのサイズは1メガバイトを超えてはなりません。変換する前に、いくつかの設定を行うことができます。ベクトル化の前にビットマップに残される色の数を決定し、ノイズを取り除き、どの場合に線が曲線として扱われるかを示します。プロセス自体は非常に高速であるため、最終的な画像の品質が適切でない場合は、いつでも設定を試して再試行できます。

⇡VectorPaintは、ブラウザがなくても機能するChromeのベクターエディタです。

ベクターペイントは、HTML5に組み込まれたGoogle Chrome用のウェブアプリケーションですが、ブラウザがなくても機能します。これは、今年9月の初めに発表された新世代のアプリケーションに属しています。このようなアプリケーションはデスクトップから直接起動できます。開いているブラウザやインターネットへのアクセスは、それらを使用するために必要ありません。

ベクターペイントには、プロジェクトで使用できるさまざまなプリセットシェイプのかなり大きなコレクションが含まれています。時計、雲、矢印、動物、メモなどがあります。図形は、直線と破線、自由形式の図形を描画するためのツール、長方形、楕円を使用して手動で作成することもできます。要素ごとに、色、太さ、ストロークの種類、塗りつぶしの色を選択し、部分的に透明にし、多くの効果（歪み、影、テクスチャ、疑似3Dなど）の1つを追加できます。プロジェクト内の要素を管理するためのツールもあります。要素を前面に移動したり、元に戻したりすることができます。要素をより正確に配置するために、多数の位置合わせツールがあります。ルーラーの表示をオンにすることもできます。

デフォルトでは、作業は1つのレイヤーで実行されますが、必要に応じて、複数のレイヤーで作業する機能を追加できます。この機能はアドオンとして実装されています。それをインストールするには、何もダウンロードする必要はありません。同じ名前のメニューでプラグインを選択するだけです。レイヤーの操作には、選択したレイヤーを結合したり、一部を非表示にしたり、選択した要素を別のレイヤーに転送したりする機能が含まれます。

ベクターペイントは、アプリケーションに簡単に追加できる他のアドオンを提供します。これらは、テキスト（追加のフォント、間隔の設定、碑文の個々の要素）の操作、マーカーの追加、画像を使用したフォーム上の繰り返しパターンの作成のための高度な可能性です。追加のストロークと塗りつぶしオプションもプラグインメニューから含まれています。

完成したプロジェクトはSVG形式で保存され、PNGおよびJPEGにエクスポートすることもできます。

⇡SVG-編集-オンラインベクターエディター

SVG-Editは、任意のブラウザで実行できるJavaScriptベースのベクターエディタです。オンラインサービス（この場合、デモアドレスはアクセスに使用されます）、およびWebアプリケーション（この場合、SVG-Editファイルを含むアーカイブをダウンロードし、解凍して実行する必要があります）として使用できます。任意のブラウザのアプリケーションファイル）。

SVG-EditはSVGファイルで完全に機能し、プロジェクトをこの形式で保存することと、そのようなファイルを開いて変更することの両方を可能にします。さらに、SVGファイルを個別の要素としてプロジェクトにインポートできます。

SVG-Editでベクターグラフィック要素を作成するには、破線、長方形、正方形、楕円、円、多角形、輪郭、テキストを使用できます。要素を色で塗りつぶしたり、放射状のグラデーションを含むグラデーションを使用したりすることができます。レイヤーの操作、グリッドの表示、ワイヤーフレームでの要素の表示をサポートします。要素の配置を変更したり（上、下）、選択したベクターシェイプをすばやく複製したり、グループ化したりするためのツールがあります。多くのコマンドは、コンテキストメニューから利用できます（従来のデスクトップエディターの場合と同様）。キャンバス上で位置合わせするためのツールには非常に多くの注意が払われています。選択したオブジェクト、最大または最小のオブジェクトに関連して要素を位置合わせできます。

このプログラムには、既製の形状の大規模なライブラリ（Vector Paintで使用されているものと同じ）がありますが、IAN ImageLibraryのベクターグラフィック要素の巨大な無料ライブラリへのアクセスも提供します。使用するには登録が必要ですが、ベクターグラフィックサンプルのコレクションをエディターから直接表示して、現在または新しいプロジェクトにすぐに追加できます。

⇡Chittram-シンプルなオンラインエディタ

Chittramは、Webアプリケーションのように機能するもう1つのベクターエディターです。 SVG-Editとは異なり、サーバーにプロジェクトを保存する機能を備えた本格的なオンラインサービスとして実装されています。 Googleアカウントは、以前に作成されたプロジェクトを表示および編集するために使用されます。

Chittramの機能はSVG-Editよりも控えめですが、このエディターは初心者ユーザーにとっては確かに使いやすいように見えます。アプリケーションにはラスターイメージを背景として使用する機能がありますが、ハードドライブから画像を選択することはできません。ファイルへのリンクを指定するだけです。ローカルベクター画像のインポートもありませんが、Webサービスユーザーのギャラリーからプロジェクトにファイルを追加して編集することができます。このサイトでは、ギャラリー内でキーワードとタグによる検索を実装しています。

独自のプロジェクトを作成するには、標準のツールセット（直線、曲線、ベジェ曲線、多角形、円、楕円、長方形、正方形）を使用できます。テキスト作成も可能です。要素ごとに、ストロークのサイズ、塗りつぶしの色、グラデーションの色と方向、透明度のパーセンテージを設定できます。より正確な描画のために、セルのサイズが調整されたグリッドを使用できます。キャンバスのサイズと向きを制御することもできます。

プロジェクトで複数のフォームを使用する場合は、すべての要素のリストを含むパネルを表示すると便利です。これは、オブジェクトの名前を変更してすばやく選択するのに役立ちます。同じパネルがレイヤーの操作に使用されます。

⇡Inkscapeは商用パッケージの完全な代替品です

Inkscapeベクターエディタにはたくさんの利点があります。まず、クロスプラットフォームです（Windows、Linux、Macで実行できます）。次に、SVG、SVGZ、EMF、DXF、EPS、PostScript、WMFなど、さまざまな一般的なベクター形式をサポートしています。

このエディターには、グラフィックを作成するための任意のベクターエディター用の標準ツール（形状、曲線、テキスト、塗りつぶし、レイヤーの完全サポート）もあります。 Inkscapeを使用すると、パスを使用してさまざまなアクションを実行したり、ストロークを作成したり、ブール演算を適用したりできます（結合、交差、一方を他方から除外するなど）。ユーザーには、フィルターの大規模なライブラリと、独自のエフェクトを作成できる特別なエディターがあります。このプログラムはグラフィックタブレットのサポートを実装しているため、手動で描画して、ペンの傾きと圧力を制御できます。

ラスター画像をベクトル化するための組み込みツールに注意を払う価値があります。写真をトレースするときに前景の重要なオブジェクトが確実に考慮されるように、SIOX（Simple Interactive Object Extraction）アルゴリズムを使用して、そのようなオブジェクトを自動的に識別します。

⇡ZebraTRACE-無料のギョーシェ作成

紙幣だけでなく、州の重要な文書（卒業証書、証明書、証明書など）も一目で簡単に認識できます。メインの図面全体に広がる微妙な繰り返しパターンは、ドキュメントデザインにこの「認識可能性」を与えます。このような線はギョーシェと呼ばれます。

ギョーシェはベクターエディターで手で描くことができますが、そのようなパターンを作成するための特別な追加やスキルがなければ、このプロセスは遅れる可能性があります。無料のZebraTRACEユーティリティは、これらのタスクを支援します。

このプログラムは、画像をトレースし、ギョーシェパターンに合わせます。 ZebraTRACEは、パラメトリックギョーシェ生成を使用します。アプリケーションで作成できる各タイプのパターンは、数式によって決定されます。そのため、実験の希望と自由な時間があれば、ユーザーはユニークな絵を手に入れることができます。

新しいギョーシェを作成するのは非常に簡単です。係数を2から3に変更するなど、パターン生成式に小さな変更を加えてみてください。パターンが変更されます。 ZebraTRACEで創造性を発揮したくない人のために、プログラムには、最も一般的なギョーシェを取得できる数式を含む12個のプリセットが含まれています。

⇡結論

無料のベクターグラフィックツールは、あなたが望むほど一般的ではありませんが、一般的です。幸いなことに、HTML5標準やその他のWebテクノロジの開発により、ブラウザをベクターグラフィックエディタとして使用できるようになりました。以前は、そのようなことを夢見ることしかできませんでした。単純なプロジェクトの場合、このようなツールは多くの時間を節約します。Inkscapeを使用している場合は、通常、デザインのニーズに合わせてベクターエディターの購入を拒否できます。

ベクトル描画は、木材、プラスチック、金属、紙、その他の素材から美しいデザインを作成するために、さまざまな印刷ツールでますます使用されています。今日は、Photoshopプログラムを使用して自分の手でベクター描画を作成する方法を理解します。かなりの時間をかけて、高品質なベクター描画ができ、将来的にも問題なく使用できるようになります。

図面をベクトルに変換する方法は？

まず第一に、白い背景に表示されている図面のみがベクトル形式に変換できることに注意してください。背景が白でない場合は、最初に不要なものをすべて削除して背景をクリアする必要があります。

1. 選択ツールを使用して、ベクトル描画に変換する要素のみを選択し、それを「形状」と呼ばれる新しいレイヤーにコピーします。次に、別のレイヤーを作成し、それを白い色で完全に塗りつぶします。このレイヤーは「背景」と呼ばれます。次に、「背景」レイヤーを「形状」レイヤーの下に移動し、それらをマージします。結果の画像は「ベース」と呼ばれます。「Base」レイヤーを2回複製し、「Base_1」と「Base_2」という名前を付けます。それらの可視性を無効にします。

2. 画像をベクトル形式に変換する操作を開始しましょう。まず、「Isogelia」補正を「Base」レイヤーに適用して、白黒形式の図面を取得します。必ずしも最初の修正で必要な画像が得られるとは限らないため、必要なものが得られるまで、レイヤーのコピーをいくつか作成し、さまざまな値で調整を行うことができます。

したがって、最も正常な効果が得られました。

3. 次に、結果の画像に拡散フィルターを適用して、ギザギザのエッジを削除します。フィルタを有効にする方法：「Filter-Stylize-Difuse」（Filter-Stylize-Difuse）。開いたウィンドウで、「異方性」を選択します。

4. 次のステップは、エッジがより鮮明になるように滑らかにすることです。この場合、「画像-補正-レベル」（画像-調整-レベル）を押します。開いているウィンドウで、左右のスライダーを中央に近づけます。修正の結果を確認するには、レベルを開く前に画像を300％まで拡大することをお勧めします。

5. ポイント3と4を同じ順序で繰り返します。

6. メインレイヤーの表示をオフにし、「Base_1」レイヤーをオンにします。アクション「画像-補正-Isogelia」（画像-調整-しきい値）を実行します。パラメータを138に設定します。

7. このレイヤーを使用して、3.4項と5項に示されている操作を実行します。

8. 新しいレイヤーを作成し、黒で塗りつぶします。それを「背景」と呼びます。「ベース」レイヤーの下に設定します。レイヤー「Base_1」で、モードを「Difference」に変更します。

これが私たちが得るものです：

9. 写真は少し怖いことがわかりましたが、今すぐ修正します。「ベース」レイヤーをアクティブにして、レイヤーマスクを追加します。その後、消しゴムを使って、女の子の顔や体の余分な部分を取り除くことができます。

10. 図面を取得しました。次に、それをベクトルに変換する必要があります。「魔法の杖」を使用して、画像の黒い領域全体を選択し、画像上でマウスの右ボタンを押して、開いたメニューで「作業パスの生成」を選択します。値を1.0に設定します。

最終結果

ご存知のように、ベクターイラストは現在ウェブグラフィックスで非常に人気があります。プロのデザイナーは、数時間でそのようなイラストを作成することができます。あなたが初心者であろうと趣味であろうと、ウェブグラフィックスのレッスンは確かにあなたにとって非常に役に立ちます。このレッスンの目的は、選択した画像を作成するプロセスに光を当てることです。プロセス全体を段階的に説明し、コメントを使用してすべてのステップを説明します。

本当にクールな画像を作成するには、必要なプログラムを選択し、特定のルールに従う必要があります。ベクトルイラストを描きたい場合は、このようなエディタが使用されていることを覚えておく必要があります。 アドビイラストレーターまた コーレルドロー..。でも、 Photoshopベクターイラストを開発するのに十分な資金があります。図面をベクトルに変換する方法についてのレッスンで、これを明確に示します。イラストのベースに猫のスケッチを選びました。足にピンクの花が咲く青い猫を描くことにしました。

ステップ1

背景を作成することから始めましょう。選択ツール（）を使用して形状を描画します（ シェイプレイヤー（レイヤー形状））。設定-（塗りつぶしの不透明度）= 0% ..。次に、グラデーションオーバーレイ：（（レイヤースタイル-グラデーションオーバーレイ））を使用して、作成したシェイプを塗りつぶします。すべての設定はデフォルトであり、角度（次数を指定します）とグラデーションを変更するだけで済みます。追加 脳卒中（ストローク）（（レイヤースタイル-ストローク））。の幅を除いて、すべてのデフォルト設定を使用します 1 pxと色。