photoshop Tips セールのバナーに良く使われる星みたいなギザギザのセールシールみたいな感じをフォトショップで書く方法 簡単作成方法

こんにちは。nekonomoridesignのYoshyです。今日は、photoshopの技術アップ講座?をしたいと思います。

セールの時期になりましたね。この時期になると、ウェブ製作現場やネットショップのウェブデザイナー、Webページ作成の人が良く頼まれる仕事のひとつに、「バナー作成」があります。

よくある、「セール用バナー作って」というアレです。
あまりに良く出くわす場面なので、ちょっと簡単に作る方法を伝授したいと思います。
※photoshopでバナー制作をしている人向けです。

フォトショップで簡単にセールバナー(セールっぽいアイコン)を作る方法
全photoshopバージョン対応です。

まず、フォトショップを立ち上げて、新規作成をします。
大きさはどんなサイズでもかまいません。今回は作り方だけの伝授です。

立ち上げたら、左のツールバーから、カスタムシェイプを選択

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

カスタムシェイプに、新しいシェイプを追加します。
まずは、現在のシェイプの横にある三角形を長押ししてください

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

長押しすると、追加するシェイプリストのグループが出てきます

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法


バナーと賞

という種類を選んでください。選ぶと、何か聞いてきます。
今のシェイプ一覧に追加の場合は「追加」置き換える場合は「置き換え」をしてください。
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

上の写真の場合は、【追加】をしました。
追加した中に、なんかギザギザっぽい丸があると思うのでそれを選択。

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

ツールバーが、カスタムシェイプツールがアクティブ(選択された状態)になっているのを確認します。

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

カスタムシェイプツールの色などをここで設定します。
旧バージョン(CS以下)の場合、もしかしたらこういうのないかも知れませんが、なければ、描画色の色を変えてください。

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

書きたい色が決まったら、一度書いてみましょう。
一瞬で、ギザギザのやつができましたね。

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

ギザギザはかけたので、その上に、文字を打っていきます。
セールっぽさを出すために、あえて赤色にしました。
オブジェクトの上で

SALE

とうちます。

フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法
フォトショップで星みたいなギザギザのシールっぽいオブジェクトを簡単に作る方法

すると、こんな感じで完成しました。

いかがでしたでしょうか?意外と簡単なものなのです。

カスタムシェイプは優秀なツール。便利に使って時短作成デザイナーになろう。

デザイナー=手作りでないといけない、という考えをお持ちの方もいらっしゃるかと思います。確かにそうなのですが、クリエイティブに時間を全部使える、ゆっくりデザインが出来るというデザイナーも案外少ないと思います。

特にウェブデザイナーの場合、バナーなど簡単なものを作成する場合は、スピードも要求される場面が多くあります。

そんな時、こういった便利ツールをうまく使って、クリエイティブの作業を効率よく、かつ、クリエイティビティに行うこともデザイナーの腕だと思います。

カスタムシェイプは追加も可能。ネットで探せばいい物が結構出てくることも。

photoshop カスタムシェイプ

でネットで一度検索してみてください。
案外、いろいろ出てきます。矢印や足跡、マーク、シンボルなど・・・
探せば山ほど出てきます。

カスタムシェイプは自作も可能。Illustratorなどが得意な人はオリジナルのカスタムシェイプも自作できちゃいます

案外使い勝手の良いカスタムシェイプ。
仕事などで良く使うアイコンぽいような形の物があるのであれば、ベクターデータ(illustratorのようなので書かれたやつ)を毎回コピーして引っ張ってくるとかであれば、いっそのこと、カスタムシェイプとして登録してしまったほうが早いと思います。

時短でデキるデザイナーになりましょう♪

それでは今日はこのあたりで!