photoshop设计漂亮的网页页脚模板

《photoshop设计漂亮的网页页脚模板》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Photoshop设计漂亮的网页页脚模板本文介绍一篇制作网页页脚的PS教程，这个页脚的设计很有层次感，同时用网格空格背景纹理修饰，是一个十分漂亮的网页页脚自从Web2.0冲击互联网以来，页脚就变得比以前任何时候都显得重要了，出现了许多非常漂亮的页脚设计。在这个教程中，我将会教给你如何在Photoshop中创建一个简洁、光滑的网站页脚。页脚这就是我们将要创建的页脚。点击下面的截图查看原图。第1步和液体感的页首和页脚一样，渐变通常是)创建一个100%文档宽度的，21像素高的选区。选择渐变工具(G),然后选择一个漂亮的渐变，我选择的是”Black

2、5-Gloss”，现在按住Shift键在矩形选区内画一条垂直的线，创建这个渐变。将创建好的形状移动到第4步中创建的形状的上方。你应当得到和下图显示的图片类似的结果。第6步现在我们给第5步创建的图层添加上阴影效果。第7步将前景色设置为#545557，背景色设置为#1e211f。在第4步创建的图层下创建一个新的图层。使用选区工具选取第4步图层的内容。选择渐变工具，选择第一个渐变(前景和背景色的结合)，按住shift键，在选区上画出一个垂直的渐变。现在选择第4步的图层，将图层混合模式更改为正片叠底。第8步在所有图层上方创建一个新的图层，在参考线中

3、间画一个颜色为#dfdfdf的圆角矩形。在图层上右击，点击混合选项，给矩形创建一个投影效果。然后在效果图层上右击，选择创建图层，这样会将投影效果分离为一个单独的图层。现在你已经有了矩形图层和阴影图层，移动并且改变阴影的大小直到得到如下图的效果。你可以按下Ctrl+T来调出变换工具，然后右击，选择透视，向内拖拽顶部的两个手柄。也可以将阴影向下方移动，使用12下一页[感谢阅读这篇文章，..，]柔软画笔的橡皮擦工具将上方边缘的阴影擦掉。第9步最后添加文字、版权信息和你的logo完成设计。第10步为了在html文件中使用页脚，只需将文字移除(文字将

4、会在html中添加)，如下图所示剪切背景图片，然后将其粘贴到一个新的文件中。就像在Photoshop中那样，这个图案将会在CSS文件中使用背景图片属性来实现。这就是为什么我们要将图片剪切到这么小，为的是以小的文件得到更好的效果。要剪切页脚只需要在参考线内选择图片的内容，然后将其剪切并粘贴到一个新的文件中。选择存储>存储为网页和设备命令来保存这两张图片。然后选择JPG格式和合适的品质。JPG格式和PNG格式都是存储图片的很好的格式，他们可以保存很多的颜色。GIF格式最好用于颜色简单的图片。这种不同的用法是由于不同的算法得来的。最终的页脚

5、