Photoshop繪制個性化的網站導航

2022-12-26 14:43:29 來源/作者: / 己有:34人學習過

今天為大家?guī)淼倪@個教程是教大家怎么用PHOTOSHOP制作一個像Web Designer Wall這個網站的水彩畫風格的導航欄(菜單欄。首先我會教大家用PHOTOSHOP制作出導航所需要的圖片文件,然后再第2個部分教程中我會教你怎么樣用CSS把這個導航欄做出來。OK,廢話不多說,我們開始吧:

  先看效果圖

  1.筆記本紙張圖片

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

  2.水彩畫效果

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