Photoshop CS3で作る犬バッジ | 画像作成 |
今回は、画像を元にして、ちょっとしたバッジを作ってみます。
↓完成版はこちらです。
基本的には、Web素材用のボタンなんかと作り方は一緒です。
それでは早速作ってみましょう♪
STEP.1
新規ファイルを作成し(Ctrl + N)、新規レイヤー上に塗りつぶした円形を描きます。今回は、背景を黒で作成しました。
STEP.2
円形を描いたレイヤーに、スタイルを追加していきます。最終的に↓のようになる感じで調整します。
設定は画像の大きさによって異なりますので、以下を参考にしてください。
シャドウ（内側）
サテン
グラデーションオーバーレイ
背景を白で作成される方は、ここで「ドロップシャドウ」も追加されておくとGOODです！
STEP.3
新規レイヤーを作成し、惰円形の選択範囲を作成して光の反射模様を作っていきます。
選択範囲を白黒グラデーションで塗り、このレイヤーのモードを「比較（明）」に変更したら、不透明度・塗りを下げて調整します。
同様にして、180度反対側にも光の反射模様をつけます。
STEP.4
素材にしたい画像をこのボタンファイル上にのせます。
ファイルを開いて選択ツール（V）でドラッグ＆ドロップしましょう。
画像をおいたら、この画像レイヤーを円形レイヤーの直下に移動します。
STEP.5
レイヤーパレッド上で、円形レイヤーのサムネイルをCtrl + クリックして選択範囲を作成したら、Ctrl + Shift + Iで選択範囲を反転します。
選択範囲を反転したら、DELキーで画像の余計な部分を削除します。
なお、画像を後で調整したい方は操作をレイヤーマスクで行ってもOKです。
「レイヤーマスクって何？？」という方は、こちらのチュートリアルで先に覚えてくださいね！
STEP.6
円形レイヤーのブレンドモードを「ソフトライト」に変更します。
最後に、この円形レイヤーを「色相・彩度」(Ctrl + U)でお好みの色に調整すれば完成です！素材画像の色をそのまま露出したい場合には、円形の彩度を落とせばOKです！
文字なんかも加えてみたり。
白バージョンです。
是非、色々な画像を使って作ってみてくださいね！
