チュートリアル記事

中級

5 分

飲料ラベルのアートワークの作成

Illustratorで画像をトレースし、シェイプやパスをクリーニング、および編集するための各種ツールを使用して、飲料ラベルを作成します。

チュートリアルを Illustrator で表示
アプリを操作しながら学ぶ

このサンプルファイルには、このチュートリアルの学習内容の練習に使用できるAdobe Stock素材が含まれています。このチュートリアル以外でサンプルファイルを使用する場合には、 Adobe Stock のライセンスを購入してください。このサンプルファイルの使用に適用される利用条件については、フォルダー内のReadMeファイルを参照してください。

学習内容:画像トレースといくつかのツール、「単純化」コマンドを使用して、飲料ラベルを作成する

画像トレースの機能を使用して画像をパスに変換し、ベースとなるアートワークを作成します。次に、塗りブラシツール、消しゴムツール、「単純化」コマンドを使用して仕上げます。

画像をトレースしてパスを作成する

画像トレースの機能を使用すれば、JPEGなどのラスター画像を編集可能なシェイプとパスに変換できます。

  1. Illustratorに画像を配置し、埋め込みます。
    画像をトレースするには、あらかじめドキュメントに埋め込む必要があります。配置した画像を選択して、プロパティパネルで「埋め込み」ボタンをクリックします(表示されている場合)。

  2. プロパティパネルの「画像トレース」ボタンをクリックします。次に、表示されるメニューからトレースのプリセットオプションを選択します。
    トレースした後で、異なるトレース結果を得たい時はトレースオプションを変更します。あるいは、「画像トレースパネルを開く」ボタンをクリックして、詳細オプションを設定します。

  3. シェイプのトレースと編集を終了するには、プロパティパネルの「拡張」ボタンをクリックします。

ヒント: 画像からメインの形状を取得したい場合、コントラストのはっきりした画像を使用するとうまくいきます。

トレースしたアートワークを塗りブラシツールで編集する

塗りブラシツールは、閉じたパスを作成するためのブラシです。これを使用して、トレースしたアートワークなど、選択したパスに追加して描画することもできます。トレース後に残った隙間を埋めるのに最適です。

  1. トレースしたアートワークを選択します。

  2. ツールバーでブラシツールを長押しし、「塗りブラシツール」を選択します。

  3. アートワーク上をドラッグして、シェイプの欠けている部分を追加します。

塗りブラシツールを使用して新しいアートワークを作成することもできます。

ヒント: 塗りブラシツールのサイズを変更するには、左角括弧([)キーを押してサイズを小さく、右角括弧(])を押してサイズを大きくします。

アートワークを消去する

消しゴムツールを使用して、選択したコンテンツの一部を消去し、アートワークをクリーンアップします。

  1. 消去するアートワークを選択します。

  2. ツールバーから消しゴムツールを選択し、アートワーク上をドラッグします。

ヒント: 消しゴムツールのサイズを変更するには、左角括弧([)キーを押してサイズを小さく、右角括弧(])を押してサイズを大きくします。

パスを滑らかにする

トレース後のアートワークは、トレース設定によってはエッジが粗くなることがあります。そのようなエッジを滑らかにするには、「単純化」コマンドを使用して、シェイプの外観を保持しながらアンカーポイントの数を減らします。

  1. 滑らかにしたいアートワークを選択します。

  2. オブジェクト/パス/単純化を選択します。

  3. 「単純化」ダイアログボックスでは、パスの精度の調整、変更前のパスとの比較、コーナーポイント角度のしきい値の設定(単純化を適用するアンカーポイントの範囲を指定)、パスを直線に変換する、などの設定ができます。オプションの設定が終了したら、「OK」をクリックします。

曲線ツールを使って作成する

曲線ツールを使用すると、パスの作成と描画を簡単かつ直感的に行うことができます。このツールでは、スムーズポイントまたはコーナーポイントの作成、切り替え、編集、追加または削除をおこなうことができます。曲線ツールでは以下の操作ができます。

  • クリックして、曲線パス(デフォルト)のアンカーポイントを作成する

  • 描画中にアンカーポイントを選択してドラッグする

  • パス上をクリックして、新しいアンカーポイントを追加する

ヒント: 曲線ツールでは、アンカーポイントを選択して、BackspaceキーまたはDeleteキーを押して削除したり、アンカーポイントをダブルクリックして、コーナーポイントとスムーズポイントを切り替えることができます。


Adobe Stock提供元

JackF

提供元

Matthew Fleming

プレゼンター

Brian Wood

2023年5月24日

Illustrator でこれらのチュートリアルをお試しください

ベクターを使用してイラストやグラフィックを作成