Photoshop设计漂亮的美食BLOG网页模板(6)

23.添加侧边导航

新建一个组:popular.

选择"文字工具(T)"设置其属性:字体Myriad Pro Bold Italic;字体大小20px;字体颜色#514d47;接下来输入文字"Most popular recipes"

打开准备好的"coffee图标"素材,拖动到文档中.并命名:coffee cup icon

再次设置文字工具的属性:字体Myriad Pro Regular ;字体大小13px;字体颜色:#6a655d.

新建一个组:dots.新建一个新图层,接下来使用"矢量随圆工具"绘制一个大小5px的正圆,并填充黑色.并移动此圆点和文字的距离为:5px.最终效果图如下:

24.添加余下的例表

25.新建一个组:flickr.打开一个"ice cream"的图标,并把这个图层命名:ice cream icon,并输入文字:Flickr

新建一个图层，使用"矢量矩形工具"绘制一个大小65*65的矩形,并填充:#f4ede2;接下来双击此图层给这个矩形添加一个样式,在弹出的"图层样式"对话框中选择:

内发光(内发光颜色:#fdfdfd);描边颜色:#d7d1c9.

按组合键:ctrl+J复制出8个矩形.然后使用"移动工具"使矩形之间相距:15px.选中这8个图层,合并成一个组:squares.~

26.创建页脚信息

新建一个组:footer,把此组拖到组"content bg"下面.

新建一个图层:footer,选用"矢量圆角矩形"并设其圆角为:6px.绘制出一个大小为:938*70的圆角矩形.并填充:白色.双击此图层添加图层样式:描边(#a95858).

再选择"文字工具"设置字体:Myriad Pro Regula;字体颜色:#ebd5d5;字体大小:13px.

完成最终效果图!

进入论坛交作业：http://www.missyuan.com/viewthread.php?tid=529797