Photoshop设计一个多媒体网站布局（第一部分）

核心提示： Render Pack Textures 2 by Xcellcior：http://redirectingat.com/?id=1342X519926&xs=1&url=http%3A%2F%2Fxcellcior.deviantart.com%2Fart%2FXcell-Render-Pac

Render Pack Textures 2 by Xcellcior：http://redirectingat.com/?id=1342X519926&xs=1&url=http%3A%2F%2Fxcellcior.deviantart.com%2Fart%2FXcell-Render-Pack-1-20054782&sref=http%3A%2F%2Fpsd.tutsplus.com%2Ftutorials%2Fdesigning-tutorials%2Fdesign-a-multimedia-website-layout-in-photoshop%2F

步骤1

在Photoshop中创建一个960 px * 620 px的画布。这个尺寸适用于大部分的网站屏幕。

查看原图（大图）

按CMD + R来添加标尺，画出一些指导线，标明主要内容区域的界限。 这将益于定位你的设计。

查看原图（大图）

步骤2

现在主要区域被适当的限定，让我们调整画布为1224 px * 620 px（图像>画布大小）创建一个更大的背景。这个溢出的区域将有益于大屏幕，创建一个’无边界’的视觉效果。