この我々のWebボタンを作成するつもりですチュートリアルでは。 これは非常に、非常にチュートリアルで効果的なので、すべての必要な単純であり、Adobe Photoshopのは、この効果を作成することです。 私はこのチュートリアルをお楽しみ下さい。

どのようにPhotoshopでのWebボタンを作成する

ステップ＃1

オープンPhotoshopおよび新しいドキュメントを作成し、鉱山550px × 125pxの背景は白です。

ステップ＃2

背景レイヤーの塗りつぶしの色、私の色＃3A3A3Aです。

ステップ＃3

を選択して角丸長方形ツールやボタンを作成し、私の半径7px、 幅：156pxとheight：38pxです。

ステップ＃4

今はいくつかの効果が適用されます。

グラデーションオーバーレイ

レイヤスタイル]ダイアログボックスを開くための[レイヤ]パネルでは 、Button、 レイヤのサムネイルの上のボタンをダブルクリックしてスタイリングは、お客様のボタンの垂直方向のグラデーション効果を適用します。 グラデーションのオプションは、 カラーグラデーションエディタを開くための右側にある色のグラデーションをクリックします。

をダブルクリックして左の色を停止し、色の値を入力します＃9E4C45し、ダブルクリックして右上の色を停止し、色の値を入力します＃EA8484。

ドロップシャドー

次のドロップシャドウ層のスタイルを適用する。 120oでは、不透明度、距離、サイズの値を変更するよりも、 角てください。 私は23％、距離1pxとサイズで9pxでの不透明度を設定するを選択します。

ステップ＃5

選択して水平型ツールとテキストを入力前面に。

我々はテキストのいくつかの効果が適用されます。

カラーオーバーレイ

[レイヤ]パネルで、Textレイヤーのサムネイルをダブルクリックして、レイヤスタイル]ダイアログボックスを開きます。 まず、カラーオーバーレイが適用されます、私の色＃0D0D0Eを選択

ドロップシャドー

最後に、我々は、最初の標準に描画オプションを変更するドロップシャドウが適用されます。 デフォルトから＃000000への影の色を変更します。 120oでは、不透明度、距離、サイズの値を変更するよりも、 角てください。 私は32％との距離は1pxとサイズは1pxで不透明度を設定するを選択します。

ファイナルプレビュー

私たちを知ってみましょうどのようにこのチュートリアルをすることができますもっと良くなる？ その場合でも私たちと共有したい他のPhotoshopのチュートリアルでは、見つかった連絡する自由を知っているコメントにドロップします。

もし私たちからより多くのインスピレーションを受ける希望してくださいRSSフィードや電子メールでの我々のフィードを購読する考え。

報告Filed under：adminによって無料配布 、 フォトショップ 、 チュートリアル