ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで芝生を背景にした光沢のあるログインパネルを作る方法

Photoshopで芝生を背景にした光沢のあるログインパネルを作る方法

投稿日:2012年7月20日   レベル:初心者    ソフトウェア:Photoshop

このチュートリアルでは、Photoshopで芝生を背景にした光沢のあるログインパネルを作る方法紹介します。

Step1:はじめに

1280ピクセル×1024ピクセルの新規プロジェクトを作成し、次のように草のイメージを選択します。

新規



Step2:シェイプを作る

角丸長方形ツール角丸長方形ツールの丸み10ピクセルで次のようにシェイプを作ります。

シェイプ





Step3:不透明度を設定する

次のように塗りの不透明度を21%にします。

不透明度



Step4:10ピクセルでシェイプを作る

角丸長方形ツール角丸長方形ツールの丸み10ピクセルで次のようにシェイプを作ります。

シェイプ



Step5:4ピクセルでシェイプを作る

角丸長方形ツール角丸長方形ツールの丸み4ピクセルで次のようにシェイプを作ります。

シェイプ



Step6:ドロップシャドウを設定する

レイヤースタイルでドロップシャドウを次のように設定します。

ドロップシャドウ



Step7:4ピクセルでシェイプを作る

角丸長方形ツール角丸長方形ツールの丸み4ピクセルで次のようにシェイプを作ります。

シェイプ



Step8:グラデーションオーバーレイを設定する

レイヤースタイルでグラデーションオーバーレイを次のように設定します。

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



Step9:文字を入力する

文字ツール文字ツールで次のように文字を入力します。

文字ツール入力



Step10:文字を入力する

文字ツール文字ツールで次のように文字を入力します。

文字ツール入力



Step11:完成

完成です。

完成


このチュートリアルが今後のアイディアやデザインに多少でもお役に立つことを願っています。


引用:Web Design Library 著者:Build Tutorial 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング