在宅ワーク・副業 Webにまつわるお役立ちTipsを公開中

Bloomin!

デザインアイディア

オシャレ&カンタンに作れるヘッダー画像の作り方のコツ

更新日:




ブログやホームページに必要なものといえば、ヘッダー画像。

ヘッダー画像は、サービスのイメージを伝えるいわば看板のようなものです。

つまり、超重要!

自分で作る方、ひとに作ってもらう方など、大きく二つのパターンがあると思いますが、今回はご自身で作りたいと思っている方に、カンタンでオシャレに作れるヘッダー画像のコツをお伝えします。

オシャレ&カンタンに作れるヘッダー画像の作り方のコツ

カンタンに作れる方法のポイントをお伝えします。

1.綺麗な画像でシンプルに作る

一番カンタンに作る方法はこれです! 綺麗な画像を選ぶ。シンプルに作る。色々加えない。 これだけで綺麗に作れます。

こちらに関しては、

  1. 下地になる背景画像をきれいなものを選ぶ
  2. 背景画像をヘッダーサイズにカット
  3. 文字を入れる
  4. (文字の周りを半透明の円で囲む・スマホの画像部分を半透明にして・ロゴを入れる)

だけです。 背景の画像は、ともかく綺麗なものを選びましょう。

2.背景に白い部分があると使いやすい

ヘッダーサイズではないのですが、このように背景画像に白い部分があると文字が入れやすいです。 背景に色がついていると、上記のようにひと工夫しないと文字が目立ちません。

3.画像を配置してみる

こちらは、イメージ画像を4つ綺麗に配置した例です。丸カットでもよいでしょう。

4.素材を使ってみる

写真の枠とタイトル部分をフリー素材を使いました。

 

囲みフレーム&写真を丸カットして配置しました。

シンプルですが、ちょっとアクセントのあるヘッダーになりましたね。

[kanren postid="1718"]

オシャレでカンタンに作るコツまとめ

    • シンプルに作る
    • 画像は綺麗なものを使う
    • 写真をシンプルに配置する
    • フリー素材を使う

凝ったものを作ろうとすると慣れないうちはうまくいかない&必ず挫折しますので、

いい素材を使ってシンプルに作る
というのがポイントです。 まずはシンプルに作ってみましょう。

[aside type="normal"]ネットにあるフリーパーツなどもかなり使えますので、素材集がなくても問題ありません。ただ、自分でこの先ヘッダーやホームページを作っていくようであれば、素材集の本は一冊あってもよいのかなと思います。

[kanren postid="139","184"]



-デザインアイディア
-,

Copyright© Bloomin! , 2018 All Rights Reserved.