画像をベクトル化する方法
画像をベクトル化する方法はいくつかあります。 このチュートリアルでは、Adobe Illustrator、特に最も一般的な方法である”ペンツール”(P)を使用します。
- まず、ベース画像または写真を選択する必要があります。 この場合、私は数年前に撮ったローマのコロッセオの写真を使用します(Adobe Stockから入手できます)。
- 画像の準備ができたら、Adobe Illustrator CCを開いて新しいドキュメントを作成します。,li>
このチュートリアルでは、RGBカラープロファイルを持つ5000x4000pxのアートボードを作成します。
- 画像をドキュメントの中央/下部に配置し、レイヤーパネルで”ロック”アイコンをクリックしてブロックします。 または、画像を選択し、”CMD+2″(要素をブロックするショートカット)を押します。 これは、トレース処理中に画像を移動しないようにするのに役立ちます。
- トレースプロセスを開始するには、ツールパネルに移動し、”ペンツール”(ショートカット:”P”)を選択します。,
ここで、塗りつぶしの色をクリアし、線の色のみを残す必要があります。
写真の配色とは異なる明るい色を選んでください。 これは、次のいくつかの手順で行を確認できるようにするのに役立ちます。 色はこの時点では問題ではありませんが、後で変更します。
- 画像の中で最も特徴的な形状からトレースプロセス(ベクトル化)を開始し、より小さな細部で終わります。, また、この演習では、コロシアムの特定の”イラスト”スタイルを生成する形状と詳細の点で”シンプルに保つ”ことになります。
ここで、”ペンツール”を使用して、パスを開始する単一のポイントを追加する必要があります。 この場合、コロシアムの左上にあります。
最初のポイントの後に、あなたのパスの第二のアンカーポイントを設定するために右に移動します。
上の最初の亀裂までカーソルを移動します。,
第二の点を追加した後、あなたのマウス/ペンを押したまま、上の頂点と同じ位置に配置し、あなたのパスの曲線を配置するために側面に移動します。
建物のシルエット全体をたどり、”ペンツール”(P)でポイントと曲線を追加します。 私たちが始めたのと同じ場所にあるパスを閉じます。
- コロシアムのアウトラインが完成したら、同じ”ペンツール”(P)を使用して内側のアーチを作成し始めることができます。,
- この時点で、イメージは”通常のビュー”では次のようになります。
“outline”プレビュー(ショートカット”CMD+Y”)では、次のようになります。
- すべてのアーチ(画像の二番目に特徴的な形状)を終えた後、水平線に移動してから、建物の柱にジャンプすることができます。 詳細を単純化するので、あまり時間を費やさないで、主な形状に従ってください。,
トレースプロセスのこの段階では、コンポジションに含めたいすべての図形を完成させます。 以下はそれがどのように見えるかです。
(レイヤーパネルから”目”アイコンをクリックするだけで、背景の画像を非表示にすることができます–または画像を選択して”CMD+3″を押します。)
- これで、最終的なイラストレーションベクトルに使用する色を選択できます。 明るい色に暗い–この場合、のは、5トーンと一つのグラデーションを使用して、暖かいカラーパレットから始めましょう。,
- 次に、”長方形ツール”(M)を使用して背景として長方形を追加します。 全体のアートボードに必要事項を記入し、私たちのパレットから明るい色を選びます。
このレイヤーが他のすべてのレイヤーの背面にあることを確認してください。 (これを行うには、長方形を選択し、マウスの右ボタンをクリックし、”配置”してから”戻る”をクリックします。)
次に、コロシアムの輪郭を選択し、第二の色を選ぶことができます(左から右への配色を見て)。,
アーチの内側の領域では、グラデーションを使用してそれらを塗りつぶします。 それらをすべて選択し、”スポイトツール”(I)でグラデーションを選択します。
これで、柱と残りの詳細を色で塗りつぶすように移動できます。 参考として、元の画像の影と光を覚えておいてください。,
すべてのパスが塗りつぶされた状態で、ベクトル化されたイラストは次のようになります。
これで、ベクトルイラストはデザインプロジェクトまたはAdobe Stockにアップロードする準備ができました。
この場合、ローマについてのポスターを作成するためにAdobe Stockの無料のテンプレートを使用してみましょう。
それだけです! 写真からアニメーションベクトルを作成しました!