PhotoshopマスターTOPページへ

初心者の為のPhotoshopの解説サイトです。画像の切り抜きや合成の方法などを 写真付きでわかりやすく解説しています。
これからPhotoshopを勉強したい、復習したいと思っている方に役立つサイトです。
TOP >ガラスボタン

ガラスボタン

Photoshopでガラスボタンを作る方法の解説です。 フィルタの置き換えの機能を利用して作成します。

メニューバーの「ファイル」→「新規」で360ピクセル×180ピクセルのカンバスを作成し 新規レイヤーを追加します。
本来のボタンはもう少し小さいサイズですが見やすくするため大きめのカンバスにしています。

新規レイヤーを追加

レイヤー1のカンバスを#14a225で塗りつぶします。

塗りつぶし

メニューバーの「フィルタ」→「描画」→「雲模様1」の順にクリックします。

雲模様1

まだらに雲がかかったようになります。

雲がかかったように

メニューバーの「フィルタ」→「変形」→「ガラス」の順にクリックします。

ガラス

ガラスの設定で以下のように設定します。
  • ゆがみ:17
  • 滑らかさ:2
  • テクスチャ:霜付き
  • 拡大・縮小:61%

ガラスボタン4

緑色のガラス調の背景になります。

ガラス調

メニューバーの「ファイル」→「別名で保存」で任意の場所に 「ガラス」というファイル名にしPSD形式で保存します。

PSD形式で保存

レイヤー1を複製します。

レイヤー1を複製

画面左から横書き文字マスクツールをクリックします。

横書き文字マスクツール

HOMEと文字を入力すると選択範囲ができます。 キーボードの「Deleteキー」を押すと「レイヤー1のコピー」がHOMEの文字で 型取られているのがわかります。

Deleteキーを押すとHOMEの文字で型取られる

メニューバーの「フィルタ」→「変形」→「置き換え」をクリックします。

置き換え

置き換えの画面で水平比率と垂直比率ともに10に設定しOKボタンを押します。

水平比率と垂直比率の設定

前途で保存済みの置き換えのファイル「ガラス.psd」を選択し「開く」ボタンを押します。

開く

レイヤーパレッド左上で描画モードを「乗算に」変更します。

描画モードを乗算に変更

すると消去したHOMEの文字部分が置き換え用のガラスと同じ模様に入れ替わり 露の付いたビールグラスに文字を描いたようになっています。 これでガラスボタンができました。

ガラスボタン

緑 黄緑 黄色 濃ピンク

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

イチゴバナー
ボタン