Photoshopで作るウェブデザイン レイアウト・チュートリアル50選
ウェブサイトをデザインする際に、一般的には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
|
|
|
4月 16th, 2009 at 7:14 AM
[...] Photoshopで作るウェブデザイン レイアウト・チュートリアル50選 | DesignW alker ウェブサイトをデザインする際に、一般的にはPhotoshopなどのソフト使って 、あらかじめ全体のレイアウトをつくります。出来上がったデザインから画像を スライスしてhtmlに落とし込んでいく作業へと進めていくのですが、今回はウェ ブデザインの最も重要な作業である、Photoshopの… original article [...]
4月 19th, 2009 at 4:22 PM
[...] 記事 [...]