InDesign ビデオ トレーニング - 現代の実践

フライヤーデザインを折りたたみ形式でスポーツジム/フィットネススタジオを例に説明します - Part 2

チュートリアルのすべてのビデオ InDesignビデオトレーニング - 現代の実務

前回のチュートリアルでは、ジグザグ折りたたみとラップ折りたたみを学びました。また、私たちはチラシを準備し、前景の女性を切り抜きしました。


今回は表紙をデザインします。

フライヤーデザインの折りたたみ形式の例として、スポーツジム/フィットネスジムを挙げる - パート2


ステップ1–11

ステップ1

まず最初に図形を作成します。これにはポリゴンツールダブルクリックして、辺の数に3を入力します。

フライヤーデザインを折り畳み形式で、スポーツジム/フィットネスジムを例にして説明します - Part 2

ステップ2

次に三角形を作成します…

フライヤーデザインの折りたたみ形式の例として、スポーツジム/フィットネスジムを取り上げます - パート2

… そして次に選択ツールでそれを拡大します。

フライヤーデザインを折り畳み形式でスポーツジム/フィットネススタジオを例に取り上げて説明します - パート2

ステップ3

次にダイレクトセレクションツールを選択し、上部のポイントを左に、右下のポイントを右にShiftキーを押しながら引きます。

フライヤーデザインの折りたたみ形式の例として、スポーツジム/フィットネスジムを挙げる - パート2

ステップ4

次に、三角形に曲がりを加えたいと思います。これにはペンツールを長押ししてコントロールポイントの変換(Shift+C)を選択します。上部のポイントをShiftキーを押しながら上に引いて、好みの曲線になるまで続けます。同じことを下部の右ポイントにも適用します(Shiftキーを押しながら左に引っ張ります)。

フライヤーデザインの折りたたみ形式をスポーツジム/フィットネススタジオを例に説明します - パート2

ステップ5

次に、形状に色を塗ります。チラシ全体の調和を保つために、濃いグレー(#37414a)を選択します。

ヒント:すでに完成したチラシがある場合、そこにある色をインポートすることもできます。これには右側の塗りつぶしパネル塗りつぶし色を読み込むを選択し、完成したチラシを選んでそこから希望の色を選びます。

フライヤーデザインの折りたたみ形式:スポーツジム/フィットネスジムを例に - パート2

ステップ6

次に、形状の不透明度を90%に設定して軽い透明性を得ます。

フライヤーデザインの折りたたみ形式、スポーツジム/フィットネスジムを例に - パート2

ステップ7

次に、Alt+右矢印で形状をコピーし、わずかに引き延ばして2番目の形状が表示されるようにします。

スポーツジム/フィットネスジムを例にとった折りたたみ形式のフライヤーデザイン - パート2

ステップ8

その後、コピーした形状の不透明度を35%に設定します。

フライヤーデザインを折りたたみ形式でスポーツジム/フィットネスジムの例を使って作成 - パート2

ステップ9

次に、前回のチュートリアルで切り抜いた女性の画像を再利用します(Ctrl+D、切り抜いた女性を選択します)。画像を挿入し、サイズを調整します。重要:拡大縮小する際は常にCtrl+Shiftを押しながら行うと、女性の比率が変わらないようになります。

フライヤーデザインの折りたたみ形式、スポーツジム/フィットネスジムを例に - パート2

ステップ10

この作業を完了し、女性のサイズに満足したら、女性を2つの形状の後ろに配置します。これには、女性を右クリックしてアレンジ>背面へステップバイステップを選択するか、2回Ctrl+↑を使用します。

フライヤーデザインの折りたたみ形式の例、スポーツジム/フィットネスジム - パート2

ステップ11

新しい背景を挿入する前に、右上の角用の形状を複製する必要があります。

すべてを選択し、女性を除外するためにShiftキーを押しながらクリックし、2つの形状をグループ化します(右クリック>グループ化)、Altキーを押しながら形状を複製し、少し引き延ばしてShiftキーを押しながら正しい位置に回します。

フライヤーデザインの折りたたみ形式 スポーツジム/フィットネスジムを例に - パート2

ステップ12–21

ステップ12

次に、灰色のストライプをダブルクリックして、片側が少し太く、もう片側が少し細くなるように移動します。

フライヤーデザインをスポーツジム/フィットネスジムを例に折りたたみ形式で - パート2

ステップ13

そして、上部の形の色を変更する必要があります。私はグレーに合うように美しいターコイズを選びました。これは、カラーピッカーで選択し、CMYKカラーチップを追加ボタンをクリックしました。CMYK値はC=シアン81、M=マゼンタ28、Y=イエロー25、K=黒7です。

輪郭は0ポイントを選択してください。輪郭は不要です。グレーの形でも同様です。

チラシデザインをスポーツジム/フィットネスジムを例に折りたたみ形式で作成する - Part 2

ステップ14

次に「Wir machen Sie fit!」というスローガンが必要です。そのために、長方形ツール(M)を選択し、を白に設定して、輪郭なしで長方形を描きます。

フライヤーデザイン折りたたみ形式スポーツジム/フィットネスジムを例に - パート2

ステップ15

作成したボックスに「WIR MACHEN SIE FIT!」と記入し、フォントをPT Sans Narrowに、テキストサイズを22ポイントに設定します。

ヒント:フォントがまだない場合は、www.fontsquirrel.comから必要な全てのスタイルでダウンロードできます。

フライヤーデザインを折り畳み形式で、スポーツジム/フィットネスジムを例に説明します - パート2

さらにテキストを中央揃えにします。しかし、テキストがテキストボックスの中央にあることを確認するには、選択ツール右クリックでテキストボックスを選択し、テキストフレームオプション(Ctrl+B)配置中央揃えに変更します。

フライヤーデザインの折り畳み形式、スポーツジム/フィットネススタジオを例に取って - パート2

ステップ16

今のところ、それはとても良く見えますが、それでも少し退屈です。それを変更するために、Photoshopで背景画像を開き、色相/彩度調整レイヤーを追加し、彩度を-100に設定します。これにより、画像が白黒になります。

フライヤーデザインのたたみ込み形式、スポーツジム/フィットネスジムを例に取って説明します - パート2

ステップ17

次に、Ctrl+Dで保存した画像を選択し、ページ全体にドラッグします。

ヒント:ページ全体にドラッグする際に、スペースキーを押し、選択をさらに移動できます。

チラシデザインの折りたたみ形式をスポーツジム/フィットネススタジオを例にして説明します。 - パート2

その後、Ctrl+Altで画像をステップごとに背面に移動し、不透明度を25%に設定します。

フライヤーデザインの折りたたみ形式、スポーツジム/フィットネスジムを例に - パート2

ステップ18

次に、会社のロゴを作成します。そのために、楕円ツールを選択し、Shiftキーを押しながら円を作成します(後でサイズを変更する場合、必ずCtrl+Shiftを押してください)。その後、この円をターコイズで塗りつぶします。

フライヤーデザインをスポーツジム/フィットネスジムの例を使って折りたたみ形式で作成する - パート2

ステップ19

次に、青い円の周りに白い輪郭が欲しいと思います。そのために、2つの方法をご紹介します。

方法1(古いバージョンのユーザー向け):

Ctrl+Cで円をコピーし、Ctrl+Shift+Alt+Vで同じ位置に貼り付けます。その後、コピーを48mm x 48mmに拡大し、例えば(紙)のパレットを使って白に変更し、不透明度を25%に設定します。最後に円を移動させて、中央に配置します。

フライヤーデザインの折りたたみ形式、スポーツジム/フィットネスクラブの例を取り上げる - パート2

方法2:

塗りパレットで円に輪郭を設定し、白色を割り当て、線の太さを3ポイントに変更します。

フライヤーデザインを折りたたみ形式でスポーツジム/フィットネスジムを例に取って説明します - パート2

次に、この輪郭も透明にしたいと思います。そのために、エフェクトメニューを使用し、オブジェクトサブメニューを選択します。新しい設定ウィンドウが表示されます。ここで、輪郭設定の不透明度不透明度を50%に変更します。

フライヤーデザインの折りたたみ形式の例として、スポーツジム/フィットネスジムをご紹介します - パート2

白い輪郭にダブルコントをしたくない場合は、オブジェクト設定オブジェクトの設定)でアウトライングループにチェックを入れると、輪郭全体が透明になります。

パンフレットの折りたたみデザイン:スポーツジム/フィットネスジムを例に - パート2

ステップ20

最後に、ロゴのテキストが残っています。そのためにテキストツールを選択し、円の中にテキストボックスを描きます。

フライヤーデザインの折りたたみ形式:スポーツジム/フィットネスクラブの例 - パート2

今度は、フォント「Oil Can」(インターネットで見つけることができる)で、テキストボックスに会社名を入力します。そして、テキストボックスの上部の両角を白い枠線に合わせるように引っ張ります。これにより、テキストが本当に中央揃えになります。

フライヤーデザインをスポーツジム/フィットネススタジオを例に折りたたみ形式で紹介します - パート2

先ほど作成したテキストの下に、Shiftキーを押しながら線を引きます。太さは0.5Ptにし、薄いグレーを色として選択します。線を引きながらスペースキーを押すと、正しい位置に移動させることができます。

フライヤーデザインを折りたたみスタイルでスポーツジム/フィットネスジムの例を使用して表現 - パート2

その後、"Für Sie & Ihn" を追加します。既存のテキストボックスを選択し、Enterキーを押してテキストを入力します。ここでもPT Sans Narrow フォントを使用します。そして、フォントサイズを11Pt、行間を18Ptに変更します。

フライヤーデザインの折りたたみ形式を、スポーツジム/フィットネススタジオを例に取りながら説明します - パート2

この後、文字との中央に線を配置し、SとMに2つのガイドラインを使って合わせます。そして、ガイドラインを選択してDeleteキーを押して消去します。

フライヤーデザインをスポーツジム/フィットネススタジオの例を使って折りたたみ形式で作成 - パート2

ステップ21

最後に、修正や変更する必要がある3つの細かい点があります:例えば、Shift+Altキーを押しながら円を中心から少し小さくすることができます。上部右端の濃い形状は、背景が少し透けるように90%の不透明度を設定する必要があります。"SIE FIT!"という2つの単語は、ターコイズ色に変更します。完成!

フライヤーデザインの折りたたみ形式、スポーツジム/フィットネスジムの例を用いて - パート2