PS设计教程网欢迎你!

Photoshop设计苹果系统风格的网页模板(3)

文章来源于 ximumu.cn,感谢作者 夕木木 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-11-12
11.为了强调笔记本,可以做出一个渐变的效果来吸引浏览者的目光. 12.新建一个图层,渐变一个灰色到白色的效果.然后把图层放在笔记本的后面. 13.在展示头部的下面,新建一个图层,用矩形选框画一个距形,最后为其渐变一个

11.为了强调笔记本,可以做出一个渐变的效果来吸引浏览者的目光.

Photoshop设计苹果系统风格的网页模板

12.新建一个图层,渐变一个灰色到白色的效果.然后把图层放在笔记本的后面.

13.在展示头部的下面,新建一个图层,用矩形选框画一个距形,最后为其渐变一个由灰色到白色的效果.

Photoshop设计苹果系统风格的网页模板

14.把主内容分为两列,用辅助线分隔.在左边我们将添加一个文本内容,而右边我们则来做导航.现在我们使用文字工具来为内容添加文本,选择合适的字体的大小,标题.使文本读起来可以更容易的让人吸收.

Photoshop设计苹果系统风格的网页模板

15.在文本的下面,建一个图层来展示blog的最新贴子.这贴子可以分为两列.标题因为要给用户点击用,所以在点击点应改变此颜色,以突出链接.

Photoshop设计苹果系统风格的网页模板

16.新建一个图层,使用圆角矩形工具画一个矩形出来,这里的颜色可以随便填充一下.因为我们要在下面再为它进行修改.

Photoshop设计苹果系统风格的网页模板

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa