@如何用PSD设计网页?
1,下图是一个网页模板PSD设计过程------手机电子商务网站网页模板,从图层可以看出设计过程,先设计背景,然后是页脚(footer),然后是中间侧边栏(sidebar),然后是产品列表(products),然后是今日特价区(day of the deals),然后是海报轮播窗口(slider),然后是页头(header)。
---这种是标准的文件夹名分类
---最后效果图
@第一个网页设计流程
---原文url:http://www.poluoluo.com/jzxy/txtx/photoshop/wysj/Index.html ,里边有很多教程!!!
---该篇文章原文url:http://www.poluoluo.com/jzxy/201303/200521.html
1,制作一个好的网页,需要花费大量的时间,包含的内容也是非常多的,其中有按钮、横幅、图标及其它素材等。制作的时候先规划好大致的框架,然后由上至下慢慢细化各部分的内容,注意好整体搭配。最终效果如下图:
2,开始设置的文件
打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸。
我们要创建基本的背景层。简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过在设计过程中,我们可能会添加新的元素。
3,草稿上可以看出,我们将创建5个分栏,在这里我们将添加的内容。
添加的第一层,这将是我们的背景,颜色#ededed。
在页面顶部绘制一个矩形命名为top1(使用矩形栅格化的图层(颜色#ededed),并添加杂色(滤镜>杂色>添加杂色0.5 – 0.8;高斯分布和单色)。再次绘制矩形,颜色#cddcec),栅格化的形状和添加杂色(滤镜>杂色>添加杂色0.5 – 0.8;高斯分布和单色)。添加一个渐变叠加(柔光,54%,从黑到白的90%,角度和缩放75%)。
接下来添加矩形(U),在中间新建一个矩形(颜色为#608bb6,高度400像素左右),设置混合模式为颜色加深,并填充为75%,然后添加一个白色的描边1像素(图层样式)。
最后的底部页脚添加一个矩形形状,使用相同的工具和色彩,但现在设置混合线性光,不透明度为70%。
下面的最终结果。
4,步骤2 – 背景
给我们的背景添加纹理。
添加一个新层(CTR + SHIFT + N),使用选框工具在画布顶部添加一个1像素的白线。(仔细看下图顶部有条白线)
现在打开一个新的文档12×1像素,背景层解锁并隐藏它。放大到3200%(最大),添加一个新图层,使用矩形选框工具添加两个1×1像素的正方形,填充颜色为#FFF和其他#000,如下图所示。然后选择菜单>编辑>定义图案。
我们制作了一个新的图案效果即将使用(这也是一个制作样式图案方法哦)
回到我们的主要文件。创建一个新的图层,用矩形选框工具绘制一个整个画布那么大的选区,填充前景色,设置填充为0%,然后添加图层样式里的图案叠加。
。。。后边省略