• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS電腦繪圖 】Photoshop繪製精緻的筆記本圖標教程




    Photoshop繪製精緻的筆記本圖標教程

    這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

    文章出處是來自百度貼吧的PS教程類文章,寫教學的作者是P大點S,感謝P大點S提供鼠繪教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop繪製立體特效的筆記本圖標教程,今天天P大點S微博的圖標教程是一枚精緻的筆記本,教程界面全中文,參數清晰,思路有序,能學到不少好技巧。素材已打包,需要學習的朋友自己下載吧。


    鼠繪教程教學開始

    本教程主要使用Photoshop繪製立體特效的筆記本圖標教程,今天天P大點S微博的圖標教程是一枚精緻的筆記本,教程界面全中文,參數清晰,思路有序,能學到不少好技巧。素材已打包,需要學習的朋友自己下載吧。

    教程源文件和素材:立體特效的筆記本圖標PS教程素材

    首先,看看我們的效果圖。

    Photoshop繪製精緻的筆記本圖標教程

    新建文檔,這裡我用的是1000*800像素。設置前景色為#9e9e9e,背景色為#616161,拉一個從中心向四周的徑向漸變。

    Photoshop繪製精緻的筆記本圖標教程

    添加一個雜色,設置雜色數量為2%,高斯分佈,勾選單色。

    Photoshop繪製精緻的筆記本圖標教程

    複製一層背景圖層,執行“濾鏡—濾鏡庫—紋理—馬賽克拼貼”,設置拼貼大小為2,縫隙寬度為1 ,加亮縫隙為1,並將這個圖層的圖層混合模式更改為“柔光”,不透明度20%。

    Photoshop繪製精緻的筆記本圖標教程

    創建一個“曲線”調整層,選取一個S曲線,強化對比。

    Photoshop繪製精緻的筆記本圖標教程

    使用圓角矩形工具畫一個450*600的圓角矩形,設置圓角為30度,居中對齊。

    Photoshop繪製精緻的筆記本圖標教程

    按住ALT,畫一個矩形,將矩形移至圓角矩形的左邊,得到我們要的筆記本的面板輪廓。ALT這裡是快捷鍵,減去模式,當然你也可以先畫好再減去,然後合併形狀組件。

    Photoshop繪製精緻的筆記本圖標教程

    接下來,給這個面板設置一個圖層樣式。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    放入我所提供下載的“皮革”素材,置於頂層,創建剪貼蒙版,效果如下:

    Photoshop繪製精緻的筆記本圖標教程

    下面,我們添加一個縫線效果,還是跟剛才樣板的做法一樣,我縮小了5像素,圓角矩形的圓角角度記得需要更改一下,搞定后,合併形狀組件。

    Photoshop繪製精緻的筆記本圖標教程

    使用直接選擇工具,選擇住形狀,在形狀選項菜單中,設置形狀填充顏色為無,形狀描邊1像素,描邊顏色為#5a5a5a,虛線描邊。 具體設置請看下圖:

    Photoshop繪製精緻的筆記本圖標教程

    就虛線描邊來說,做法無數,用形狀的描邊功能,相對簡單。以前沒有這功能的時候,雙重畫筆可以實現,使用圖案也可以實現,當然你直接做個畫筆來描邊路徑,也無可厚非,方法多的是。

    下面,我們給縫線圖層添加一個圖層樣式,增加真實感。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    使用矩形工具,在皮質面板下層畫一個30*600像素的矩形,擺放在皮質面板的左邊。

    Photoshop繪製精緻的筆記本圖標教程

    下面,為這個矩形添加圖層樣式。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    再用矩形工具畫一個10*596像素的矩形,置於我們上面設置圖層樣式的這個矩形的下層。

    Photoshop繪製精緻的筆記本圖標教程

    設置這個矩形的圖層樣式。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    還是在上面設置圖層樣式的矩形的下層,用圓角矩形工具,畫一個50*600像素的圓角矩形。

    Photoshop繪製精緻的筆記本圖標教程

    為了不影響我們一會對這個形狀設置漸變疊加,我們畫一個矩形,減去頂層形狀,然後合併形狀組件。

    Photoshop繪製精緻的筆記本圖標教程

    OK,下面我們給它設置圖層樣式。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    到目前為止,我們得到如下效果:

    Photoshop繪製精緻的筆記本圖標教程

    下面,我們給筆記本添加一個陰影。首先我們需要做的就是得到筆記本的選區。從圖層中,我們可以很輕易的明白,整個筆記本的輪廓是由下圖中的四個圖層所組成的。

    Photoshop繪製精緻的筆記本圖標教程

    載入單個圖層的選區的方法,我相信大家都知道,按CTRL+鼠標左鍵單擊圖層縮略圖就可以載入選區了。 但是現在我們需要的是載入四個圖層的選區,其實還是一樣的,按CTRL+SHIFT+鼠標左鍵單擊圖層縮略圖,依次單擊這四個圖層縮略圖就可以了。

    在按住SHIFT的時候,鼠標移到圖層縮略圖那裡,會出現如下圖中的那個+號,點擊了就表示將現在選擇的圖層的選區增加到已有的選區中。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    OK,我們得到選區后,新建一層,置於這四個形狀的下層,命名為“投影”,填充黑色,並執行一個10像素的高期模糊。

    Photoshop繪製精緻的筆記本圖標教程

    再為這個“投影”圖層設置一個圖層樣式。

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    下面,我們打上文字,顏色為白色,並將文字圖層的填充更改為3%。

    Photoshop繪製精緻的筆記本圖標教程

    下面,我們給文字圖層設置一個圖層樣式:

    Photoshop繪製精緻的筆記本圖標教程

    Photoshop繪製精緻的筆記本圖標教程

    搞定,再添加一個LOGO,圖層樣式直接拷貝文字的圖層樣式就可以了。

    Photoshop繪製精緻的筆記本圖標教程

    — —

    文章永久連結為: Photoshop繪製精緻的筆記本圖標教程