創(chuàng)建一個(gè)新層畫(huà)一個(gè)400px高的長(zhǎng)方形. 這是用作我們網(wǎng)頁(yè)頁(yè)頭的. 給它設(shè)置一個(gè)線性漸變，由顏色 ＃2787b7 to ＃258fcd.
以下展示顏色的微妙變化：
第十步
在頁(yè)首長(zhǎng)方形塊底端畫(huà)一條1px的灰藍(lán)色的線, 混合屬性中添加陰影效果. 陰影參數(shù): 正底疊加, 透明度: 65%, 方向: -90, 距離: 1px ， 寬度: 6px. 之后再建一個(gè)新層，在灰藍(lán)色線下面畫(huà)一條1px的白線.通過(guò)這種方式，我們就可以創(chuàng)建一個(gè)輪廓鮮明的邊緣. 可以說(shuō)在你的設(shè)計(jì)中，你可以把這個(gè)技巧用于其他色塊.
第十一步
創(chuàng)建一個(gè)新層,在畫(huà)布頂端用”長(zhǎng)方形”工具化一個(gè)50px高的長(zhǎng)方形,就如圖所示，這個(gè)長(zhǎng)方形是用作導(dǎo)航的.
為其添加陰影效果.參數(shù)如圖所示.
第十二步
開(kāi)始話導(dǎo)航啦.使用”圓角工具” ，設(shè)置半徑為5px,畫(huà)一個(gè)圓角長(zhǎng)方形，用顏色 ＃f6a836 填充它, 之后給他添加以下效果:
1.內(nèi)陰影- 顏色: ＃ffffff, 混合模式:正底疊加, 透明度: 60%, 角度: 120*, 距離: 7px, 大小: 6px.
2.內(nèi)發(fā)光 – 混合模式: 正常, 顏色: ＃ffffff, 大小: 4px. 其他參數(shù)默認(rèn)設(shè)置.
3.描邊 – 大小: 1px, 位置: 內(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, 大小: 6px
描邊 – 大小: 1px, 位置:內(nèi)部, 顏色: ＃dfdfdf.
給它添加”search”的文本和一個(gè)亮底暗色的”GO”按鈕.如下圖所示：
到目前為止已經(jīng)創(chuàng)建了很多層了，為了條例清楚，我們建立一個(gè)叫”search”的層文件夾. 把所有于搜索相關(guān)的層一并拖到這個(gè)層文件夾里面去. 遲點(diǎn)，我們都會(huì)這樣處理，可以讓我們的創(chuàng)作更合理.
第十四步
新建一個(gè)新層，然后就像畫(huà)”搜索框”一樣在這層上面畫(huà)一個(gè)”Sign Up”按鈕（字長(zhǎng)剛好為背景長(zhǎng)的一半）. 把這個(gè)組合放在搜索框下方條紋豎直方向中間.
再一次如第五步那樣創(chuàng)建亮光效果.
推薦閱讀
- 如何尋找卡西歐手表說(shuō)明書(shū)
- 如何拍出專業(yè)到位的美食照，職業(yè)美食攝影師告訴你
- 如何給兒童拍照，16種兒童攝影POSE
- PS教程，巧用濾鏡快速將人物照片轉(zhuǎn)成素描肖像
- CAD轉(zhuǎn)成PDF教程 CAD文件怎么轉(zhuǎn)換成PDF
- 如何活出詩(shī)意的人生？
- PS教程：教你制作扁平化手機(jī)
- 筆趣閣如何上傳小說(shuō)
- 如何利用好光和影的結(jié)合，教你發(fā)現(xiàn)藝術(shù)之美
- 如何除去84消毒液的氣味