PcSchool.Club

パソコンを分かりやすく解説することを目指す無料のオンラインパソコン教室

岐阜のパソコン教室「パソコンスクール・テルン」

PhotoShopでバナーを作成する

2021年5月28日

PhotoShopのどのバージョンでも共通して作成できます。

1.新しいドキュメントを150×50pixel、白い背景で作成します。角丸短形ツールを利用し、下のような図形を描いてください。

PhotoShop:角丸長方形ツール    角丸長方形を作成

2.描画後、(シェイプレイヤーになっている場合は、)レイヤーをラスタライズします。そして、レイヤースタイルのドロップシャドウ、シャドウ(内側)、グラデーションオーバーレイで以下の設定をおこなってください。

3

3.新しいレイヤーを、図形を描いた上に作成し図形を範囲選択します。

4

4.この状態で、選択範囲>選択範囲を変更>縮小で1px縮小させた後、
長方形選択ツール切り替え、Altキーを押したまま選択範囲をけずり、細長い選択範囲にします。

選択範囲>選択範囲を縮小>1pxをした後、長方形選択ツールで不要な部分をAltキーを押しながらドラッグして削ります

5.レイヤーの不透明度を、60%に設定し、この領域を白で塗りつぶしてください。

PhotoShopで作成したWebバナー

これで完成です。

 

6.他のカラーも同様に1つづつ、1から作成してみましょう。

色違いのWebバナーを作成し、完成させました。

関連サイト

パソコン教室

パソコンスクール・テルン岐阜・穂積・大垣教室 楽しく学ぶ・通うパソコン教室あもる

パソコン修理・販売・買取・サポート

パソコンの修理・販売・買取・サポート