9、在標(biāo)題文本圖層下面創(chuàng)建一個(gè)新圖層,選定矩形選框工具(M),在頭部選取出一個(gè)區(qū)域。寬度必須填滿1200px,高度大概在60px左右。
10、用白色(#FFFFFF)填充(G)選定區(qū)域,然后在圖層面板中設(shè)置透明度為25%。效果如下。
創(chuàng)建導(dǎo)航
11、選擇橫排文字工具(T),字體大小設(shè)定為11-12px左右。然后在標(biāo)題和標(biāo)示右邊加入導(dǎo)航文字;沒(méi)菜單項(xiàng)之間留出等寬的邊距。
12、在每個(gè)菜單項(xiàng)之間使用矩形選框工具(M)做一個(gè)1px寬的分割線;長(zhǎng)度跨越整個(gè)頭部。用#CECECE顏色填充(G)這1px的線條。效果如下圖。
13、現(xiàn)在,我們?cè)诿總(gè)菜單項(xiàng)中加入鼠標(biāo)懸停動(dòng)態(tài)效果(hover)。我已經(jīng)給其中一個(gè)菜單項(xiàng)加入顏色表示鼠標(biāo)懸停時(shí)的效果。使用多邊形套索工具(L)按住shift,創(chuàng)建一個(gè)三角形,以保證每條線都是直的。
出處:PS真功夫
責(zé)任編輯:bluehearts
上一頁(yè) PS設(shè)計(jì)現(xiàn)代企業(yè)產(chǎn)品主題網(wǎng)站教程[2] 下一頁(yè) PS設(shè)計(jì)現(xiàn)代企業(yè)產(chǎn)品主題網(wǎng)站教程[4]
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論,我還想發(fā)表評(píng)論。
|