グラフィックデザイン

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

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

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

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

⇒ 秋の風景16(photo AC)

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

⇒ うつくし明朝(flopdesign)

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

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

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

写真の明度を上げる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. レイアウト

    inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

    inkscapeには整列と配置を調整するための機能があります。この…

  2. チュートリアル

    シフトの作成を簡単にするExcelテンプレートの作り方

    Excelなどの表計算ソフトでシフトを作るためのテンプレートを探してい…

  3. ウェブコーディング

    PHPで配列と文字列の変換をデータベースに応用する方法

    データベース検索などを利用するときに、$_POSTや$_GETで受け取…

  4. ウェブコーディング

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

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

  5. 素材

    inkscapeのタイルクローンでマスキングテープを張り合わせたパターンを作るチュートリアル

    パステルカラーのマスキングテープを張り合わせたようなパターンを作成した…

  6. GIMP

    PCを選ばず作業するためのUSBポータブルアプリ

    職場で使ったデータを自宅に持って帰って作業すると言う人にはもってこいの…

コメント

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

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

CAPTCHA


スポンサードリンク

ピックアップ記事

スポンサードリンク

カテゴリー

  ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche
WordPressテーマ「ANGEL(TCD047)」
  1. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  2. グラフィックデザイン

    フォトレタッチ・グラフィックデザインの無料ソフト「GIMP」(≒Photosho…
  3. ブログ収益化

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

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  5. ブログ収益化

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