三三人暴頭

作れるものをつくってみる。ブログ

Photoshopでショップで使えるシンプルなセールバナーをつくってみた

f:id:sanmiri:20181228103115p:plain

今回はショップで使うシンプルなセールバナーを作りたいと思います。

 

ますはPhotoshopを起動します

ファイル→新規で好きなサイズにキャンバスを作成

 

f:id:sanmiri:20181228103131p:plain

黒い長方形を「長方形ツール」で作成

(お好きな色を選んでください)

 

f:id:sanmiri:20181228103139p:plain

「横書き文字ツール」を選択し好きな文字を入力

 

f:id:sanmiri:20181228103145p:plain

数字だけを大きくします

 

f:id:sanmiri:20181228103152p:plain

もう一度「横書き文字ツール」を選択し%を小さく数字の横に配置

 

f:id:sanmiri:20181228103051p:plain

「SALE」の文字を上に追加し全体のバランスを整えて完了

 

f:id:sanmiri:20181228103058p:plain

f:id:sanmiri:20181228103101p:plain

f:id:sanmiri:20181228103107p:plain

f:id:sanmiri:20181228103123p:plain

f:id:sanmiri:20181228103036p:plain

f:id:sanmiri:20181228103039p:plain

f:id:sanmiri:20181228103042p:plain

f:id:sanmiri:20181228103046p:plain

f:id:sanmiri:20181228103048p:plain

f:id:sanmiri:20181228103104p:plain

 

10%〜100%まで作ったので右クリック保存で自由にお使いください。

おまけでGIFアニメーションによる何%オフかわからない

シークレットセールバナーも作りました。

こちらも右クリック保存で自由にお使いください。

 

f:id:sanmiri:20181228103907g:plain