【60代グラフィックデザイナーが説明】フライヤー作成時のビジュアル素材集め方

flyer-page-visual 学び
学び
この記事は約7分で読めます。
スポンサーリンク

【のまど倶楽部】のスキルアップ! 〜フライヤー素材〜

[【60代グラフィックデザイナーが説明】フライヤー作成の準備]記事ではフライヤーを作るための内容の準備について説明しました。このページではフライヤー作成時に必要になるビジュアル素材の集め方について説明します。

「フライヤー」と「チラシ」

※フライヤーと似た用途の言葉に「チラシ」がありますが、現代においてはフライヤーとチラシはほぼ同じ意味と考えて差し支えありません。 どちらも紙に印刷された広告物を指す呼称であり、明確な区別はありません。

marisan
marisan

※[【60代グラフィックデザイナーが説明】フライヤー作成の準備]についての詳細は下記リンク先を参考にしてみて下さいね。

フライヤー作成
本コンテンツとは別にグラフィックデザインに関わるツールの説明やスキルアップなどについて60代クラフィックデザイナーが綴っています。

フライヤーのビジュアル素材選別をしましょう

ひとまずdataから考えられるビジュアル素材を全て抽出します

data 制作事例|下北沢にオープンするカフェのフライヤー(サイズA4)

■タイトル:Coffe Uram OPEN!!

■説明文:当店自慢の有機栽培コーヒーとこだわりのパンケーキをご用意しました。皆様のご来店をお待ちしています!

■サービス内容、サービス説明:Uramランチ‥¥1,200、パンケーキ‥¥1,000、自家製パン(おかわり自由)‥¥800、有機栽培コーヒー:ブレンド‥¥500 ラテ‥¥600 カプチーノ‥¥600

■キャンペーン:20**年*月*日〜*月*日まで先着10名様にオリジナルグッズプレゼント!

■開店日:2024年4月1日(*曜日)AM:11時OPEN (営業時間:月曜〜土曜日11:00~20:00、日曜日休業) 

■連絡先、アクセス情報:住所 〒111-11 東京都世田谷区下北沢1-1-1 XXビル1F tel 03-0000-0000 fax03-0000-000 e-mail abcd.efg@gmail.com ホームページ:https://XXXXX.com

制作事例フライヤーの内容|dataから全て抽出したビジュアル素材です。

メインの画像 Uramランチ パンケーキ 自家製パン 有機栽培コーヒー キャンペーン、ロゴ、地図、+情報として、QRコード

フライヤーに使用するビジュアル素材を絞り込みます

これらのビジュアルをA4サイズのフライヤーに全て盛り込んでしまうと情報過多となってしまいます。少し絞り込む必要があるため、dataの中から「説明文」に注目します。

制作事例フライヤーの説明文|”当店自慢の有機栽培コーヒーこだわりのパンケーキをご用意しました。”とあります。

つまりCoffe Uramではコーヒーとパンケーキに力を入れていると言うことです。

検討した結果以下の様にビジュアル素材を絞り込むことができました。

メイン、パンケーキ、コーヒー、キャンペーン、ロゴ、地図、+情報として、QRコード

フライヤーデザインの方向性を決めましょう

絞り込んだ素材を集める前にフライヤーデザインの方向性を決めます。デザインの方向性はどの段階で決めても良いのですが盛り込む要素を決めてからの方がスムーズです。

フライヤーデザインスタイルは主に4タイプです

  • 写真ビジュアル中心のデザイン
  • イラストビジュアル中心のデザイン
  • 図形やパターンでのデザイン処理中心のデザイン
  • 文字要素をビジュアル中心にするデザイン

★クライアントからデザインスタイルの要望がある場合には希望に沿った形で作成します。

cafe-sample-flyer
cafe-sample-flyer

制作事例フライヤーでは以下のように設定し制作しました。上の画像は完成させたフライヤーのサンプルです。

デザインの方向性|写真ビジュアル中心

  • メイン、パンケーキ、有機栽培コーヒーのビジュアル→無料画像サイトなどからダウンロード
  • キャンペーン→”あしらい(飾り要素)”を無料画像サイトなどからダウンロード
  • ロゴ→ロゴデータを作成
  • 地図→地図データを作成
  • QRコード→データ取得

無料画像サイトからのダウンロード

”無料画像”と検索をすると沢山のサイトがヒットします。それぞれ特徴がありますので使用上の注意を理解した上で目的に応じて使い分けると良いでしょう。以下は今回使用したサイトになります。

使用した無料画像ダウンロードサイト

▼メイン、パンケーキ、有機栽培コーヒーのビジュアル

写真素材なら「写真AC」無料(フリー)ダウンロードOK
無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。

写真AC data(データが沢山ある日本最大の無料画像ダウンロードサイト)

会員登録が必要 会員登録は無料

ライセンス項目 利用条件

商用利用 OK

クレジット表記 不要

ファイル形式 JPG

ライセンス詳細  https://www.photo-ac.com/main/terms

▼背景の紙のイメージ画像

Paper-co | 紙のテクスチャー素材を無料でダウンロードできるサイト
商用可の紙のフリーテクスチャ素材をダウンロードできるサイト『Paper-co』

Paper-co data(紙系のテクスチャ素材をダウンロードできるフリー素材サイト)

ラベルやタグなどの素材もあるのでナチュラルなデザインなどに最適。

ライセンス項目 利用条件

商用利用 OK

会員登録 不要

クレジット表記 不要

ファイル形式 JPG/PNG

ライセンス詳細 https://free-paper-texture.com/license/

▼キャンペーンなどに”あしらい(飾り要素)”データ

無料イラスト・フリー素材なら「イラストAC」
イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでダウンロードできる素材サイトです。

イラストAC data(データが沢山ある日本最大の無料画像ダウンロードサイト)

会員登録が必要 会員登録は無料

ライセンス項目 利用条件

商用利用 OK

クレジット表記 不要

ファイル形式 JPG/PNG/EPS/AI

ライセンス詳細 https://www.ac-illust.com/main/terms.php

ロゴを作成する

クライアントからロゴ支給されず作成依頼があった場合には作成します。ロゴを無料で作成できるアプリケーションもありますが今回はAdobe Illustrator(A4-flyer-sample画像内でご確認ください)で作成しました。

地図を作成する

クライアントから地図を支給されず作成依頼があった場合には地図を作成します。地図を作成できるアプリケーションもありますが今回はAdobe Illustratorで作成(A4-flyer-sample画像内でご確認ください)しました。

地図作成の作業

・Googleマップで該当場所を表示してスクリーンショットを撮りましょう。

Google Maps
Find local businesses, view maps and get driving directions in Google Maps.

・Adobe Illustrator上でトレースし仕上げます。

https://www.adobe.com/jp/products/illustrator.html

*地図作成やロゴ作成が発生する場合は別料金を請求することが一般的です。

QRコードを取得する

クライアントがホームページなどWebページを持っている場合フライヤーにQRコードを貼り付けることでページにアクセスがしやすくなります。もしクライアントがQRコードを持っていない場合でも簡単に取得できますのでお勧めしても良いかもしれません。

QRコードは無料で作成が可能です。作成可能なアプリケーションは色々あるのですがgoogl chromeでも作成できます。下記を参考にチェレンジしてみてはいかがでしょう。

Chrome でページを共有する - Android - Google Chrome ヘルプ
Chrome で閲覧しているページを別のアプリで他のユーザーと共有できます。 他のユーザーとページを共有する Android デバイスで Chrome
gomatyan
gomatyan

考えをまとめて、素材を集めてって順番を追って考えていくと作業する時困らないね!

お疲れ様でした!以上です。

フライヤー作成時のビジュアル素材集め方を説明のまとめ

ご紹介のフライヤー作成時のビジュアル素材を集める方法は以下となります。

  1. フライヤーのビジュアル素材選別をしましょう
    1. ひとまずdataから考えられるビジュアル素材を全て抽出します
    2. フライヤーに使用するビジュアル素材を絞り込みます
    3. フライヤーデザインの方向性を決めましょう
  2. 無料画像サイトからのダウンロード
    1. 使用した無料画像ダウンロードサイト
  3. ロゴを作成する
  4. 地図を作成する
  5. QRコードを取得する
marisan_speech_bubble

ご訪問ありがとうございました!

Comment