バナー作成方法(例)

Pocket

完成見本

418a571b273d3263981041378abc1154

これをどのようにして作成したのかを、順を追って説明していきます。

完成見本ファイルをダウンロードする


まず、Photoshopで、新規書類(指定サイズ)を作成し、テキスト、画像、使う物をすべて入れてしまいます。(忘れないように)


1

「秋冬モデル」をタイトルとして目立たせたいので、文字を大きくし、改行をしました。(Cntl + Tで、バウンディングボックスを表示させ、Shiftを押しながら比率を保ったまま拡大、もしくは、文字パネルで、数値入力

行間が空いてしまうので、「秋冬」と「モデル」の行間を詰めます。

文字を選択(2行以上)した状態で、文字パネルの右上(写真参上)に数値を入力、又は選択します。

もしくは、Alt + 十字キー(矢印キー)の下か上を押しても、同じ事ができます。

3

4

書体を明朝体(今回はリュウミン)を指定、スタイリッシュなイメージにしてみました。

文字をメタリックな感じに加工したかったので、Googleで、「photoshop メタリック 文字」で検索。


5

2番目に出てきた、PhotoshopVIPさんのページに行ってみました。

6link

 

PhotoshopVIPさんのページでは、チュートリアルのページがあるので、その通りやっても良いのですが、
今回は、PhotoshopVIPさんの作成済みデータがあったので、それをダウンロード。
このページの一番下の方にダウンロードがあります >> http://photoshopvip.net/archives/12036

7_layer

ダウンロードしたファイルを開くと、fxの効果があるので、スタイルをコピーし、自分の作った文字のレイヤーに、スタイルをペーストしました。

8

9

すると、こんな感じに・・・・

Σ(°д°lll)ナゼーー!!

10

11

「ベベルとエンボス」を無くし、「光彩(外側)」のサイズなどをいじって、文字が見やすい感じに修正。

12

ゴールドが目立つのは何かを考えると、やはり黒バック!

長方形シェイプ(黒)を背景に挿入します。

13

他の文字が見えなくなってしまったので、とりあえず、文字の色を白に。

14

全体的に真っ黒なので、下の部分に長方形シェイプ(白)を入れて、メリハリを出してみます。

ついでに、文字も赤くしてみる。(様子見)

15

「送料無料」の部分を目立たせたいので、あしらってみる。

角丸長方形シェイプ(赤)を作り文字を白にして、重ねてみる。

16

「WEB限定」「お得なキャンペーン実施中!」の部分のあしらいも目立つように作る。

17

「WEB限定」の部分のわっしょいマーク?は、新規レイヤーを作成し、多角形選択ツールで形を作り、塗りつぶしをしています。

18

19

20

「秋冬モデル」も文字をもっと光ったように見せたいので、キラキラを表現。

新規レイヤーを作成し、描画色を白に設定。

ブラシのオプションバーで、ブラシ「カスタムブラシ」を追加。

21

22

追加した中に、キラキラに使えそうなブラシがあるので、1レイヤーで1キラキラで、回転をかけたりして作っていきます。

23

黒バックだけでは、なにか物足りないので、煙ブラシで、模様を入れてみる。

24

煙用の新規レイヤー を黒バックレイヤーの上に作成し、描画色(白)にして、煙を描く。

2〜3枚、種類の違う煙のレイヤーを作成(描いて)して、不透明度を減らして、文字が見やすい状態にします。

25

ここまで来れば、後は、微調整をして完成!

整列を忘れずに!

コメントする

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください