Photoshop制作漂亮的页脚元素

核心提示： 第6步此时我们给第5步新建的图层加上上阴影效果，第7步把前景色设定为#545557，Photoshop制作漂亮的页脚元素(3)，背景色设定为#1e211f，在第4步新建的图层下新建一新的图层，他们可保存很多的色彩，GIF格式最好用于色彩容易的照片，运用选区工具选择第4步图层的内容，选取渐变工具

　

第6步

此时我们给第5步新建的图层加上上阴影效果。

　

第7步

把前景色设定为#545557，背景色设定为#1e211f。在第4步新建的图层下新建一新的图层。运用选区工具选择第4步图层的内容。选取渐变工具，选取第一渐变（前景与背景色的结合），按住shift键，在选区上勾出一垂直的渐变。此时选取第4步的图层，把图层混合模式修改为正片叠底。

　

第8步

在所有图层上面新建一新的图层，在参考线中间画一色彩为#dfdfdf的圆角矩形。在图层上右击，单击混合选项，给矩形新建一投影效果。之后在完成图层上右击，选取新建图层，如此会把投影效果分离为一单独的图层。

此时你已经有了矩形图层与阴影图层，拖动并且调整阴影的大小直到获得如下图的效果。你可按下Ctrl+T来调出变换工具，之后右击，选取透视，向内拉拽顶部的两个手柄。也可把阴影朝下方拖动，运用柔软画笔的橡皮工具把上面边上的阴影擦掉。

　

第9步

最终加上文字、版权信息与你的logo做完设计。

查看原图（大图）　

第10步

只为在html文件中运用页脚，只需把文字移除（文字把会在html中加上），见下图剪切背景照片，之后把其粘贴到一新的文件中。就像在 Photoshop中那样，这个图片把会在CSS文件中运用背景照片属性来实现。这就是为什么我们要把照片剪切到这么小，为的是以小的文件获得更好的效果。

要剪切页脚只想要在参考线内选取照片的内容，之后把其剪切并粘贴到一新的文件中。

选取存储>存储为网页与设备命令来保存这两张照片。之后选取JPG格式与适合的品质。JPG格式与PNG格式都是存储照片的很好的格式，他们可保存很多的色彩。GIF格式最好用于色彩容易的照片。这种不同的使用方法是因为不同的算法得来的。

查看原图（大图）　

最后的页脚

如此就做完了一幅漂亮的页脚元素！