Illustratorのベクターシェイプツールを使って、メディアを問わず利用できる印象的なイラストを作成します。

Illustratorのベクターシェイプツールを使って様々な基本的シェイプを作成し、変形、結合、カラーを適用して、目立つイラストを作成します。

ベクターイラストは、どの最終出力先でも表示デバイスでも、劣化することなく無限大にサイズ変更できます。ソーシャルメディアページ、デジタルデバイス、切手から屋外広告まで何にでも対応できます。

1. プロジェクトを設定する

スタート画面右上の「新規」ボタンをクリックするか、ファイル/新規を選択します。

  • 名前を入力します。
  • このプロジェクトでは、プロファイルは「プリント」を選択します。このイラストをオンラインで使用する場合は「Web」を選択してください。
  • 方向は横を選択します。

「OK」をクリックします。

2. シンプルなシェイプ:四角形を描画する

最初に大きな構造を描画してから、内部の詳細を追加します。

まず、四角形の土台を作成し、その上にアートワークを揃えます。

Mキーを押すか、ツールパネルの長方形ツールを選択します。アートボード上でクリック&ドラッグして、図のように細長い長方形を描画します。コーナーウィジェットをドラッグして、サイズを変更します。位置を変更するには、中心点ウィジェットをマウスポインターをあわせ、クリックして移動先にドラッグします。

サイズの異なるいくつかの長方形を壁に見立てて描画します。マゼンタ色のガイドを参考に、上下左右を合わせます。

ズームインして、長方形の中にドア、窓、窓枠に見立てた小さい長方形を作成します。

Control(Command)キーを押しながら、プラス(+)キーを1~2回押します。ズームアウトするには、Control(Command)キーを押しながら、マイナス(-)キーを押します。

正方形を作成するには、正方形を示すマゼンタ色の対角線ガイドが表示されたところでマウスボタンを離すか、Shiftキーを押しながらドラッグします。

ヒント:ドア、窓、その他のオブジェクトを作成するには、コピーを使うと時間を短縮できます。Vキーを押して選択ツールに切り替え、シェイプをクリックして選択します。Alt(Option)キー押しながらコピー元のオブジェクトをドラッグし、コピー先にドロップします。 

3. 円を作成する

次に、丸窓を作成します。

長方形ツールを長押しすると他のツールが表示されるので、そこから楕円形ツールを選択します。円をドラッグして十字線ガイドが表示されたところが真円です。ちょうどよい大きさのところでマウスボタンを離します。

中心点ウィジェットを選択して円の位置を調整し、コーナーウィジェットでサイズを変更します。

4. 三角を作成する

屋根を描きます。

楕円形ツールを長押しして、多角形ツールを選択します。アートボードの任意の場所をクリックして、多角形ダイアログの「辺の数」に「3 」と入力します。

中心点ウィジェットを使って、三角形を図のように配置します。縦横比を保持しながら壁に合わせてサイズを変更するには、Shiftキーを押しながらコーナーウィジェットをドラッグします。

屋根の縦横比は、好みに応じて後で変更できます。 

ダイレクト選択ツールで三角形の一番上の頂点をクリックし、その点のみを選択します。Shiftキーを押しながら上下にドラッグするか、自由に縦横比を変える場合でもマゼンタ色の垂直ガイドを参考にすれば、中心揃えを保つことができます。

ヒント:角丸ウィジェットをドラッグすると、ドーム型の屋根ができます。

5. 線を描画する

窓の細部を線で描きます。

線分ツールを選択して、ポインターを正方形の上部中央に置きます。マゼンタ色の交差ガイドが表示されたところが正方形の中央です。

線を底部までドラッグします。マウスボタンを離すと線が描画されます。

同様に水平線を引き窓枠を作成します。

6. カラーを追加する

Vキーを押して選択ツールに切り替え、土台の長方形をクリックします。コントロールパネルで「カラー(塗り)」スウォッチをクリックし、スウォッチパネルからカラーを選択します。隣にある「カラー(線)」スウォッチをクリックして「なし」を選択し、シェイプの枠線を消します。 

同じ手順を繰り返して、すべての壁と屋根を塗ります。

Vキーを押し、Shiftキーを押しながら、窓のすべてのパーツをクリックして選択します。「カラー(塗り)」を「なし」に、「カラー(線)」を白または他のカラーに設定します。必要に応じて線の太さを変更します。

ヒント:一度オブジェクトに適用したカラー属性は簡単にコピーできます。まず、コピー先のシェイプを選択します。スポイトツールでカラー付きシェイプをクリックして抽出し、そのカラーをサンプリングして、選択したオブジェクトに適用します。

7. シェイプを簡単に組み合わせる

これまでに説明した方法を組み合わせると、あらゆる種類のオブジェクトを描画でき、個性的なイラストになります。

たとえば、楕円形と線ツールを組み合わせれば樹木ができます。3つの円を少しずらして木のこずえを表現し、線で幹と枝を描きます。

ヒント:シェイプを簡単に組み合わせる方法があります。重ねた円を選択し、シェイプ形成ツールを選択して、図のようにすべてのパーツを通る線を描きます。

8. 出力の準備をする

印刷用のイラストを保存するには、ファイル/保存を選択して、Adobe PDFを選択します。

Adobe PDFプリセットメニューでは、プリントサービスプロバイダーの推奨に従い、「高品質印刷」または「プレス品質」を選択します。

画面表示用のイラストを保存するには、ファイル/Web用に保存を選択します。

  • プリセット名のドロップダウンメニューで、「JPEG高」を選択します。
  • 「アートボードサイズでクリップ」にチェックを入れます。

「保存」をクリックして、ブログ、Webサイト、デジタル出版用にイラストを書き出します。

Web用にアートワークを保存する方法について、さらに詳しく

作品を共有する

作品に#illustratewithshapesというタグを付けて、ソーシャルメディアで共有しましょう。他のクリエイターの作品はこちらからご覧いただけます。

 

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

 

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