久久久精品2019免费观看_亚洲国产精品成人久久久_69国产成人综合久久精品91_国产精品久久精品视

wordpress模板設(shè)計(jì)PS教程三:頁眉制作

頁眉(header)區(qū)域包含Logo,導(dǎo)航條,搜索欄。為了做到井然有序,分別創(chuàng)建3個(gè)文件用來放置logo,導(dǎo)航條和搜索欄的圖層文件。制作一個(gè)基本形狀容納頁眉里的所有元素。選用矩形工具(Rectangle Tool)創(chuàng)建一個(gè)960像素 x 50像素的矩形??梢杂萌魏晤伾畛洌?yàn)樯院笪覀儠?huì)對(duì)其應(yīng)用圖層樣式。

應(yīng)用圖層樣式

· 漸變疊加顏色:#353535, #505050

描邊顏色: #081010

Logo

Logo字體選用Helvetica Black,大小為24pt。

應(yīng)用圖層樣式

· 投影(顏色): #000000

· 漸變疊加(顏色): #92b4b5, #ffffff

導(dǎo)航條

導(dǎo)航條包含鏈接和分割線。各個(gè)鏈接與左右的分割線保持18像素的距離。導(dǎo)航條的位置離Logo標(biāo)志距離為208像素,用標(biāo)尺工具(Ruler Tool)進(jìn)行定位。

用矩形選區(qū)工具( Rectangular Marquee Tool )在離Logo標(biāo)志208 像素處創(chuàng)建1個(gè)像素的矩形選區(qū)。接下來用漸變工具(Gradient Tool)選擇從前景色漸變到透明,前景色為#4f4f4f,最后由下往上在該選區(qū)拉漸變色。

用直線工具(Line Tool)創(chuàng)建另外一條1像素的直線,填充顏色為#081010

鏈接與左右分割線的距離應(yīng)為18像素,鏈接的文本內(nèi)容選用大小為14pt的 Helvetica Roman字體。

在制作導(dǎo)航條時(shí)一定要注意鏈接與分割線之間的18像素的距離。導(dǎo)航條鏈接內(nèi)容有world,business,sports,tech,web,science。完成上述操作之后,復(fù)制文本層,將文本顏色改為#1b1b1b,并上移1像素。

余下的空間用來放置搜索欄。

搜索欄

用圓角矩形工具(Rounded Rectangle Tool)創(chuàng)建一個(gè)半徑為20像素的形狀,顏色為#363636,放在圖示位置。

應(yīng)用圖層樣式

· 內(nèi)陰影(顏色): #4f4f4f

· 投影(顏色): #000000

最后一步添加搜索圖標(biāo),變換成合適大小放在圖示位置。

未經(jīng)允許不得轉(zhuǎn)載:445IT之家 » wordpress模板設(shè)計(jì)PS教程三:頁眉制作

贊 (0) 打賞

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞