第十一步 創(chuàng)建一個(gè)新層,在畫(huà)布頂端用“長(zhǎng)方形”工具化一個(gè)50px高的長(zhǎng)方形,就如圖所示,這個(gè)長(zhǎng)方形是用作導(dǎo)航的。 為其添加陰影效果。參數(shù)如圖所示。 第十二步 開(kāi)始畫(huà)導(dǎo)航。使用“圓角工具”,設(shè)置半徑為5px,畫(huà)一個(gè)圓角長(zhǎng)方形,用顏色 #f6a836 填充它,之后給他添加以下效果: 1.內(nèi)陰影- 顏色: #ffffff, 混合模式:正底疊加,透明度:60%,角度:120*,距離:7px,大小:6px. 2.內(nèi)發(fā)光–混合模式:正常,顏色:#ffffff, 大?。?px。其他參數(shù)默認(rèn)設(shè)置。 3.描邊–大?。?px,位置:內(nèi)部,顏色:#ce7e01. Ctrl+鼠標(biāo)點(diǎn)擊層產(chǎn)生如圖選區(qū)。選擇:選擇-> 修改> 收縮 然后在彈出框中輸入1px,確定。 在上面再建一層, 把混合模式設(shè)置成疊加 ,然后好像第五步那樣加照亮效果,不過(guò)這次用的是小筆刷 . 然后就是增加導(dǎo)航文字了。我用 Arial 字體作為導(dǎo)航的連接字體, 所有效果設(shè)置為 “無(wú)”。 第十三步 現(xiàn)在我們開(kāi)始創(chuàng)建搜索框,圓角長(zhǎng)方形,半徑5px,在如第四步所示的網(wǎng)格的右邊、頂端灰色背景網(wǎng)格紋中間創(chuàng)建一個(gè)用于搜索的色塊。為它增加以下樣式: 內(nèi)陰影 – 顏色:#000000,混合模式:正片疊加,透明度:9%,角度:90*,距離:0px,大?。?px 描邊 – 大小:1px,位置:內(nèi)部,顏色:#dfdfdf. 給它添加“search”的文本和一個(gè)亮底暗色的“GO”按鈕。如下圖所示: 到目前為止已經(jīng)創(chuàng)建了很多層了,為了條例清楚,我們建立一個(gè)叫“search”的層文件夾。把所有于搜索相關(guān)的層一并拖到這個(gè)層文件夾里面去。遲點(diǎn),我們都會(huì)這樣處理,可以讓我們的創(chuàng)作更合理。 |