基本的なシェイプとCreative Cloudモバイルアプリを使用して、人目を引くTシャツ用グラフィックを制作する方法を説明します。

開催予定のイベントを宣伝するためのパンフレットやポストカード、ステッカー用のベクターグラフィックスを作成する必要があるなら、Adobe Illustrator CCこそが最適なツールです。いくつかの基本的なシェイプと新しい描画ツールを使用して、人目を引くデザインを数分で制作できます。CafePressやZazzleなどのオンライン印刷業者にアップロードが可能なカスタムTシャツグラフィックのデザインがいかに容易か、ご確認ください。クラブやスポーツチームのメンバー用にカスタムシャツを作成すれば、きっと友達は驚きますよ。

練習用ファイルをダウンロードし、最新版のAdobe Illustrator CCでdesign-a-tshirt.aiを開いて、ハート型のスピーカーを備えたラジカセのデザインを制作しましょう。

カスタムグラフィック付きTシャツ

1. 基本的なシェイプを描く

長方形ツールを選択し、クリック&ドラッグで長方形を描いてラジカセのアウトラインを作成します。コーナーハンドルをドラッグして長方形のサイズを変更します。

Vキーを押して選択ツールに切り替え、長方形をドラッグして位置を調整します。長方形をドラッグする際、シェイプの整列に役立つスマートガイドが表示されます。

長方形ツールを選択

ツールバーの長方形ツールアイコンを長押しして、楕円形ツールを選択します。Shiftキーを押したままドラッグして、左側のスピーカーとなる正円を描きます。Vキーを押して選択ツールを選び、その円をラジカセの左側に配置します。

楕円形ツールを選択

2. パスを連結して新しいシェイプを作成する

曲線ツールを使用して、アートボード上で異なる4つのポイントをクリックします。これでハート型の左半分ができます。4つ目のポイントをクリックしたら、Escキーを押してパスの描画を終了します。

Vキーを押して選択ツールに切り替え、パスをクリックします。Option(Alt)キーを押しながらパスをドラッグして複製します。複製したパスをShiftキーを押しながらドラッグすると、両方のパスの整列を維持したまま移動させることができます。

描画したパスの整列を維持したままドラッグ

オブジェクト/変形/リフレクトを選択し、「垂直」オプションを選択して「OK」をクリックします。Shiftキーを押したままハートの右半分を移動させ、2つのパスが交差するように配置します。Shiftキーを押しながらハートのもう半分をクリックし、両方のパスを選択します。

ツールバーの鉛筆ツールアイコンを長押しして、連結ツールを選択します。2つのパスが交わる部分を連結ツールでドラッグしてパスを連結します。詳しくは、「パスの連結とトリミング」をご覧ください。

パスの連結

3. シェイプをサイズ変更、複製、配置する

選択ツールを使用し、Shiftキーを押しながらハートの角をドラッグしてサイズを変更してから、丸いスピーカーの中央にハートを配置します。Shiftキーを押しながら円をクリックし、両方のシェイプを選択します。Option(Alt)キーを押しながら2つのシェイプをドラッグして左のスピーカーを複製します。Shiftキーを押しながら、両方のスピーカーの整列を維持したまま右のスピーカーを配置します。

シェイプの複製と配置

4. テキストを追加する

文字ツールを使用して、ラジカセの下にテキストフレームを作成します。イベント名を入力し、テキストをハイライト表示します。ウィンドウ/書式/文字を選択し、オプションを使用してテキストの書式設定を適用します。フォント、ウェイト、サイズの変更はもちろん、文字間隔の調整もおこなえます。

Typekitのフォントを追加すれば、美しいタイポグラフィエフェクトを作成できます。詳しくは、「Typekitフォントの使用」をご覧ください。

ヒント:手順3でハートのサイズを変更したときと同じように、選択ツールを使用してテキストのサイズや位置を変更できます。

文字の書式設定

5. 塗りと線のカラーを調整する

Vキーを押して選択ツールに切り替え、ラジカセの周囲をドラッグします。オプションパネルで線幅を変えてみましょう。塗りと線のカラーは、このメニューで設定します。

シェイプを選択し、ツールバーの塗りまたは線のアイコンをダブルクリックして、カラーピッカーで新しいカラーを選択します。オリジナルのカラーテーマをキャプチャするには、Adobe Color CCを使用します。

ヒント:線または塗りのカラーを「なし」に設定して、おもしろい効果を作成してみましょう。

線と塗りのカラーを調整

6. デザインをカスタマイズしてみる

直線ツールを使用してクリック&ドラッグで直線を引き、ラジカセの上にアンテナを描きます。Shiftキーを押しながらドラッグすると、完全に水平または垂直の線を引くことができます。その他にも、これまでに習得したスキルを用いてデザインに装飾を施しましょう。

デザインの装飾

他のデザインの手法もお試しください。Adobe Shape CCを使用すれば、モバイルデバイスでシェイプをキャプチャして、テクスチャを適用した背景を追加できます。

Creative Cloudの有償メンバーは、Creative Cloudマーケットのライブラリから好みのベクターアートを選んでドラッグして作品に追加するだけで、デザインに磨きをかけることができます。

サンプルファイルフォルダーに、デザインをアレンジするためのアイデアが詰まったtshirt-inspiration.pdfをご用意しています。

その他のデザイン手法を使った装飾

 

これですべての作業が終わりました。チュートリアルをさらに役立つものにするために、アンケートにご協力ください。

 

12/19/2016
このページは役に立ちましたか。
はい
いいえ