画像をベクトル化する方法

0 Comments

画像をベクトル化する方法はいくつかあります。 このチュートリアルでは、Adobe Illustrator、特に最も一般的な方法である”ペンツール”(P)を使用します。

  1. まず、ベース画像または写真を選択する必要があります。 この場合、私は数年前に撮ったローマのコロッセオの写真を使用します(Adobe Stockから入手できます)。

  1. 画像の準備ができたら、Adobe Illustrator CCを開いて新しいドキュメントを作成します。,li>

このチュートリアルでは、RGBカラープロファイルを持つ5000x4000pxのアートボードを作成します。

  1. 画像をドキュメントの中央/下部に配置し、レイヤーパネルで”ロック”アイコンをクリックしてブロックします。 または、画像を選択し、”CMD+2″(要素をブロックするショートカット)を押します。 これは、トレース処理中に画像を移動しないようにするのに役立ちます。

  1. トレースプロセスを開始するには、ツールパネルに移動し、”ペンツール”(ショートカット:”P”)を選択します。,

ここで、塗りつぶしの色をクリアし、線の色のみを残す必要があります。

写真の配色とは異なる明るい色を選んでください。 これは、次のいくつかの手順で行を確認できるようにするのに役立ちます。 色はこの時点では問題ではありませんが、後で変更します。

  1. 画像の中で最も特徴的な形状からトレースプロセス(ベクトル化)を開始し、より小さな細部で終わります。, また、この演習では、コロシアムの特定の”イラスト”スタイルを生成する形状と詳細の点で”シンプルに保つ”ことになります。

ここで、”ペンツール”を使用して、パスを開始する単一のポイントを追加する必要があります。 この場合、コロシアムの左上にあります。

最初のポイントの後に、あなたのパスの第二のアンカーポイントを設定するために右に移動します。

上の最初の亀裂までカーソルを移動します。,

第二の点を追加した後、あなたのマウス/ペンを押したまま、上の頂点と同じ位置に配置し、あなたのパスの曲線を配置するために側面に移動します。

建物のシルエット全体をたどり、”ペンツール”(P)でポイントと曲線を追加します。 私たちが始めたのと同じ場所にあるパスを閉じます。

  1. コロシアムのアウトラインが完成したら、同じ”ペンツール”(P)を使用して内側のアーチを作成し始めることができます。,

  1. この時点で、イメージは”通常のビュー”では次のようになります。

“outline”プレビュー(ショートカット”CMD+Y”)では、次のようになります。

  1. すべてのアーチ(画像の二番目に特徴的な形状)を終えた後、水平線に移動してから、建物の柱にジャンプすることができます。 詳細を単純化するので、あまり時間を費やさないで、主な形状に従ってください。,

トレースプロセスのこの段階では、コンポジションに含めたいすべての図形を完成させます。 以下はそれがどのように見えるかです。

(レイヤーパネルから”目”アイコンをクリックするだけで、背景の画像を非表示にすることができます–または画像を選択して”CMD+3″を押します。)

  1. これで、最終的なイラストレーションベクトルに使用する色を選択できます。 明るい色に暗い–この場合、のは、5トーンと一つのグラデーションを使用して、暖かいカラーパレットから始めましょう。,

  1. 次に、”長方形ツール”(M)を使用して背景として長方形を追加します。 全体のアートボードに必要事項を記入し、私たちのパレットから明るい色を選びます。

このレイヤーが他のすべてのレイヤーの背面にあることを確認してください。 (これを行うには、長方形を選択し、マウスの右ボタンをクリックし、”配置”してから”戻る”をクリックします。)

次に、コロシアムの輪郭を選択し、第二の色を選ぶことができます(左から右への配色を見て)。,

アーチの内側の領域では、グラデーションを使用してそれらを塗りつぶします。 それらをすべて選択し、”スポイトツール”(I)でグラデーションを選択します。

これで、柱と残りの詳細を色で塗りつぶすように移動できます。 参考として、元の画像の影と光を覚えておいてください。,

すべてのパスが塗りつぶされた状態で、ベクトル化されたイラストは次のようになります。

これで、ベクトルイラストはデザインプロジェクトまたはAdobe Stockにアップロードする準備ができました。

この場合、ローマについてのポスターを作成するためにAdobe Stockの無料のテンプレートを使用してみましょう。

それだけです! 写真からアニメーションベクトルを作成しました!


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です