All Articles Photoshop
PhotoshopでWeb 2.0のガラスの効果を作成する
Geoff Blake on Fri, March 18th 0 comments
Creating Web 2.0 style glass effects in Photoshop is not only fun and easy, but you get eye-popping results, too. To pull this off, we'll be making use of Photoshop's vector drawing tools, layer effec

にWeb 2.0スタイルのガラスの効果を作成するPhotoshopのは、楽しくて簡単ではないだけですが、あまりにも、目を見張るような結果が得られます。このオフを引くために、我々は、Photoshopのベクター描画ツール、レイヤー効果、およびグラデーションの使用をすることになります。

Let's check it out!

ステップ1 - ドキュメントセットアップ

Photoshopを起動し、 ファイルを選択して、新しい文書を作成する

ステップ2 - 基本的なオブジェクトの作成

次に、我々は、ガラス効果を適用する基本的なオブジェクトを作成するとよいでしょう。あなたは文字通りあなたが好きなどんな形を使用できます。私のWeb 2.0のテーマに固執するために、私は角の丸い四角形を作成するつもりです。ので、Photoshopのツールボックスから、先に行くと、角丸長方形ツールはPhotoshopの他のベクター描画ツールと一緒に埋葬さ発見]を選択します。次に、クリックして、好きなサイズに図形をドラッグします。形がでで満たされることの色は気にしないでください。我々は2番目に、これを修正します。

ステップ3 - グラデーションオーバーレイを適用する

今我々は、グラデーションオーバーレイを適用したい。レイヤーパネルにヘッド。あなたのベクトルオブジェクトはそれ自身のシェイプレイヤー上に表示されることに注意してください。レイヤースタイルダイアログボックスを開くには、シェイプレイヤーの右側をダブルクリックします。次に、左側の列のグラデーションオーバーレイをクリックしてください。ここでは、既存のグラデーションを選択することができますか先に行くと独自に作成する。

ステップ4 - 光彩(内側)を設定する

今我々はオブジェクトをわずかに三次元外観を与えるために光彩(内側)を設定してみます。レイヤースタイルのダイアログの左側の列から、 光彩(内側)を選択してくださいオーバーレイのカラーと約15の範囲(下部)にブレンドモードを設定します。最後に、サイズスライダ(ほとんどのダイアログボックスの死に見られる。あなたは結果に満足できたら、レイヤースタイル]ダイアログボックスを閉じます[OK]をクリックすると少しいじくりまわす。

ステップ5 - 反射グラスの効果第1部を作成する

我々は最終的に反射ガラスの効果を作成する準備が整いました。レイヤーパネルでは、Cmd(Mac)またはCtrlキー (PC)を押しながらシェイプレイヤーで右のサムネールをクリックしてください。これは選択としてあなたの形をロードします。次に、新しい空の層を作成します。ツールボックスから、楕円マーキーツールを選択し、 オプトのShiftキー (Mac)またはAltキーShiftキー (PC)を押しながら、図形の上部にドラッグして、約半押し。これはあなたにいくつかの試みがかかる場合は落胆することはありません。あなたがそれを爪までしようとして元に戻してください。

ステップ6 - 反射ガラス効果の第二部を作成する

Let's create that reflection. Set your Foreground color to white and grab the Gradient tool. From the Options bar at the top, choose Foreground To Transparent from the Gradient Picker, then drag from the top of your object to just below your selection. Ka-Pow! There's your reflection effect.


Again, this step may take you a few tries to get right. Once you have it, get rid of your marching ants (Select > Deselect) and adjust the opacity of your reflection in the Layers panel.

ナビゲーションボタン、メニュー、バナー広告、ヘッダーグラフィックなどを含む、この効果のため非常に多くの異なるアプリケーションが、あります。そしてあなたが見ることができるように、それは、迅速な楽しさと簡単です!

もっと必要?フルレンジのチェックアウトここでPhotoshopのチュートリアルを

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: