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




  • 【 PS電腦繪圖 】Photoshop繪製雅緻潔白的音箱圖標教程




    Photoshop繪製雅緻潔白的音箱圖標教程

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

    文章出處是來自PdadianS的PS教程類文章,寫教學的作者是PS大點,感謝PS大點提供鼠繪教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop繪製雅緻潔白的音箱圖標教程,主要分享一篇超精緻的音箱圖標繪製教程,素材和源文件作者P大點S都已經提供了,在這裡感謝作者的無私分享,喜歡的朋友一起來學習吧。


    鼠繪教程教學開始

    本教程主要使用Photoshop繪製雅緻潔白的音箱圖標教程,主要分享一篇超精緻的音箱圖標繪製教程,素材和源文件作者P大點S都已經提供了,在這裡感謝作者的無私分享,喜歡的朋友一起來學習吧。

    教程源文件和素材:雅緻潔白的音箱圖標PS教程源文件

    先看看效果圖

    Photoshop繪製雅緻潔白的音箱圖標教程

    新建一個1000×1000 px 的畫布,填充顏色#7b7776。

    Photoshop繪製雅緻潔白的音箱圖標教程

    創建一個512×512像素,圓角半徑為90px的圓角矩形,並置入木紋素材,然後在圖層面板中,按住ALT點擊木紋圖層和圓角矩形圖層的交界,創建剪貼蒙版。

    Photoshop繪製雅緻潔白的音箱圖標教程

    給“圓角矩形1”圖層添加內陰影和投影。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    在“木紋”圖層上面新建一個圖層,填充顏色#5f543f,混合模式改為正片疊底,透明度為70%,並創建剪貼蒙版。

    Photoshop繪製雅緻潔白的音箱圖標教程

    音箱的立面就做好了。接下來創建一個512×460,圓角半徑為90px的圓角矩形,並和“圓角矩形1”左對齊和頂對齊,然後將木紋複製一層,在新的圓角矩形上建立剪貼蒙版。

    如果是Photoshop的版本是CC,就可以直接複製一層“圓角矩形1”,然後CTRL+T變換大小。CC以前的版本變形的時候會損失圓角,所以只能創建形狀。

    Photoshop繪製雅緻潔白的音箱圖標教程

    給“圓角矩形2”添加內陰影和投影。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    給“木紋 拷貝”圖層疊加一個10%的黑白漸變。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    CTRL+J複製一層“圓角矩形2”,然後將圖層移動到木紋圖層上面,CTRL+T變換大小,記得同時按住SHIFT和ALT,縮放90%,然後添加圖層樣式。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    接下來做音孔,新建一個256×256的圓,調整位置,添加圖層樣式。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    建議CTRL+G給音孔的這個圓建個組,因為等會兒會有很多圖層。

    新建一個直徑為11px的橢圓,與“橢圓 1”水平、垂直居中,填充顏色#5f543f。

    然後用矩形工具手動畫兩根參考線,找到圓心,效果圖如下:

    Photoshop繪製雅緻潔白的音箱圖標教程

    中間的小圓直徑一定要是奇數,不然不能準確找到圓心。

    將小圓複製一層,CTRL+G建組,然後將被拷貝的圓移動到大圓外圍,ALT+CTRL+T變形,按住ALT將旋轉中心移動到剛剛找到的圓心處。

    Photoshop繪製雅緻潔白的音箱圖標教程

    然後旋轉到合適位置。需要注意的是,旋轉的角度一定要能被360整除。

    Photoshop繪製雅緻潔白的音箱圖標教程

    然後多按幾下CTRL+SHIFT+ALT+T,再次變換,外圈音孔get

    Photoshop繪製雅緻潔白的音箱圖標教程

    自行調節旋轉角度,重複步驟,將音孔做完。做到最後的時候,中間會顯得比較比較密集,可以將圓心處的小圓直徑改為9px

    Photoshop繪製雅緻潔白的音箱圖標教程

    音孔做好了,將參考線刪掉,接着做旋鈕。

    新建一個橢圓,填充顏色#ebebeb,移動到合適位置,添加圖層樣式。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    複製一層“橢圓 3”,CTRL+T變形,按住SHIFT+ALT等比縮放85%,添加圖層樣式。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    然後複製一層“橢圓3 拷貝”,將填充透明度改為0,添加內陰影。

    Photoshop繪製雅緻潔白的音箱圖標教程

    Photoshop繪製雅緻潔白的音箱圖標教程

    右邊的旋鈕做好了,複製到左邊,整個圖標就差不多做好了~

    Photoshop繪製雅緻潔白的音箱圖標教程

    不過如果仔細看,會發現這個圖標的木紋還有問題,所以最後來做一下簡單的透視。

    首先是選擇比較亮的木紋,CTRL+T,右鍵選擇“透視”,調整成這個樣子。

    Photoshop繪製雅緻潔白的音箱圖標教程

    然後用同樣的辦法調整比較暗的木紋

    Photoshop繪製雅緻潔白的音箱圖標教程

    最終的結果:

    Photoshop繪製雅緻潔白的音箱圖標教程

    — —

    文章永久連結為: Photoshop繪製雅緻潔白的音箱圖標教程