PhotoshopマスターTOPページへ

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

ガラスボタン

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

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

ガラスボタン

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

ガラスボタン2

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

雲模様1

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

ガラスボタン3

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

ガラス

ガラスの設定で以下のように設定します。

  • ゆがみ:17
  • 滑らかさ:2
  • テクスチャ:霜付き
  • 拡大・縮小:61%

ガラスボタン4

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

ガラスボタン5

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

ガラスボタン6

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

ガラスボタン7

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

横書き文字マスクツール

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

ガラスボタン8

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

置き換え

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

ガラスボタン9

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

ガラスボタン10

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

ガラスボタン11

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

ガラスボタン12

緑 黄緑 黄色 濃ピンク

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

■ その他の項目

イチゴバナー
ボタン


TOP

Copyright (C) 2015 Photoshopマスター All rights reserved.