WEB开发网
开发学院图形图像PhotoShop Photoshop制作漂亮的页脚元素 阅读

Photoshop制作漂亮的页脚元素

 2010-02-03 00:00:00 来源:WEB开发网   
核心提示:这就是我们把要创建的页脚,查看原图(大图)第1步与液体感的页首与页脚相同,Photoshop制作漂亮的页脚元素,渐变通常是web2.0设计风格的标志,在这个教程中我们把运用到一组模仿3D材质的渐变文件包,大小为760像素X420像素,这个尺寸会保证即使在800像素 X600像素大小的屏幕上,你可从excellent D

这就是我们把要创建的页脚。

Photoshop制作漂亮的页脚元素

查看原图(大图) 

第1步

与液体感的页首与页脚相同,渐变通常是web2.0设计风格的标志。在这个教程中我们把运用到一组模仿3D材质的渐变文件包。你可从excellent Deziner Folio获得这个文件包。单击这儿下载渐变文件包。

Photoshop制作漂亮的页脚元素

查看原图(大图) 

第2步

在PS中新建新文档。我个人新建了一大的文件,1440像素X900像素大小(以适应我的17英寸显示屏的笔记本)。当然,实际上你的页脚不应该这么大,虽然它可很好的模仿出当你的浏览器窗口被拉拽后的情况。

选取一背景色彩,在我的这个例子中,背景色是一容易的从#b0b0b0到#e1e1e1的渐变色。按住Shift键,新建一垂直的从上到下的渐变。

Photoshop制作漂亮的页脚元素 

第3步

你把要新建什么样的布局在网页设计中是相当重要的。也就是在流式布局(可自适应浏览器大小的布局)与固定宽度布局(在web2.0风格的网站中固定宽度布局常常会是居中的)之中作出选取。我们的这个页脚把会是一固定宽度布局的页脚,大小为760像素X420像素。这个尺寸会保证即使在800像素 X600像素大小的屏幕上,也叫也会准确的显示出来。

1 2 3  下一页

Tags:Photoshop 制作 漂亮

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接