DesignWalker

ウェブサイトをデザインする際に、一般的にはPhotoshopなどのソフト使って、あらかじめ全体のレイアウトをつくります。 出来上がったデザインから画像をスライスしてhtmlに落とし込んでいく作業へと進めていくのですが、今回はウェブデザインの最も重要な作業である、Photoshopのレイアウトのチュートリアルを50種類集めてみました。 ビジネス系のデザインから、趣味のサイトやブログに使えそうなデザインまで幅広くピックアップしました。 初心者の方にもうれしいPhotoshopファイルが丸ごと公開されているチュートリアルもたくさんあるので、ダウンロードしてファイルの構成がどうなっているのか実際に開いてみれるのでとても参考になるのではないでしょうか？

How to Create a Grunge Web Design in Photoshop

Design studio layout – WordPress layout

Website Gallery Layout Design

Create a Sleek, High-End Web Design from Scratch

Carbon Fiber Layout

Design a Cartoon Grunge Web site Layout

Tutorial Site Blog Design

Create a Magic Night Themed Web Design from Scratch in Photoshop

Full Photoshop Web Design – Journal

Photographer layout – Portfolio layout

Design a Unique Grungy Website Layout

Old paper layout – Great portfolio layout

Making your own portfolio web page

Design an Awesome Band Website Template

Sound System Studio Web Layout

Vector Layout – grunge vector layout

Design Lab TV Styled Layout

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

Photo Portfolio Web Page Layout

Online Photo Portfolio

Creative Studio Web Page

Web Layout for Italian Restaurant

Design Agency Layout – Tutorial 151

Graphic Design Studio Web Layout

Computer Store Web Layout

Professional Web Layout for Business Solutions

Chocolate Pro WordPress Style Layout

Hand drawn layouts – hottest design trends

Professional WebLayout for Business Company

Design Studio Layout

Interior Design Layout

Real Estate template

Design a Clean Business Layout

Create a Vibrant Modern Blog Design in Photoshop

Arhitecture bureau Layout / Real Estate website

Design a Web Template using the “960 Grid System”

Web 2.0 vector layout

Create a Dark Themed Web Design from Scratch

Designing Personal Web Page Layout

Gaming Layout #3

Design Studio Layout Tutorial

Business Layout #2

Interior Design Layout

Car Layout #3

Personal Portfolio Layout #2

Video Sharing Layout

Hosting Layout

WordPress Mockup Layout

Web Design Layout #4 Tutorial

Portfolio Layout #6