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

來源:eddie yang’s creative 作者:bbs.16xx8.com 學(xué)習(xí):5923人次

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

  先看效果圖

  1.筆記本紙張圖片

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

  2.水彩畫效果

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


學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!