グラデーション背景にツートンカラーのロゴを載せる

前回の記事、ツートンカラーのロゴ作成の続きです。コチラの画像を作成していきます。
ツートンロゴ③
↑(画像クリックで拡大)

グラデーションがあるだけでも、かなり印象が変わってきますよね。さらにそこにツートンカラーのメインロゴを載せていきます。とは言っても、とっても簡単なのでご安心下さい。

ヘッダー画像で他サイトに差をつけよう!!

ではまず、グラデーションの背景を作成していきましょう。
グラデーロゴ①グラデーロゴ②
↑(画像クリックで拡大)

グラデーションツールを選択して、グラデーションのパターンを決めます。タイプは、放射線状にしてみました。そして、少し見えずらいかもしれませんが、上の図の様に十字をドラッグ(下から上へ)すると、下図の様なグラデーションが表示されます。

後は、ココにメインロゴを載せていくだけの作業となります。(ツートンカラーのロゴ作成参照)
グラデーロゴ③
↑(画像クリックで拡大)

ココで注意したいのが、画像サイズです。画像背景とロゴは別々に作成してから組み合わせる事になりますので、画像サイズを合わせる必要があります。

もちろんピッタリの場合は、そのまま使用して下さい。上記の場合、かなり大きさに違いがありますので、事前の調整が必要です。
グラデーロゴ④グラデーロゴ⑤
↑(画像クリックで拡大)

作成・加工・変更したいモノが載っているレイヤーを必ずクリックして下さい。間違ってしまっても「取り消し」が出来ますのでご安心を。上図の様に変更が済むと、メインの画像サイズ内に収まったサイズになっているのが分かります。
グラデーロゴ⑥
↑(画像クリックで拡大)

これで、すべての準備が整いました。後は、前回同様ロゴをコピーしてメインレイヤーに貼り付けるだけの作業となります。今回は、ロゴの微調整だけで済みます。
グラデーロゴ⑦グラデーロゴ⑧
↑(画像クリックで拡大)

下になるロゴはそのままコピペでOK。上になるロゴ(今回は白の文字)は切り取りツールを使って、だいたい半分くらいにしてから貼り付けます。

後は、移動ツールを使って微調整をしたら完成です!!どうもお疲れ様でした。サイズやロゴ・フォント・カラーは色々と試してみて下さいね。それから、保存する前に必ず「表示部の(レイヤーの)統合」を行なって下さい。
グラデーロゴ⑨
↑(画像クリックで拡大)

完成図
グラデーロゴ⑩
↑(画像クリックで拡大)


ポチッと応援して頂けると嬉しいです!!
にほんブログ村 ブログブログへ
にほんブログ村

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です