Photoshopの他に、Vexel ArtはIllustratorでも作成できます。そこには作業を一部自動化してくれるトレース機能がありますが、それはこのチュートリアルのテーマではありません。そしてもう一つ: ヴェクセル画像はトレンド要素に加えて、非常に便利な特性があります。輪郭をぼやけさせることなく自由に拡大できる点です - もちろんです。私たちはピクセルではなく、図形で作業し、それらはベクターで囲まれることで問題なくスケーリングできます。
ステップ1
比較のために、Before-After画像を並べて表示しましたので、作業の全体像をご覧いただけます。初心者にとってはかなり手間のかかる作業ですが、Vexel画像を作成するたびに経験を積み重ね、より良く、迅速になります。ヒント: Vexel画像を作成したい場合は、オリジナルを複製しておくと、作業中にベクトル画像の色や形状をオリジナルと比較できます。
ステップ2
上から下に画像の輪郭をトレースすることから始めます。私たちの場合、鳥の羽根の構造を考慮する必要があるため重要です。Lassoツールを選択して、くちばしの上部をトレースします。
ステップ3
右クリックして、作業パスを作成を選択してください。
ステップ4
次のダイアログボックスで許容度を選択します。細かいディテールには、約1〜3の小さな許容度が最適で、パスは選択した範囲に正確にトレースされ、プログラムによって自動的に単純化されることはありません。
ステップ5
鳥のくちばしは一色ではなく、ベクターバージョンでグラデーションを使用して表現できます。レイヤーパレットでグラデーションを選択して、パスを塗りつぶします。
ステップ6
まず、黒から白へのグラデーションスタイルを選択し、グラデーションの塗りつぶしダイアログで適切な角度を定義します。
ステップ7
現時点での黒と白のグラデーションは、任意の色で着色できます。グラデーションバーをダブルクリックして、グラデーションの編集ダイアログで赤と黄色を定義します。スクリーンショットに示されているように。
ステップ8
ステップ2から7までの手順と同様に、くちばしの下部も作成できます。レイヤーの順序に注意してください。レイヤーの位置決め原則は非常に単純です。下部くちばしのレイヤーが上部くちばしのレイヤーの下にあることに注意してください。
ステップ9
くちばしの上部と下部に、くちばしの構造を強調するいくつかの形状を作成します。これらはLassoツールを使用して作成し、パスに変換できます。
ステップ10
作成した形状はグラデーションではなく、色で塗りつぶされます。レイヤーパレットで単色を選択してください。
ステップ11
スクリーンショットでは、くちばしのベクトル化バージョンがどれほどの塗りつぶしレイヤーから構成されているかがわかります。口は黒で塗りつぶされました。基本的に、説明をここで終わらせることができますが、技術はこれからある程度繰り返されるでしょう。しかし、皆さんに便利ないくつかのヒントがあるので、それをご紹介したいと思います。
ステップ12
より良い概観のために、テーマに合ったレイヤーをレイヤーグループにまとめることが理にかなっています。くちばしの構成要素であるレイヤーを、Shiftキーを押しながら選択し、Ctrl+Gのキーボードショートカットでグループ化します。グループ名を「くちばし」とします。
ステップ13
背景レイヤーをクリックして、Lassoツールを使用して鳥の頭部の選択を作成します。 Lassoツールで 選択範囲に追加 オプションを使用して、一度に形状全体を選択するのではなく、選択範囲をより便利にセクションごとに作成できます。選択範囲を パス に変換し、許容量 を2に設定します。形状を青色で塗りつぶします。
ステップ14
パスの形状に満足していない場合は、パスのアンカーポイントを引っ張って形状を調整できます。 直接選択ツール と パス選択ツール を使用します。
ステップ15
鳥の頭部の描かれた形状が目や羽などの詳細を隠さないようにするために、一時的にレイヤーの 透過率 を約50%に減少させます。
ステップ16
頭部上部や後方に、やや明るい青色で形状を描画します。注意してください、頭部に属するレイヤーがくちばしのレイヤーグループを越えないようにします。
ステップ17
鳥の頭部の羽毛部分も同様のテクニックで描画します。 Lassoツール で複数の小さな "羽毛" を描き（選択範囲に追加 オプション）、それらをすべて一緒に パス に変換します。その後、 パス を濃い青色で塗りつぶします。
ステップ18
頭部の形状が完成したら、頭部のアウトラインレイヤーの透過率を再び100%に戻します。頭部のレイヤーをひとつのレイヤーグループにまとめます。
ステップ19
眼のデザインを開始します。頭部のグループの下にあるものを全て元の画像で認識できるように、頭部レイヤー全体の 透過率 を約30-50%に減少させます。目の下により暗い形状を作成します。
ステップ20
暗い赤色で塗りつぶす眼球の形状を作成します。
ステップ21
黒で塗りつぶされる瞳孔などの形状や、白で塗りつぶされる瞳孔の光沢など、他の形状を作成します。目のレイヤーをもう一つのレイヤーグループにまとめます。
ステップ22
すでに説明したように、鳥の首をベクトル化するためのレイヤーを作成します。
ステップ23
胸部など、特にカラフルな部分では少しトリックを施すことができます。まず、頭部と同様に基本形状を作成し、その後羽毛を持つ形状をやや濃い色で塗りつぶします。
ステップ24
次に、構造のあるレイヤーを3つ複製します。 構造のあるレイヤーのコピーをスケーリングし、最初の構造のあるレイヤーよりも少し移動させ、塗りの色を変更します。構造を配置し終えたら、レイヤーをレイヤーグループに結合します。
ステップ25
大きな羽根では、レイヤーのコピーを使用して作業を簡略化することもできます。最初に、羽根の形をした 塗りつぶしレイヤー を作成し、そこに明るい緑から濃い緑への グラデーション を施します。
ステップ26
塗りつぶしレイヤーをコピーし、別の場所に移動させることで、複数の複製された羽根を作成できます。見た目が同じにならないように、いくつかの形状レイヤーを 自由変形 コマンドを使用して回転させることができます。
ステップ27
羽根のレイヤーを一つのレイヤーグループに結合します。
ステップ28
羽根に少し構造を与えるために、もう1つのトリックを使うことができます。羽根のレイヤーグループを複製し、サイズを小さくして、羽根の構造がオリジナルと若干ずれるようにします。
ステップ29
縮小させた羽根のレイヤーグループに レイヤーマスクを作成し、グラデーションツール を使用してオプションを 背景透過、塗りつぶし色：黒 に設定します。スクリーンショットの矢印で示されているように、マスクグラデーションを引きます。
ステップ30
過去の手順で説明した方法で、鳥と木の全体のデザインをベクトル化することができます。レイヤーグループを使用してレイヤー構造を整理することが重要です。これにより、見やすさが向上します。
ステップ31
画像の背景をデザインするためには、このチュートリアルで説明したテクニックを使用します。 図形を作成 ツールを使用すると、Photoshopライブラリから興味深いパターンが利用可能で、独自のパターンを保存して使用することもできます。
ステップ32
重なっている形状の境界を超えないようにするために（この例では、四角形の境界を超えないように自由に描かれた形状を使用しています）、レイヤー間で クリッピングマスク オプションを使用します。これは、Altキー を押しながら2つのレイヤーの間をクリックすることでアクティブにできます。
そして、完成した画像はこちらです。
