1. Design & Illustration
  2. Graphic Templates
  3. Flyer

配布資料テンプレートを作成する方法

Scroll to top
Read Time: 3 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

ブランディングとで構成されるテンプレートを作成する困難にする必要はありません。このチュートリアルでは、プロの情報チラシを作ります。目を引く、プロフェッショナルな外観は、あなたのビジネスに最適!

ビジネスのチラシでは、あなたの会社について読者を/顧客に通知できます。広告のこのフォームは、広範な分布のためのものは、メールを介して送信したり、あなたのマーケティング キャンペーンで使用する最適です。 この汎用性の高いチラシのデザインは、様々 なケースやブランド ガイドラインのカスタマイズできます。

配布チラシに一貫して存在するいくつかの主要なコンポーネントがあります。ロゴ、連絡先情報、およびキャッチ フレーズのとおりです。 これらは更新が必要なものですので、コンテンツとイメージは編集可能なする必要があります。今日、我々 と協力してロゴに一致するチラシを作成するのに焦点を当てます。

必要とするもの

Adobe InDesign と Adobe Illustrator へのアクセスを必要があります。ソフトウェアを持っていない、Adobe の web サイトから試用版をダウンロードすることができます。次に掲げる資産も必要があります。

資産をダウンロードして開始する前に、システムにフォントがインストールされていることを確認します。準備ができたら、私たちは潜ることができる!

素晴らしいビジネスチラシテンプレートをお探しですか? Envato ElementsまたはGraphicRiverに向かいます。

1 新しい Adobe InDesign ファイルの設定

ステップ 1

このチュートリアルでは、A4 サイズを使用します。配布テンプレートの最も人気のあるサイズです。

InDesignで、 File > New の順にクリックします。 文書にHandoutテンプレートという名前を付けます。 文書プリセットを使用している場合は、A4を選択してください そうでない場合は 単位センチメートルに変更します。 21 cm高さ29.7 cmに設定します。 向きに設定します。

1 セット 0.3 cm裁ち落としに余白を設定します。プロのプリンターを使用する場合は、それらを求める彼らを使用することのようにどのような出血。「作成」をクリックします。

Create a new A4 fileCreate a new A4 fileCreate a new A4 file

ステップ 2

我々 がプロジェクトを開始する前にそれを使用する簡単ですのでグリッドを作成してみましょう。Layout > Create Guidesガイドを作成オプションウィンドウで、行数を8に、0に設定します。列数30.5 cmに設定します。 オプションで、ガイドに合わせる余白に設定し、OKをクリックします。

Command-;を押してガイドと余白を表示/非表示にします。 あるいは、Wを使用してプレビューモードに入り、終了することができます。

Create guidesCreate guidesCreate guides

ステップ 3

デザインを始める前に、色見本をいくつか追加しましょう。 Window > Color > Swatchesに移動して、スウォッチパネルを展開します。 メインメニューから新しい色見本ボタンを選択します。

C = 65 M = 100 Y = 0 K = 0 に値を設定します。クリックを追加し、[ok]。

我々 はコントラストを暗い影を追加する必要があります。これらの値を使用してプロセスを繰り返す: C = 80 M = 100 Y = 30 K = 40

Add color swatchesAdd color swatchesAdd color swatches

2. Adobe InDesign で画像を配置する方法

フライヤーは、テンプレートは読者を魅了する、関連する画像のフロント センターを持っている必要があります。このプロジェクトのため私たちはテンプレートのトップ/ミドル セクションにこれを配置します。

ステップ 1

ツールバーから枠ツール(F)を選択します。 文書をクリックし、矩形ウィンドウオプションで21.6 cm高さ11.3 cmに設定します。 OKをクリックしてください。

選択ツールを使用して、フレームを移動して2行目のガイドから始めます。

Create a frame using the frame toolCreate a frame using the frame toolCreate a frame using the frame tool

ステップ 2

フレームを選択しながら、Command + D押して画像を配置します。 お使いのコンピュータでインスピレーションを探していますという画像を探します。 開くをクリックしてください。

直接選択ツール(A) を使用して、要素内の画像を選択します コントロールバーに向かいます。 有効にしていない場合は、Window > Controlに進みます。 幅と高さボタンの縦横比を固定を有効にします。 これは、画像がそれに比例してサイズ変更されるためです。割合60%に設定します。

下の画像のようなポスターの右側にあるイメージの主題を配置します。

Place an imagePlace an imagePlace an image

ステップ 3

ツールバーから長方形ツール(M)を選びます。 文書をクリックし、矩形ウィンドウオプションで10.6 cm高さ11.3 cmに設定します。 OKをクリックしてください。

直接選択ツール (A) を使用して、四角形の右側に 2 つの点を選択します。1 つのポイントをクリックして、shift キーを押しながら、他の点をクリックします。私は以下の画像を選択する必要があります 2 つの点を強調しました。

右クリックしてTransform > Shearを選択します。 せん断角26°に、軸を水平設定しますOKをクリックしてください。

Create a rectangle and shear the right side of itCreate a rectangle and shear the right side of itCreate a rectangle and shear the right side of it

ステップ 4

選択ツール(V)を使ってオブジェクトを選択します。 スウォッチパネルに進んで、濃い紫を選択してください。

Window > Effectsに移動して[効果]パネルを開きます。オブジェクトを選択しながら、[不透明度]を[乗算]に設定します。

Change the opacity to multiply and the color to purpleChange the opacity to multiply and the color to purpleChange the opacity to multiply and the color to purple

ステップ 5

配布テンプレートにロゴを追加しましょう。 ファイルを配置するには、Command + Dキーを押します。 ダウンロードしたForecastrのロゴを見つけます。forecastr-06.epsを使用します。 開くをクリックします

ファイルを配置する文書をクリックします。

Place the logoPlace the logoPlace the logo

ステップ 6

配置したロゴ画像を選択してください。コントロールバーに移動して、縦横比の制限が有効になっていることを確認します。 割合30%に設定します。

ロゴは小さくなりますが、それを囲むフレームがまだ大きすぎます。Option を押しながらし、コーナーの 1 つをドラッグします。このキーは、オブジェクトの中心に向かって四方をフレームのサイズを変更できるようになります。

チラシの左上隅にロゴを配置します。

Resize the logo and place it on the top left corner of the flyerResize the logo and place it on the top left corner of the flyerResize the logo and place it on the top left corner of the flyer

ステップ 7

ウィンドウに行くことによってレイヤー パネルをWindow > Layers。背中に名前を変更するレイヤー 1 をダブルクリックします。[Ok] を。

新しいレイヤーを作成し、フロントという名前を付けます。[Ok] を。

Create a new layerCreate a new layerCreate a new layer

3. Adobe InDesign で型の書式設定方法

ステップ 1

紫のオブジェクトの見出しと小見出しを追加します。これ、我々 は前面レイヤーにオブジェクトを複製して整理層を維持する必要があります。我々 は乗算、不透明度として使用しているので元のオブジェクトのテキスト ボックスを作成できません。

コマンド C キーを押してによって紫のオブジェクトを複製します。背面レイヤーをロックし、前面レイヤーのオブジェクトをコピーします。場所に貼り付けにシフト-オプション-コマンド-V を押します。

ながらオブジェクトを選択するには、スウォッチ パネルでカラーを [] に変更します。エフェクト パネルの不透明度を通常に変更します。

Add a headline and subheadlineAdd a headline and subheadlineAdd a headline and subheadline

ステップ 2

ツールバーの [テキスト ツール (T) を選択します。複製したオブジェクトをクリックして、見出しと小見出しを追加します。コマンド T を押すことによって文字のパネルを表示します。

、コントラスト、深さを作成するには、2 行に見出しを分割します。RNS サンス標準、RNS サンス余分な大胆に次のいずれか 1 つの行を設定します。サイズを 30 pt に設定します。

同じフォントとサイズを 14 pt に小見出しを設定します。

テキスト フレームのオプションを表示するコマンド + B を押します。ライブ変更を表示するには、[プレビュー] ボックスを確認します。[外枠からの間隔、設定はめ込みに 1.25 cm します。 [ok] をクリック。

Using the text frame options add an insetUsing the text frame options add an insetUsing the text frame options add an inset

ステップ 3

テキスト ツール (T) を使用して、単一の列のテキスト ボックスを作成します。これを上部に配置、テンプレートの右。ここでは、連絡先情報を追加していきます。文字パネルのフォントを RNS サンス標準、8 pt サイズに設定します。

Add contact informationAdd contact informationAdd contact information

ステップ 4

本文にコピーのテキスト ボックスを作成する時間です。テキスト ツール (T) を使用して、列の 3 分の 2 に合うように 1 つのテキスト ボックスを作成します。1 つの列に合うように 2 番目のテキスト ボックスを作成します。これら 2 つ横に並べて配置します。

小見出しと本文のコピーを両方のテキスト ボックスに追加します。スウォッチ パネルを使用して 14 pt. RNS サンス余分な大胆かつサイズに小見出しのフォントに設定文字パネルを使用して、明るい紫に色を設定します。

体のコピーは普通の家族とスウォッチ パネルを使用してサイズ 11 ポイントを使用、暗い紫に色を設定します。

Create two text boxes Create two text boxes Create two text boxes

ステップ 5

右のテキスト ボックスには、箇条書きを追加しましたを気づくでしょう。

箇条書きの項目を操作するときの大きなヒントは、句読点のぶら下げを使用することです。つまり、行後、最初の行のインデントし、最初の行に配置されます。箇条書きの下のテキストは、シャープなデザインを持っていることを避けること。

これを行うには、我々 に追加できますインデントここ特殊文字を押してコマンド \。これがアクティブになったかどうかは、「型に向かう > 隠し文字を表示します。ここまでインデントは、短剣として表示する必要があります。

Add hanging punctuations on the bullet pointsAdd hanging punctuations on the bullet pointsAdd hanging punctuations on the bullet points

4. ベクトルのアイコンを追加する方法

ステップ 1

頭の上にレイヤー パネルと背面レイヤーのロックを解除します。

ツールバーの [四角形ツール (M) を選択します。ドキュメントをクリックし、幅 21.6 cm と 5 cm の高さに設定。 前に、のステップで作成したテキスト ボックスの下に四角形を配置します。[黒] スウォッチ パネルに色を設定します。濃淡を 10% に変更します。

背面レイヤーをロックし、前面レイヤー上で動作します。テキスト ツールは、四角形内のテキスト ボックスを作成しないので、便利です。

Create a rectangle using the rectangle toolCreate a rectangle using the rectangle toolCreate a rectangle using the rectangle tool

ステップ 2

今前面レイヤーにいきましょう。テキスト ツール (T) を使用して、灰色のオブジェクト内のテキスト ボックスを作成します。

テキスト ボックスを選択したまま、テキスト フレーム オプションを開くにコマンド + B を押します。[列] で、3 と余白を 0.5 cm。 [ok] をクリックして設定します。

Add a text box to fit the rectangleAdd a text box to fit the rectangleAdd a text box to fit the rectangle

ステップ 3

ここでは、どのようなビジネスを提供していますに集中してコピーを追加できます。11 ポイント セットが同じサイズ、普通の家族で、この時間にコピーする RNS サンス余分な大胆かつサイズに小見出しを設定します。

Format the text box to have a subheadline and body copyFormat the text box to have a subheadline and body copyFormat the text box to have a subheadline and body copy

ステップ 4

見た目をよくするために、このセクションにアイコンを追加できます。 Adobe Illustratorで Business doodlesベクターファイルを開きます。

Shift キーを押しし、各アイコンをクリックすると、グラフ、電球、飛行機のアイコンを選択します。コピーするコマンド C を押します。

Open the vector icons in Adobe IllustratorOpen the vector icons in Adobe IllustratorOpen the vector icons in Adobe Illustrator

ステップ 5

InDesign ファイルに戻りましょう。ペースト コマンド + V を押します。スウォッチ パネルのカラー見本を明るいパープル色に設定します。

アイコンをグループ化します。グループ化の解除、Shift コマンド-G キーを押します

アイコンのサイズを変更するには、各アイコンとコントロール バーへ向かうを選択します。高さを設定のみ、縦横ボタンをアクティブにします。幅が自動的に変更されます。高さを 1.5 cm に設定します。

我々 が作成したテキスト ボックスの上にアイコンを配置します。

Past the icons Change the color to purple and resize Past the icons Change the color to purple and resize Past the icons Change the color to purple and resize

ステップ 6

視覚的にそれらを分離する 3 つの列の間のストロークを追加します。ツールバーに移動し、[線] ツール (\) を選択します。

サイズを調整するコントロール バーを使用して 4 cm 線を作成します。それぞれの行の中央に垂直グリッド ガイドを使用します。

ウィンドウへ向かう > ストローク ストローク パネルを表示します。2 pt、タイプ選択の点線の下の重量を設定します。

スウォッチ パネルに紫色の光に色を変更します。

Add strokes in between the columns Add strokes in between the columns Add strokes in between the columns

ステップ 7

デザインが完了するには、テンプレートの下部にテキストの行を追加します。これはデザインに素敵な仕上げを与えます。ここでは、単一の文またはビジネスに関連する単語を追加できます。

型ツール (T) を使用して、チラシの下の余白に小さいテキスト ボックスを作成します。いくつかのテキストを追加し、サイズを 14 pt と明るい紫に色に設定します。

ウィンドウに行くことによって段落パネルを持ち出す > タイプ ・ テーブル > 段落またはオプション コマンド T キーを押しますセンターへの配置を設定します。

Add a text line at the bottom of the flyer Align to the center Add a text line at the bottom of the flyer Align to the center Add a text line at the bottom of the flyer Align to the center

5. 印刷やオンライン共有用ファイルをエクスポートする方法

印刷用ファイルをエクスポートする前にチラシのすべてのエッジの周り見ていくことをお勧めします。これは、すべての画像を確認してベクトルを出血、出血に触れています。 W を押してプレビュー モードと通常モードの間に行きます。デザインをさらにいくつかのスペースを調整するにはお気軽に。

ステップ 1

ファイルに移動してファイルをエクスポートするには、> のエクスポートします。ファイル募金パンフレットを名前し、形式ドロップ ダウン メニューから Adobe PDF (印刷)」を選択します。[保存] をクリックします。

Export the file for printingExport the file for printingExport the file for printing

ステップ 2

Adobe PDF を書き出しウィンドウ プレス品質に Adobe PDF プリセットを設定します。

Select press quality as a PDF presetSelect press quality as a PDF presetSelect press quality as a PDF preset

パネルの左側にある、トンボと裁ち落としを選択します。チェックすべてのプリンターのマークと使用ドキュメントは出血の設定です。[エクスポート] をクリックします。PDF ファイルを印刷するには準備があります。

Check all printers parks and use document bleed settingsCheck all printers parks and use document bleed settingsCheck all printers parks and use document bleed settings

ステップ 3

オンライン共有ファイルを保存する場合は、jpeg ファイルをエクスポートします。

Export as a JPEG for online sharingExport as a JPEG for online sharingExport as a JPEG for online sharing

素晴らしい仕事!このチュートリアルを完了した!

このチュートリアルでは、配布資料印刷するには準備ができてテンプレートを設定する方法を学びました。ブランド ガイドラインに合わせて編集しやすい、マーケティング キャンペーンの準備です。

今日、我々 はことを学んだ。

  • Adobe InDesign で印刷する準備ができてファイルを設定します。
  • 専門的な資料は情報提供テンプレートをデザインします。
  • 列、および異なる形のテキスト ボックスを作成します。
  • プロフェッショナルな外観の活版印刷で細部をフォーマットします。
  • 図形を書式設定、画像、色、および文字体裁に別の InDesign のパネルを使用します。
  • 準備-印刷 PDF ファイルをエクスポートします。

より多くのチラシや配布資料のアイデアを探求したい場合は、Envato ElementsGraphic Riverで、カスタマイズ可能な多くのビジネスチラシテンプレートを見つけることができます。 見てみな!

あなたはこのチュートリアルを好きだったら、あなたはこれらを好むかもしれない。

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads