六月 2nd, 2009
    

要创造一个极具诱惑力的网站，Photoshop 是一个优秀的工具。很多设计师都先用Photoshop规划设计出自己的网站布局和风格后，再进行CSS+XHTML。或者一些专门接付费设计任务的设计人员，都经常需要到给客户先看使用Photoshop绘制的草图。

很幸运，这里是35个强大的教程，指导你如何使用Photoshop 创建一个极具视觉效果的Photoshop布局。不幸运的是，他们都是英文教程，所以你想学习这些技巧，需要辛苦一些。

Create a Sleek, High-End Web Design from Scratch

Create a Dark Themed Web Design from Scratch

Carbon Fiber Layout

Making Your Own Portfolio Web Page

Design a Cartoon Grunge Website Layout

Hand Drawn Layout

How to Create a Grunge Web Design in Photoshop

Photo Portfolio Web Page Layout

Photography Portfolio Layout    
    

Creative Studio Web Page Layout    
    

Online Photo Portfolio Layout

Sound System Studio Website Layout

Car Layout

Design a Unique Grungy Website Layout

Stylish Web Studio Layout

Professional Web Layout for Business Solutions

Computer Store Web Layout

Professional Layout for Business Company

Making a Template in Photoshop

Web Layout for Italian Restuarant

Web 2.0 Vector Layout

Design Studio Layout

Personal Portfolio Layout

Business Layout

Nature Portfolio Layout

Hosting Layout

WordPress Mockup Layout

Photographer Portfolio Layout

Web Design Layout Tutorial

Software Layout

Design a Clean Business Layout

Old Paper Layout

Interior Design Layout

Gaming Layout

Video Sharing Layout

英文原文/ 35 Tutorials for Creating Website Layouts in Photoshop

六月 2nd, 2009  
    

提到创建网页布局，Adobe Photoshop是业界标准. Photoshop的多功能性、强大的工具集和出色的作品管理让它成为网页设计师创作Web设计时的首选。

在这篇文章晨，你将可以看到 40个实用的PhotoShop网页布局教程. 这些布局足够漂亮，从中，你可以吸取灵感，提升技术和感觉视觉的美。

1. 企业WordPress博客布局

创建一个暗调，整洁和实用的企业WordPress博客布局

2. 旧纸张风格

学习如何制作一个使用旧纸张风格装饰的网页布局.

3. 制作 ‘Clean Grunge’ 博客布局

既要Clean, 又要Grunge。

4. 创建一个时尚，高端的Web设计

这个教程告诉你如何创建一个时尚、高端和经典的Web布局

5. Clean Website Layout

非常简单整洁的PhotoShop网页布局。

6. How to Create a Grunge Web Design in Photoshop

这个教程，详细讨论了如何创建一个Grunge风格的PhotoShop网页布局

7. Photoshop Paper Texture Grunge Design

如果创建纸纹风格的布局并弄成真正的网页

8. How a Simple Layout Can Be Mixed ‘n’ Matched

创建一个简单的网页布局，并且更改起来非常轻松。

9. Five Looks, One Layout

10. Design a Cartoon Grunge Web site Layout

11. Professional Magazine Web Layout

如何使用PhotoShop创建一个杂志风格的网页布局

12. Web Design – Journal

如何创建一个复古的Web布局

13. Modern Web 2.0 Web Layout

时尚，整洁和实用的Web 2.0风格布局

14. White Notebook Style Web Template

优美和别致的笔记本风格布局。

15. Design a Unique Grungy Website Layout

在这个 Photoshop教程 里，你将学习如何创建一个Grungy主题Web布局。

16. Simple Night Style Website Layout

夜晚主题布局。

17. Professional Design Studio Web Template

创建一个专业的工作室布局。

18. Design a Clean Business Layout

如何使用PhotoShop创建一个整洁的商业网站布局。

19. Create a Dark Themed Web Design

20. Portfolio Design Part 1 and Portfolio Design Part 2

21. Portfolio Gallery Layout

创建一个在线相册布局。

22. Business Layout #3

23. Dark Style Web Template

24. Create a Vibrant Modern Blog Design in Photoshop

25. Full Web Template

26. Car Layout

27. Full Photoshop Website Design

28. Environmentally Friendly Layout

29. Architecture layout

30. Design
Layout

31. Creative Studio Web Page

32. Website Design Studio

33. Carbon Fiber Layout

34. Creating Business Style Template Design

35. Model portfolio layout

36. Clean Business Layout Tutorial

37. Premium WordPress Photoshop Layout

38. Portfolio Layout #9

39. Design Studio Layout

这个教程向你展示如何创建金属渐变风格的布局。

40. Nature Portfolio Layout

这个教程教你如何创建春天感觉的PhotoShop布局。

英文原文: 40 Userful Photoshop Web Layout Tutorials/SixRevisions    
中文译文: 40个实用的PhotoShop网页布局教程/帕兰映像