Photoshopでウェブページのインターフェイスを作成するチュートリアルのまとめ
Post on:2012年12月3日
ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-01.png)
Create a One-Page Retro Web Design Layout
1ページで構成されたレトロ風デザインのレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-02.png)
Create an Administrator Dashboard Interface
CS6の新機能を使って作るダッシュボードのインターフェイス。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-03.png)
Create a Clean Twitter App Interface
クリーンなデザインのTwitterアプリのインターフェイス。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-19.png)
Designing Microfilm: A Clean Photography Theme
背景に大胆な写真を配置したレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-20.png)
Design a Professional Blog Layout
打ち出しにスライダーを配置したブログ用のレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-21.png)
Design a Clean e-Commerce Website Interface
スタイリッシュなEコマース向けのレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-22.png)
Design a creative portfolio
イラストを使ったクリーンなデザインのポートフォリオ。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-23.png)
Create a lovely textured web design
繊細なかわいいテクスチャを効果的に使ったウェブデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-24.png)
Designing a highly-professional website
グリッドベースのクリーンなデザインのコーポレートサイト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-04.png)
Create a Fabric Textured Web Layout
ざらっとした布地のテクスチャを使ったウェブページのレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-05.png)
Create a Detailed Web User Interface for an Audio-Themed
ディテールを作りこんだオーディオをテーマにしたインターフェイス。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-06.png)
Create a Professional Web 2.0 Layout
今時のコーポレートサイト用のレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-07.png)
Create a Grungy, Translucent Web Portfolio Design
半透明のパネルを使って背景を透過させたレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-08.png)
How to Make a Highly-Textured Site Layout
さまざまなテクスチャを効果的に使ったレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-09.png)
Create a Watercolor-Themed Website Design
水彩をテーマにしたページのデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-10.png)
How to Create a Unique Colorful Site Layout
カラフルな色使いを巧く使ったレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-11.png)
a Paper Texture from Scratch then Create a Grungy Web Design
紙のテクスチャを一から作り、デザインに取り入れたレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-12.png)
Create a Dark Portfolio Web Design
ダーク系のカラースキームを使ったウェブデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-13.png)
Create a Light Textured Web Design
明るいテクスチャを使ったウェブデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-14.png)
Create a Modern Lab Theme Web Design
スリークでモダンなイメージのウェブデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-15.png)
Create a Vibrant Professional Web Design
鮮やかなカラーを効果的に使ったウェブデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-16.png)
Create an Elegant Patterned Web Design
大胆なパターンを使ったエレガントなレイアウト。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-17.png)
Create a Clean and Modern Web Design
タイポグラフィを効果的に使ったモダンなウェブデザイン。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012120303-18.png)
Create a Clean and Classy Web Design
落ち着いた感じのエレガントなウェブデザイン。
sponsors