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




  • 【 PS電腦繪圖 】Photoshop繪製質感的播放器音量開關




    Photoshop繪製質感的播放器音量開關

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

    文章出處是來自站酷的PS教程類文章,寫教學的作者是2015heibai,感謝2015heibai提供鼠繪教程的實作教學。

    教學大綱:

    這是我在一個國外網站,按着教程做的,覺得挺簡單的,雖然不懂英文,但是看圖片大概能看懂,或者說,谷歌翻譯吧,不過生硬,所以按自己理解重新寫了過程。喜歡的朋友讓我們一起來學習吧。


    鼠繪教程教學開始

    先看看效果圖

    Photoshop繪製質感的播放器音量開關

    畫布大小自定義,我這裡800*600px,顏色值:2e2f31

    Photoshop繪製質感的播放器音量開關

    2.繪製一個正圓,按住shift鍵,點擊鼠標左鍵,選擇移動工具V,在與畫布垂直、水平居中對齊,顏色值:2e2f31

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    3.給圖層命名base(底層),並添加內陰影、投影

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    4.複製base圖層,右擊選擇清除圖層樣式,按住Ctrl+T,再按住shift+Alt等比例縮小,縮放比例看圖,並命名shape(形狀),再添加圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    5.新建正圓,並命名shadow(陰影)我是cc版的,羽化就行:6.6px,找不到的話,就高斯模糊,濾鏡—模糊—高斯模糊,數值自個調,按住shift+方向鍵,下移到base圖層邊緣就行。

    Photoshop繪製質感的播放器音量開關

    6.在繪製一個shape圖層,為什麼是一樣的,這個我真不知道誒,這是按國外大神做地,為了以示區別,可以改為shape2,這個圖層移到陰影圖層下,添加圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    7.在繪製一個shape圖層,在加個數字3把,按Ctrl+T,shift+Alt等比例縮放,添加圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    8.繪製一個正圓命名為metal(金屬)層,添加圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    大神沒給顏色值,無非就是黑、灰、白,

    Photoshop繪製質感的播放器音量開關

    9.複製metal圖層,並改為gradient(漸變)右擊圖層,清除樣式,重新添加黑白漸變,圖層填充為0

    Photoshop繪製質感的播放器音量開關

    10.繪製一個圓角矩形,命名為mark(標記)圖層,在選擇矩形工具減去一小部分,添加圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    到這一步算是基本完成了,接下來就是指示燈的問題。

    這一步需要AI支援了

    將ps文件保存好后,打開AIcs6,按Ctrl+O彈出打開窗口,選擇需要的打開文件,打開後會彈出一個窗口,默認,點確定即可。

    AI步驟:

    1.繪製一個正圓,圓的大小,你們看着順眼吧。

    選擇旋轉工具(R),按住Alt鍵將鼠標移到圓的中心位置,會顯示出“中心點”字體,不要鬆開鼠標,將“中心點移到金屬中心位置”,此時會彈出旋轉彈窗,輸入22.5度,點複製,在按Ctrl+d鍵,連續複製。

    Photoshop繪製質感的播放器音量開關

    如下圖:這是全選中狀態,因為要複製,在編輯—複製,再回到PS軟件,Ctrl+V粘貼

    Photoshop繪製質感的播放器音量開關

    此時彈出粘貼彈出,選擇最後一個

    Photoshop繪製質感的播放器音量開關

    接下來就是給兩個圖層命名為off,off2添加圖層樣式

    Off:圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    Off2圖層樣式

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    這是我做的效果:(這裡稍微修改了下,5°C™渴 說中心圓沒對齊,感謝您對我提的建議,在這裡又重新做了一張,原來做的我就不刪了,就把它當做對我的警醒吧,“細心”“細節”真的很重要!)

    Photoshop繪製質感的播放器音量開關

    Photoshop繪製質感的播放器音量開關

    這是原效果圖

    Photoshop繪製質感的播放器音量開關

    — —

    文章永久連結為: Photoshop繪製質感的播放器音量開關