Photoshop制作精致的電池圖標教程

來源:未知 作者:bbs.16xx8.com 學習:6576人次


作者:佚名   出處:

本教程主要使用Photoshop制作精致的電池圖標,介紹了圖層蒙版,筆刷,路徑,圖層顏色,濾鏡等工具命令的應用

先看效果圖。

新建文檔568x689像素,背景白色,拽出幾條輔助線,中間的矩形就是電池的基礎形狀,因為本教程做的比較急,最后結果的電池身體有點高,大家把上邊的輔助線拉低一些即可。

用自定義形狀工具畫一個矩形。

上下2端加法模式畫2個黑色橢圓。

建新層,前景色#e0c400填充,調出電池身體選區(qū),添加蒙版,接著菜單選擇圖層>創(chuàng)建剪貼蒙版。

點擊紅框內的縮略圖,用箭頭工具選擇底部的橢圓路徑,ctrl+C復制。

轉到路徑面板,新建路徑,ctrl+V粘貼,轉為選區(qū),往上挪一段距離。

選擇矩形工具按住shift鍵加選,選擇紅框內的縮略圖,填充黑色,效果如下。

同樣方法處理上部。


頂部建新層,做一橢圓選區(qū),填充白色,圖層不透明度45%。

建新層,畫一個白色橢圓(下圖左),圖右為結果。

添加圖層樣式。

建新層,加法模式畫一個矩形和一個橢圓。

添加圖層樣式。

添加蒙版,用黑色柔角筆刷涂抹底部。

底部建新層,用黑色柔角筆刷涂抹,圖層不透明度27%,此為陰影效果。

頂部建新層,畫一白色橢圓。

添加圖層樣式。

建新層,得到下圖所示選區(qū),填充白色,填充歸零,不透明度21%。

添加圖層樣式,把前幾步的樣式修改一下即可。

效果如下。

添加一些文字和符號,具體過程很容易,就不介紹過程了,相信大家的實力。


電池身體是圓的,現(xiàn)在的文字符號很平,我們通過變形來解決一下。建新層,做如下矩形選區(qū),填充一種顏色,降低不透明度,這層是輔助層,然后選擇此層與文字符號層,右擊轉為智能對象,得到圖層11。

Ctrl+T變形如下圖,下圖是我昨晚做的,和上圖顏色不一樣,但不妨礙最終效果。

下面把輔助層隱藏,雙擊智能對象,將輔助層隱藏,會彈出對話框,保存修改。

下面增加電池黃色部分的高光效果,復制高光層,保留選區(qū)部分,黑色部分刪除,適當降低圖層不透明度。

底部建新層,畫一黑色橢圓,高斯模糊一下。

底部建新層,用直線套索做如下選區(qū),高斯模糊,添加蒙版,用黑色柔角筆刷涂抹掉一部分。

背景做一個徑向漸變,最終效果如下。



學習 · 提示

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

關注大神微博加入>>

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