グラフィックデザイン

GIMPで秋の行楽・旅行バナーを作りました。

秋の旅行をイメージしてGIMPでバナーを作成してみました。

以下に作り方のポイントをメモしたので、よろしければご覧ください。

使用した画像はACWorksさんの紅葉の画像。

⇒ 秋の風景16(photo AC)

フォントはflopdesignさんのうつくし明朝です。

⇒ うつくし明朝(flopdesign)

写真+文字バナー作成のポイント

このバナーだと同じものを作ろうとすれば、10分もかからないと思います。

要点だけ簡単にまとめておきます。

写真の明度を上げる

背景を写真にして、文字入れをしようとすると、写真の強さが際立ってしまって、文字の可読性が下がってしまいます。

これを回避するために、写真の明度を最大まで上げています。

明度を上げていくと、写真自体が白っぽくなり、文字とのコントラストがついて可読性が上がります。

写真の明度を最大まで上げる

文字間隔(カーニング)を調整する

うつくし明朝を使った場合、文字間隔の調整をしなければ、少し違和感のあるコピーになってしまいます。

文字間隔と文字サイズの調整

もともとひらがなと感じのカーニング(文字間隔)が不均一に見えやすいフォントなので、ベタ打ちのままだとやや違和感があります。

また、ひらがな同士のカーニングは広く、漢字の両脇はカーニングが狭いので、リズムの悪い雰囲気が出てしまいます。

これを手動で直していくと読みやすく、まとまりのある雰囲気になります。

アクセントとして漢字は一回り大きく、イメージにマッチする色を使います。

「秋」は茶系、「癒」は緑系ですね。

背景にも近似色が使われているので、違和感なく感じると思います。

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. ウェブコーディング

    PHPでデータベースから取得した配列を加工する方法

    データベースからデータをfetch関数などで取得すると、大体は2次元配…

  2. ウェブコーディング

    WordPressの記事内でPHPを実行した結果を表示する方法

    WordPressの記事内でPHPを実行できると、記事に表示できるコン…

  3. グラフィックデザイン

    GIMPではじめに知っておきたい選択範囲の作り方 3パターン

    GIMPでフォトレタッチをするときの基本は選択範囲を作ることです。…

  4. グラフィックデザイン

    デザインの中で「線」が果たす役割を考えてみよう

    1つのデザインの中で「線」がどんな役割をはたすのか?についてのお話です…

  5. グラフィックデザイン

    GIMPのカラーハーフトーンでロゴ作成

    カラーハーフトーンとは、画像をドットで表現することです。GIM…

  6. グラフィックデザイン

    inkscapeで「冷えてます。」POPをつくってみたのでデータ配布します

    ちょっと仕事で使うことになったので試しにPOP作成をinkscapeで…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
  1. グラフィックデザイン

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  2. ブログ収益化

    月額100円から使える「ロリポップレンタルサーバー」
  3. ブログ収益化

    脱初心者しませんか?Amazon・楽天のアフィリエイトを上手に活用するための予備…
  4. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  5. ブログ収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
PAGE TOP