iPad上のComp CCを使ってチラシのレイアウトとデザインをおこない、デスクに戻った後にInDesign CCでそれを微調整する方法について説明します。
make-flyer_1408x792

形式を選択する

Comp CCを開き、「+」をタップして新規プロジェクトを作成し、レイアウトに応じた形式を選択します。このチュートリアルでは、「A4(横方向)」を選択します。

このレイアウトを実際に作ってみることができます。Girls Code Libraryのアセットを使用してください。「Creative Cloudに保存」をクリックして、ご自分のアカウントにライブラリをコピーすれば、Comp CCから直接アセットにアクセスできます。

注意:アセットをコピーするには、自分のAdobe IDでCreative Cloudアカウントにログインする必要があります。お持ちでない場合はAdobe IDを取得してください。

5453 step 1

列のガイドを作成する

設定/グリッドとガイド/追加の順にタップします。

グリッドの列アイコンをタップして、レイアウトに6列を追加します。終了したら、「完了」をタップします。

5453 step 2

写真を探して追加する

画面の上部にあるグラフィックアイコンをタップします。Adobe Stockをタップし、検索する用語(女の子 ノートパソコンなど)を入力します。そしてプレビューを保存をタップし、透かし入りの画像をライブラリに保存します。または、画像のライセンスを取得する場合はアセットのライセンスを取得を選択します。

注意:グラフィック/マイライブラリをタップして、このチュートリアルで提供されている透かしの入った写真を使用したり、自分の画像を選択することもできます。プロジェクトで画像にアクセスしてライセンスを取得する方法については、Adobe Stockチュートリアルを参照してください。

5453 step 3

基本的な要素を作成する

写真が選択されていることを確認し、サイズ変更ハンドルをドラッグして、女の子がページの左側の3列を占めるように拡大します。

次に、背景色を追加します。画面上部のシェイプアイコンをタップして、四角形を選択します。

5453 step 4

サイズを変更して背景に色を追加する

サイズ変更ハンドルをドラッグして、四角形がページの右側の3列を占めるように拡大します。

背景を選択したまま(タップして再選択する)、画面下部のカラーアイコンをタップし、カラーホイールをタップして背景色を選択します。

5453 step 5

シェイプとプレースホルダーテキストを描く

描画ジェスチャーに従って、描画内容がオブジェクトに変換されます。線とドット(.)を描画してヘッドラインのテキストを作成します。長方形を描き、背景ボックスを作成します。背景ボックスの上で線とドットを描画し、小見出しを追加します。テキストブロックを作成するには、3つの線とドットを描きます。 

画面上部の文字ツールを使って、プレースホルダーテキストを作成することもできます。

ヒント:画面上部にある歯車アイコンをタップすると、描画ジェスチャのヘルプが表示されます。

5453 step 6

テキストの編集とスタイル

見出しテキストの中をダブルクリックし、GIRLS WRITE <CODE>と入力します。見出しの外側を1回タップすると、キーボードを解除できます。テキストの右側のダイヤルをタップし、46ポイントまでポイントサイズを大きくします。

画面下部のテキストアイコンをタップし、「フォント」をタップして、使用できるフォントのリストから選択します。

このプロジェクトではDiscourse MiddleというTypekitフォントを使用します。フォントメニューで「追加」をタップし、Creative Cloudメンバーシップで提供される各種のTypekitフォントの中から選択します。

注意:Typekitからフォントを追加すると、そのフォントは、その後のデスクトップやモバイルのプロジェクトで使用できるようにCreative Cloudアカウントに同期されます。

 

5453 step 7

デスクトップに送る

作成したレイアウトは、Adobe Photoshop、Illustrator、InDesignに送ることができます。Behanceで制作中のレイアウトを共有することもできます。

このプロジェクトでは、送信/InDesign CCに送信をタップして、InDesignにこのチラシを送ります。デスクトップでInDesign CCを開きます。Comp CCレイアウトが自動的に開きます。

  

5453 step 8

テキストカラーを変更する

InDesignで文字ツールを選択し、<CODE>という文字を選択します。画面上部の「テキストの塗りつぶし」ドロップダウンメニューの横にある矢印をクリックし、用紙設定を選択して、テキストを白色に変更します。 

次に、小見出しのプレースホルダーテキストをCode your way through summerのような広告コピーに置き換え、上記の手順で文字の色を白色に変更します。

5453 step 9

小見出しのサイズと背景の色を変える

選択ツール(黒色の矢印)を使用して、小見出しの背後にあるグレーのボックスをクリックして選択します。サイズ変更ハンドルをドラッグして、ボックスを狭くし、ページの右端まで伸ばします。

ボックスを選択したまま、スポイトツールを使用して写真の濃青色のシャツをクリックし、小見出しの背後にあるボックスに色を転送します。

ヒント:スポイトツールを選択したことを確認してください。アイコンをタップしたまま押さえると、他のアイコンが現れるので、スポイトを選択します。

5453 step 10

プレースホルダーテキストを置換する

文字ツールを選択し、プレースホルダーテキストをクリック&ドラッグして文字をすべて選択します。その後、メッセージを入力します。

5453 step 11

チラシを印刷するか、オンラインに公開する

チラシが完成し、印刷やオンラインでの公開の準備ができました。お使いのCreative Cloudアカウントでオンライン公開が可能な場合は、画面上部のPublish Onlineをクリックします。チラシを電子メール経由でソーシャルメディアで共有したり、Webサイトに含めることができます。

注意:公開のオプションについては、InDesignの「ドキュメントをオンラインで公開する」をご覧ください。チラシの印刷については、「印刷用のPDFを作成」をご覧ください。

 

5453 step 12
10/16/2019
このページは役に立ちましたか。