PS制作网页界面

作者：陈月玲转稿 来源：飞特网会员投稿教程 浏览次数：加载中... 网友评论 0 条

收藏到QQ书签    添加到百度搜藏   软件学习交流QQ群

这篇教程教飞特的朋友们用PS制作网页界面，教程制作的网页界面比较漂亮。制作的难度也不大。但是很实用。因为PS最广发的运用就在于网络。我们先来看看这篇教程制作的网页效果图：FEVTE编注：更多原创标志设计交流到飞特论坛标志/VI 交流区，地址：http://bbs.fevte.com/forumdisplay.php?fid=40&filter=type&typeid=108

在本教程中我们将使用到下面的资源：
Classical camera
Director’s chair
TV camera
Laptop
Microphone
Hotair baloon 1
Hotair baloon 2
Small Tree
Cityscape Brushes by Terf
Clouds brushes by JavierZhx
Abstract glow brushes by Ro-stock
Rust Textures by Princess of Shadows
Armored Metal Textures by Wen Jr
Render Pack Textures 1 by Angelus Hellion
Render Pack Textures 2 by Xcellcior

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

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

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

步骤3
编写文档的最后一步是在中心添加指导线。指导线将方便你定位中间的设计元素。一个快速找到该中心的方法是创建一个新层，然后按快捷键CMD + T激活“自由变换”。