GIMPでやってみた

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

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

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

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

⇒ 秋の風景16(photo AC)

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

⇒ うつくし明朝(flopdesign)

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

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

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

写真の明度を上げる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

tipLog

ブログ向けWordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. GIMPでやってみた

    GIMPでキャプチャ画像にモザイクをかける方法

    ハウツー系のブログをしていると画面キャプチャを撮ってその画像を載せたい…

  2. GIMPでやってみた

    無料素材を集めてコラージュを作るチュートリアル

    デザインを独学で学ぶとき、何をすればいいかわからないということも多ので…

  3. GIMPでやってみた

    デモ映像付き!GIMPで文字が読みやすい背景画像の作り方

    パワポのスライドやPDFの背景として写真を使うときに気をつけたいことを…

  4. GIMPでやってみた

    GIMPでトリミング画像に影をつけてサクッと立体感を生み出すチュートリアル

    写真から切抜きした画像単体では、立体感がなく物足りないような印象を受け…

  5. GIMPでやってみた

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

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

  6. GIMPでやってみた

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

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

コメント

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

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

CAPTCHA


スポンサードリンク

カテゴリー

ピックアップ記事

WordPressテーマ「MAG(TCD036)」     ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche
  1. ブログの収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  2. ブログやサイトの作り方

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  3. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  4. 便利なツールの話

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

    報酬の受取に苦労してません?Amazon・楽天のアフィリエイトで効率的に報酬を受…
PAGE TOP