演習05 デザイントレース「ドーナッツ屋のポスター」

演習05 デザイントレース「ドーナッツ屋のポスター」

2024年09月06日 /最終更新:2025年07月30日
読了目安:約5分

「トレース&模写で学ぶ デザインのドリル」のP.028~031、演習05 デザイントレース「ドーナッツ屋のポスター」のトレース解説です。

演習05 デザイントレース「ドーナッツ屋のポスター」

基本情報&ポイント

トレースの基本情報

まずはトレースの基本情報の確認です。

基本情報

  • サイズ・・・A5 横(210 x 148mm)
  • 構成要素・・・ロゴ/写真/キャッチコピー/商品名、価格/説明文

サイズは横210mm x 縦148mmで、A5サイズの横向きです。

使用データ

  • 写真・・・05_photo_1(.psd)/05_photo_2(.psd)
  • ロゴ・・・05_illust(.ai)

使用フォント(Googleフォントからダウンロード)

Adobe Fontsが使用できないため、Googleフォントの中から近いものを選びました。
「日本語」「英語」のそれぞれのフォントを、あらかじめインストールしてすぐに使えるようにしておきましょう。

使用カラー

  • ブラウン・・・C:40%/M:80%/Y:70%/K:10%
  • ピンク・・・C:0%/M:60%/Y:7%/K:0%
  • ホワイト・・・C:0%/M:0%/Y:0%/K:0%

トレースのポイント

では今回習得すべきトレースのポイントを確認しましょう。
テキスト「トレース&模写で学ぶ デザインのドリル」P.030を開いてください。
今回のポイントは「コントラスト」です。

対比表現で一番重要なのは「コントラストを出す」つまり「差を明らかにする」ということです。このポスターでは、ブラウンとピンクを使って大胆に色分けすることで、二つのドーナッツのコントラストが強調されています。

CHECK

  • 明快なコントラスト表現ができているか確認
  • 要素がシンメトリーになっているか確認
  • 背景を白に変えて印象の差を確認する

トレース開始

Illustratorでのウェブデザイン制作によく使うショートカット

トレース作業を始める前に私からのアドバイスです。

Illustratorでのウェブデザイン制作によく使うショートカット[随時更新]

新規ドキュメントを作成

今回は「A5 横(210mm x 148mm)」のサイズで新規ドキュメントを作成しましょう。
また作成後の初回保存時に「LESSON1 > 05」フォルダの中に移動しましょう。

  1. Illustratorを起動。
  2. 「新規ファイル」ボタンをクリックして新規ファイルを作成。
  3. 「新規ドキュメント」ダイアログボックスの「印刷」タブをクリック。
  4. 「すべてのプリセットを表示+」をクリック。
  5. 「A5 148mm x 210mm」をクリック。
  6. 右側の入力枠の「方向」を「横向き」にする。
  7. 「作成」ボタンをクリック。
  8. 新規ファイルが作成されアートボードが表示される。
  9. 上部「ファイル > 保存」をクリックし保存先を「LESSON1 > 05」フォルダを指定、
    保存名を「学籍番号_trace05.ai」にして保存する。

トレース作業開始

ではトレース作業に入ります。

演習05 デザイントレース「ドーナッツ屋のポスター」Part.1

演習05 デザイントレース「ドーナッツ屋のポスター」Part.2

演習05 デザイントレース「ドーナッツ屋のポスター」Part.3