Photoshop繪制個(gè)性化的網(wǎng)站導(dǎo)航

2022-12-26 14:43:29 來(lái)源/作者: / 己有:34人學(xué)習(xí)過(guò)

今天為大家?guī)?lái)的這個(gè)教程是教大家怎么用PHOTOSHOP制作一個(gè)像Web Designer Wall這個(gè)網(wǎng)站的水彩畫(huà)風(fēng)格的導(dǎo)航欄(菜單欄。首先我會(huì)教大家用PHOTOSHOP制作出導(dǎo)航所需要的圖片文件,然后再第2個(gè)部分教程中我會(huì)教你怎么樣用CSS把這個(gè)導(dǎo)航欄做出來(lái)。OK,廢話不多說(shuō),我們開(kāi)始吧:

  先看效果圖

  1.筆記本紙張圖片

  首先我們要找一張那種帶穿孔的筆記本紙張的圖片素材。eddie推薦一個(gè)找這種素材的網(wǎng)站是stock.xchng.當(dāng)然deviantart也是一個(gè)不錯(cuò)的選擇。在這個(gè)教程,你就先用我給你的這張圖片吧。

  2.水彩畫(huà)效果

  首先在photoshop中打開(kāi)我們的素材圖片,按住Ctrl點(diǎn)擊紙張圖層載入選區(qū),然后新建一個(gè)組,并點(diǎn)擊圖層面板下面的小按鈕創(chuàng)建圖層蒙版。這樣做使我們后面使用畫(huà)筆時(shí)顏色只會(huì)出現(xiàn)在蒙版區(qū)域內(nèi)。