初心者の為のPhotoshopの解説サイトです。画像の切り抜きや合成の方法などを
写真付きでわかりやすく解説しています。
これからPhotoshopを勉強したい、復習したいと思っている方に役立つサイトです。 |
TOP >ボタン |
ボタン |
Photoshopでボタンを作る方法の解説です。 ホームページのTOPリンクやHOMEリンクを ボタンの画像で設置すると見栄えが良くなりデザインの一つとして 溶け込むメリットがあります。メニューバーの「ファイル」→「新規」で300ピクセル×300ピクセルのカンバスを作成します。 ⇩ 画面左で長方形ツールをクリックします。 ⇩ 画面上で塗りをRGBシアンに線の色は無しに設定し長方形を描きます。 ⇩ 長方形のレイヤーをダブルクリックし「レイヤースタイル」の画面で ベベルとエンボスにチェックを入れ以下のように設定しOKボタンを押します。
⇩
画面上で横書き文字ツールをクリックし文字色が#0d042e、フォントの種類はHGP創英プレゼンスEB
文字サイズ72ptでHOMEという字を書きます。
■ 窪んだボタン上記のレイヤースタイルの設定の工程で以下のように設定すると 額縁に入っている写真のように内側に凹んだ(窪んだ) ボタンに仕上がります。
■ テクスチャを使用したボタン上記のレイヤースタイルの設定の工程でテクスチャやパターンを使用すると 通常の塗りつぶしだけでは表現できないようなボタンを作れます。 長方形のボタンの角もこの設定により丸くすることができます。
■ その他の項目・ バナーの作り方 |