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;接下來雙擊此圖層給這個矩形添加一個樣式,在彈出的"圖層樣式"對話框中選擇:

內發(fā)光(內發(fā)光顏色:#fdfdfd);描邊顏色:#d7d1c9.

按組合鍵:ctrl+J復制出8個矩形.然后使用"移動工具"使矩形之間相距:15px.選中這8個圖層,合并成一個組:squares.~

26.創(chuàng)建頁腳信息

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

新建一個圖層:footer,選用"矢量圓角矩形"并設其圓角為:6px.繪制出一個大小為:938*70的圓角矩形.并填充:白色.雙擊此圖層添加圖層樣式:描邊(#a95858).

再選擇"文字工具"設置字體:Myriad Pro Regula;字體顏色:#ebd5d5;字體大小:13px.

完成最終效果圖!