Skip to main content

Illustratorの写真からグラフィックを作成する

Illustratorで2次元タマゴの作り方 (六月 2026)

Illustratorで2次元タマゴの作り方 (六月 2026)
Anonim

このチュートリアルでは、Illustratorを使用して単色の配色で書式設定されたグラフィックを作成します。これは単なる1つの色でさまざまなトーンを使用することを意味します。終了したら、2つ以上の色を使ってグラフィックの2番目のバージョンを作成します。ペイントツールを使用してさまざまなトーンの輪郭を描き、形状を色で塗りつぶしたり、レイヤーを再配置したりすることができます。作業が終わったら、同じグラフィックの2つのバージョンとさらに多くのノウハウができます。

01/19

Illustratorの写真からグラフィックを作成する

このチュートリアルではIllustrator CS6を使用していましたが、かなり新しいバージョンを続行することができます。

上記の画像を右クリックするだけで、練習用ファイルをコンピュータに保存し、Illustratorでファイルを開くことができます。新しい名前でファイルを保存するには、次のように選択します。 ファイル>名前を付けて保存ファイルの名前を「ice_skates」に変更し、ファイル形式をAdobe Illustratorにして 保存する.

02の19

サイズアートボード

あなたは、写真内のアイススケートのペアをスタイルのついたグラフィックに変えたいと思っています。表示された写真には素晴らしい種類のトーンがあります。これはあなたが作成するグラフィックの種類にとって重要です。

ツールパネルで、 アートボード ツールを開き、Artboardの角のハンドルの1つをクリックし、写真の端のすぐ内側にドラッグします。反対側のハンドルで同じ操作を行い、次に エスケープ キーを押してアートボードの編集モードを終了します。

03/19

グレースケールに変換

写真を選択するには、 選択 ツールをクリックし、写真の任意の場所をクリックします。

それから、 編集>色を編集>グレースケールに変換。これにより写真が白黒に変わり、異なるトーンを区別しやすくなります。

04/19

写真を暗くする

レイヤーパネルで、レイヤーをダブルクリックします。レイヤーオプションダイアログボックスが開きます。

クリック テンプレート そして 暗い画像、50%を入力してをクリックします OK。写真は薄暗くなります。すぐに写真に描かれる線をよりよく見ることができます。

05/19

レイヤーの名前を変更する

レイヤーパネルで、をクリックします。 レイヤ1新しい名前を入力するためのテキストフィールドが表示されます。 「テンプレート」という名前を入力します。

次に、 新しいレイヤーを作成する ボタン。デフォルトでは、新しいレイヤの名前は「レイヤ2」です。名前をクリックし、テキストフィールド「ダークトーン」を入力します。

06/19

塗りと線の色を削除する

ダークトーンレイヤーを選択した状態で、 ペン ツールをクリックします。 ツールパネルには、塗りつぶしボックスとストロークボックスもあります。クリックしてください 塗りつぶす ボックスに 無し その下のボタンをクリックし、次に ストローク ボックスと 無し ボタン。

07/19

ダークトーン周辺の痕跡

近くに見ると、より正確にトレースするのに役立ちます。ズームインするには、 表示>拡大メインウィンドウの左下隅にある小さな矢印をクリックしてズームレベルを選択するか、ズームツールを使用します。

ペンツールで、最も暗い色調を描き、形を作ります。アイススケートのソールとかかとを正面にする形を形作る暗い色調から始めましょう。今のところ、この形の光の色合いは無視してください。 (また、アイススケートの背後にある壁には注意を払わないでください)。

ペンツールを初めて使う方は、ツールパネルにあり、クリックするとポイントを作成できます。 2つ以上のポイントがパスを作成します。曲がったパスが必要な場合は、クリックしてドラッグします。カーブしたパスを編集するために使用できるハンドルの制御が出現しました。ハンドルの端をクリックして移動して調整します。あなたの最初のポイントにあなたの最後のポイントを作ることは、2つを接続して、形を作ります。ペンツールを使用するのは慣れていますが、実際には簡単になります。

08/19

パスを選択

背中のスケートの部分的に明らかにされたソール、および多くのアイレットなど、すべての暗い形状をトレースし続けます。次に、「レイヤー」パネルで、ダークトーンレイヤのターゲットサークルをクリックします。これは、このレイヤーのために描画したすべてのパスを選択します。

09/19

暗い色の塗りつぶしを適用する

「レイヤー」パネルで「ダークトーン」レイヤーを選択した状態で、 塗りつぶす ツールパネルのボックスをクリックすると、カラーピッカーが開きます。非常に暗い青色のトーンを示すには、RGB値のフィールド0、0、および51を入力します。 OK、この色が塗りつぶされます。

レイヤーパネルで、ダークトーンレイヤーの左にあるアイアイコンをクリックして、非表示にします。

10/19

ミドルトーンをトレース

今度は、別のレイヤーを作成し、「ミドルトーン」と名前を付けます。この新しいレイヤーが選択され、レイヤーパネルの残りの部分に配置されます。表示されない場合は、クリックして所定の場所にドラッグする必要があります。

ペンツールを選択した状態で、 塗りつぶす ボックスと 無し ボタン。その後、すべての中間色を、すべての暗い色調をトレースしたのと同じ方法でトレースします。この写真では、ブレードは中間調であるように見えますが、かかとの一部と影の一部でもあるようです。私の「芸術的ライセンス」を使ってフックの近くの影を小さくしてください。(ちょうど縫い目や擦過傷のような細部は無視してください)

ミドルトーンの周りをトレースしたら、ミドルトーン層のターゲットサークルをクリックします。

11の19

中間トーンカラー塗りを適用する

ミドルトーンレイヤーを選択し、描画されたパスをダブルクリックします。 塗りつぶす ツールパネルのボックスをクリックします。カラーピッカーで、RGB値のフィールド、102,102、および204を入力します。これにより青の中間調が得られます。次に、をクリックします。 OK.

ミドルトーン層の目のアイコンをクリックします。さて、ダークトーン層とミドルトーン層の両方が見えなくなっているはずです。

12/19

ライトトーンの周りのトレース

この写真には明るい色調と非常に薄い色調があります。非常に明るいトーンはハイライトと呼ばれます。今のところ、ハイライトを無視して、明るい色調に注目してください。

「レイヤー」パネルで、別の新しいレイヤーを作成し、「ライトトーン」という名前を付けます。次に、このレイヤーをクリックしてドラッグすると、ダークトーンレイヤーとテンプレートレイヤーの間に置かれます。

ペンツールを選択した状態で、 塗りつぶす ボックスと 無し ボタン。次に、暗い色や中間の色をトレースしたのと同じ方法で、明るい色の周りをトレースします。ライトトーンはブーツとレースのように見えますが、これは1つの大きなシェイプを作成するような方法で描くことができます。

13の19

明るい色の塗りつぶしを適用する

レイヤーパネルで、ライトトーンレイヤーが選択されていること、および描画されているパスも確認します。次に、 塗りつぶす ツールパネルのボックスをクリックし、RGB値フィールド204,204,255のカラーピッカータイプを入力します。これにより青色の中間色が得られます。次に、をクリックします OK.

最後に、Light Tonesレイヤの目のアイコンをクリックして、目に見えないようにします。

14の19

ハイライトをトレース

ハイライトは、被写体や被写体の白い部分が最も明るく、強く照らされています。

レイヤーパネルで別の新しいレイヤーを作成し、そのレイヤーを「ハイライト」にします。この層は残りの部分の上に位置する必要があります。表示されない場合は、クリックして所定の場所にドラッグします。

新しいハイライトレイヤーが選択された状態で、 ペン もう一度塗りつぶしボックスをなしに設定します。純粋な白または強調表示された領域をトレースします。

15の19

白い塗りを適用する

描画パスを選択した状態で、 塗りつぶす ツールパネルのボックスをクリックすると、カラーピッカーが開きます。 RGB値のフィールド255、255、255を入力します。 OK、形は純粋な白で満たされます。

16/19

結合されたレイヤーの表示

ここで楽しい部分が出てきます。これは、すべてのレイヤーを表示し、描画されたシェイプが一緒に働いてイメージを形成することです。 「レイヤー」パネルで目のアイコンがあった各空のボックスをクリックしてアイコンを表示し、レイヤーを表示させます。すべてのレイヤーが選択解除されていることを確認するには、 選択 ツールをクリックし、キャンバスをクリックします。

17/19

正方形にする

トレースが完了したので、テンプレートを削除できるようになりました。レイヤーパネルで テンプレート 層の上に小さな 選択を削除 ボタンは、小さなごみ箱のように見えます。

四角形を作成するには、ツールパネルから四角形ツールを選択し、ツールバーの四角形をダブルクリックします。 塗りつぶす ボックスで、51,51、および153のカラーピッカータイプでRGB値を入力し、OKをクリックします。 OK。それから、 シフト キーを押しながらドラッグすると、アイススケートを囲む正方形が作成されます。

18/19

アートボードのサイズ変更

クリックしてください アートボード ツールを使用して、四角形と同じサイズになるまでハンドルを内側に動かしてアートボードのサイズを変更します。押す エスケープ アートボードモードを終了するには、 ファイル> 保存する - あなたは終わった!これで、単色の配色を使用して書式設定されたグラフィックが作成されました。

より多くの色を使用してバージョンを作成するには、次の手順に進みます。

19の19

別のバージョンを作る

同じグラフィックの異なるバージョンを作るのは簡単です。より多くの色を使用してバージョンを作成するには、 ファイル>名前を付けて保存ファイルの名前を変更し(たとえば、 "ice_skates_color")、 保存する。これにより、元の保存されたバージョンが保持され、この新しく保存されたバージョンを変更することができます。

ハイライトレイヤーは同じままにしておきたいので、そのレイヤーをそのままにして ターゲット ライトトーンレイヤの円。次に、 塗りつぶす ボックスをクリックし、カラーピッカーでカラースライダを黄色の領域に達するまでカラースペクトラムバーの下に移動し、次にクリックします。 OK。 Middle TonesレイヤーとDark Tonesレイヤーを同じように変更します。それぞれ異なる色を選択します。完了したら、 ファイル>保存。上記の手順を繰り返して、2番目のバージョンを作成し、3番目、4番目などを作成できます。