Adobe InDesignでの図形描画

08の01

InDesignを60年代に戻す

もちろん、Illustratorなどのグラフィックスソフトウェアを使用して、上記の広告に表示されているすべてのベクトル図を作成することができます。 InDesignでも完全に行うことができます。 次のいくつかのページでは、ファースト・バード・セールス宣言の下で、それらのファンキーな花、溶岩ランプ、さらには青い斑点を作成する方法とコーナーのシンプルなマップを紹介します。

これらの図をすべて描くために使用される主なツールは次のとおりです。

• 長方形、楕円、多角形ツール
• 方向ツールの変換（ペンツールフライアウトの下）
• 直接選択ツール（ツールバーの白い矢印）
• パスファインダー

イラストレーションを完成させるには、塗りつぶし/ストロークツールを使用してシェイプの色を塗り、変形ツールを使用して縮尺と回転を調整します。

テキストとレイアウト

このチュートリアルでは、この広告のテキスト部分については触れていませんが、ここではいくつかの外観を複製しようとしているかどうかを知りたい場合があります。

フォント：

• 見出し：Candy Round BTN
• Bell Bottom Laserの店名（Bell Bottom Thrift）（ 適切な方法 ）とCalibri
• その他のコピー：Berlin Sans FB
• マップラベル：Basic Sans SF

テキスト効果：

• Bell Bottomには、基本的なインナーベベル効果があります
• Early Bird Salesのコピーには単純なドロップシャドウ効果があります

レイアウト：

• 3pの余白（InDesignのデフォルト）
• レイアウトでは、縦横両方向の3分の1のルールが使用されます。
• 溶岩ランプは垂直に3分の1を占めます。
• 連絡先の情報と地図は水平の3分の1にあります。
• 店舗名は、3分の1の右上の交差点にあり、ビジュアルセンターの周りにあります。
• 初期鳥の販売の宣伝は、3分の2の右下の交差点の周りにあります。

このチュートリアルのページ

1. Bell Bottoms Thrift Adの概要（このページ）
2. 最初の花を描く
3. 第二の花を描く
4. ブロブを描く
5. ランプを描く
6. ランプに溶岩を描く
7. 単純な地図を描く
8. イラストの組み立て

08の02

最初の花を描く

InDesignのStarsに関する私のチュートリアルでは、ポリゴンを星型に変える方法について詳しく説明しています.InDesignでPolygon / Starツールを使ったことがない人にとっては便利です。

私たちの最初の花は星から始まります。

1. 5点星を描く
   • ツールのシェイプフライアウトから多角形ツールを選択します。
   • ポリゴンシェイプツールをダブルクリックして、ポリゴン設定ダイアログを表示します
   • 5面用のポリゴンと60％のスターインセットを設定する
   • スターを描いている間にShiftキーを押したままにする
2. スターポイントを花弁に変換する
   • あなたのツールのペンフライアウトから変換方向ポイントツールを選択してください

     変換方向ポイントツール ： ツールを選択します。 既存のアンカーポイントをクリックします。 マウスボタンを押したままにします。 そのアンカーポイントのハンドルが表示されます。 今すぐマウスをドラッグすると、既存のカーブを変更することができます。 ハンドルが既に表示されている場合、ハンドル自体をクリックしてドラッグすると、既存のカーブも変更されます。 - InDesignペンツール

   • あなたの星の一番上の点の終わりにあるアンカーポイントをクリックアンドホールド
   • カーソルを左にドラッグすると、ポイントが丸い花びらに変換されます。
   • あなたの星の他の4つの点についても繰り返します
   • 5つのアンカーポイントを変換して花びらを均等にしたい場合は、方向変換ポイントまたは直接選択ツール（ツールの白い矢印）を使用して、各カーブのハンドルを選択し、ルックが好きになるまでドラッグしますあなたの花の。
3. あなたの花に素敵な輪郭を与える
   • あなたの花のコピーを作り、脇に置いてください（二番目の花を作るために）
   • 選択したストロークの色を選択してください
   • ストロークを太くする（5-10ポイント）
4. あなたの花を微調整する
   • [ストローク]パネル（F10）を開き、
   • JoinオプションをRound Joinに変更します（内側のコーナーをよく見ている場合）

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く（このページ）
3. 第二の花を描く
4. ブロブを描く
5. ランプを描く
6. ランプに溶岩を描く
7. 単純な地図を描く
8. イラストの組み立て

03/08

第二の花を描く

私たちの2番目の花もPolygon / Starとして始まりましたが、最初の花のコピーを使って時間を節約します。

1. 最初の花から始めよう 。 そのストロークを追加する前に、最初の花をコピーしてください。 あなたが混乱した場合に備えて、別のコピーを1つまたは2つ作成したいかもしれません。
2. 内側コーナーを魅力的にする。 あなたの花の5つの内側のアンカーポイントでConvert Direction Point Toolを使用する
3. ストレッチ花びら 。 ダイレクトセレクションツールを使用して外側のアンカーポイントを中央から外し、花びらを伸ばす
4. 花を微調整する。 ダイレクトセレクションツールを使用して、カーブのハンドルをつかんで、花弁の外側端を太らせ、花弁の内側を薄くし、すべての花弁を多かれ少なかれ同じサイズにします。
5. あなたの花を仕上げる。 あなたの花の外観が好きになったら、あなたの選択の塗りつぶしとストロークを与えます。

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く
3. 第二の花を描く（このページ）
4. ブロブを描く
5. ランプを描く
6. ランプに溶岩を描く
7. 単純な地図を描く
8. イラストの組み立て

04/08

ブロブを描く

あなたはあなたが望む任意の図形をあなたのブログにすることができ、どんな種類の図形でも始めることができます。 ここでそれを行う方法があります。

1. 形状を始める。 6面のポリゴンを描く
2. 形状を修正する。 多角形を好きな形にドラッグするアンカーポイントのいくつかまたはすべてにConvert Direction Point Toolを使用します。
3. カラーブラブ。 選択した色でBLOBを塗りつぶす

それは意図的なものではありませんでしたが、ブロブにはぼんやりとした鳥瞰図があり、Bell Bottom Thriftの広告でブログの上に掲載される「Early Bird Sales」のコピーをエコーし​​ます。

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く
3. 第二の花を描く
4. ブロブを描く（このページ）
5. ランプを描く
6. ランプに溶岩を描く
7. 単純な地図を描く
8. イラストの組み立て

08の05

ランプを描く

3つの形が私たちのランプを構成します。 次のページに「溶岩」を追加します。

1. ランプシェイプを作成します。 背の高い6面のポリゴンを描く
2. ランプを修正してください。 ダイレクト選択ツールを使用して、2つの中央のアンカーポイントを選択し、図2の図形のようなポリゴンになるまでドラッグします。
3. キャップシェイプを追加します。 キャップのランプ上部に四角形を描きます。
4. キャップを修正する。 ダイレクト選択ツールで2つの下部アンカーポイント（一度に1つずつ）を選択し、図4のようになるまでわずかにドラッグします。
5. ベースシェイプを追加します。 ステップ2で移動した中央のアンカーポイントの上端または下端のちょうど上にあるベースのランプの下部にもう片方の6面のポリゴンを描きます。
6. ベースを修正する。 上部と下部のアンカーをランプのカバーするまで基部の片側にドラッグします。 中央のアンカーを図のように内側にドラッグします。 ポリゴンの反対側で繰り返します。
7. カラーランプ。 ランプ、キャップ、ベースを希望の色で塗りつぶします。

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く
3. 第二の花を描く
4. ブロブを描く
5. ランプを描く（このページ）
6. ランプに溶岩を描く
7. 単純な地図を描く
8. イラストの組み立て

06の08

ランプに溶岩を描く

Ellipse Shape Toolを使用して溶岩ランプに溶岩を追加します。

1. 溶岩を引きます。 Ellipse Shape Toolを使用して、ランプの中央に小さくて大きなペアを重ねてランダムな円形/楕円形を描きます。
2. ダブルブロブを作る。 重なっている2つの図形を選択し、オブジェクト/パスファインダー/追加を選択して1つの図形に変換します。
3. ダブルブロブを微調整します。 方向変換ポイントと直接選択ツールを使用して、2つの部分に分かれる大きな塊のように見えるまで曲線を修正します。
4. 溶岩に色を塗る。 あなたが選んだ色で溶岩の図形を埋める。
5. 溶岩を動かす。 ランプのキャップとベースを選択して、それらを前面に持ってきてください。オブジェクト>アレンジ>前面に移動（Shift + Control +）を押して、キャップとベースに重なる溶岩の塊を覆います。

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く
3. 第二の花を描く
4. ブロブを描く
5. ランプを描く
6. ランプに溶岩を描く（このページ）
7. 単純な地図を描く
8. イラストの組み立て

07/08

単純な地図を描く

私たちの広告では、複雑な都市の地図は必要ありません。 シンプルでスタイリッシュなものがうまく動作します。

1. 道路を描く
   • 道を表すために細長い矩形を描きます。
   • 複数のコピーを作成し、[変形]> [回転]を使用して必要に応じて配置します。
   • ほとんどの場合、カーブやマイナージグザグを省略することができます。 道路に大きなカーブがある場合は、四角形をカーブに編集します。
   • すべての道路を選択し、オブジェクト/ Pathfinder / Addに移動して1つのオブジェクトに変換します。
2. マップを囲みます。 あなたのマップに使用したい部分だけをカバーする、長方形を道路上に配置します。
3. マップを作成します。 道路と矩形を選択し、オブジェクト/パスファインダー>マイナスバック

地図を完成させるには、目的地を表す四角形を追加し、主要道路にラベルを付けます。

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く
3. 第二の花を描く
4. ブロブを描く
5. ランプを描く
6. ランプに溶岩を描く
7. 単純な地図を描く（このページ）
8. イラストの組み立て

08の08

イラストの組み立て

私たちはLava Lamp、Blob、Mapをもっとポジションに移すだけでなく、もっと多くのことをする必要はありません。 しかし、私たちの花にはもう少し操作が必要です。

• それぞれの花をとり、いくつかのコピーを作ってください。
• Fill / Strokeの色をスケール、回転、変更します。
• 2つまたは3つの花の形を選択し、少しのフェザーを適用します（オブジェクト>エフェクト>基本的なフェザー）

Groovy！ 私たちの60年代風のイラストレーションは完成しました。 そして、あなたはAdobe InDesignでそれをすべて行いました。 Bell Bottom Thriftの広告を完成させるためにテキストを追加してください（最後にこのエクササイズを取りたい場合は詳細は1ページをご覧ください）。

このチュートリアルのページ

1. ベルボトムススローフ広告の概要
2. 最初の花を描く
3. 第二の花を描く
4. ブロブを描く
5. ランプを描く
6. ランプに溶岩を描く
7. 単純な地図を描く
8. イラストを組み立てる（このページ）