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




  • 【 PS電腦繪圖 】Photoshop繪製圓形質感的播放器界面教程




    Photoshop繪製圓形質感的播放器界面教程

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

    文章出處是來自優設的PS教程類文章,寫教學的作者是涼星在,感謝涼星在提供鼠繪教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop繪製時尚的圓形播放器UI圖標,今天這篇教程適合新手練習,重點是幫同學們深入理解圖層樣式的運用,喜歡的朋友跟着教程一起來學習吧。


    鼠繪教程教學開始

    本教程主要使用Photoshop繪製時尚的圓形播放器UI圖標,今天這篇教程適合新手練習,重點是幫同學們深入理解圖層樣式的運用,喜歡的朋友跟着教程一起來學習吧。

    先看看效果圖

    Photoshop繪製圓形質感的播放器界面教程

    第一步:新建畫布,大小自定,填充一個淡色。

    Photoshop繪製圓形質感的播放器界面教程

    第二步:畫一個圓形,大小自定,填充如下。

    Photoshop繪製圓形質感的播放器界面教程

    接上邊的數值。

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    第三步:複製底圓,然後Ctrl+T,調整他的大小,添加圖層樣式。

    Photoshop繪製圓形質感的播放器界面教程

    接上數值:

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    第四步:再畫一個圓形,調整大小位置。

    Photoshop繪製圓形質感的播放器界面教程

    圖層樣式數值。

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    第五步:再畫一個圓形,加漸變效果。

    Photoshop繪製圓形質感的播放器界面教程

    漸變數值:

    Photoshop繪製圓形質感的播放器界面教程

    第六步:畫一個三角形,填充自己喜愛的顏色,添加樣式。

    Photoshop繪製圓形質感的播放器界面教程

    Photoshop繪製圓形質感的播放器界面教程

    第七步:畫一個這樣的圓環。

    Photoshop繪製圓形質感的播放器界面教程

    第八步:處理一下 加上圖層樣式,讓他有點立體的感覺,尾部擦一下。

    Photoshop繪製圓形質感的播放器界面教程

    數值:

    Photoshop繪製圓形質感的播放器界面教程

    第九步:右下角畫一個這樣的,方法參照上面的。

    Photoshop繪製圓形質感的播放器界面教程

    第十步:再畫一個放在左邊。

    Photoshop繪製圓形質感的播放器界面教程

    第十一步:在兩個圓之間添加一個圓環,顏色自己調整,一些細節上自己再調整一下。

    Photoshop繪製圓形質感的播放器界面教程

    第十二步:在黃色圓環上添加文字,在文字上添加圖層樣式,打造一種立體的感覺。

    Photoshop繪製圓形質感的播放器界面教程

    最終效果:

    Photoshop繪製圓形質感的播放器界面教程

    — —

    文章永久連結為: Photoshop繪製圓形質感的播放器界面教程