Advertisement

windows7layout1

↑ クリックすると参照元サイトに移動します。

 

今回は、フォトショップでWindows 7の画面デザインをモチーフにした、ウェブレイアウトの作りかたをご紹介します。

発売されたばかりのWindows 7の透明感あふれるデスクトップ画面そっくりにデザインすることができます。

 

チュートリアル情報

プログラム : Photoshop

バージョン : CS4で作成 (古いバージョンでも可能)

難易度 : 初心者から中級者

所要時間 : 30分から1時間ほど

 

このチュートリアルから学ぶことのできるポイントとしては、

・ 発売されたばかりのWindows 7のデスクトップデザインを完全表現

・ 1ピクセルのラインを使った立体的メニューボタンの作成方法

・ ガラスのような質感をグラデーションツールを使いデザインする方法

などがあります。

 

 

詳細は以下から。

 

1ピクセルの白ラインを使うことで、細かいですがすっきりまとまったデザインになります。

step131

 

こんな透明感たっぷりなガラスのようなメニューバーを作る方法は、とても参考になります。

step222