當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

photoshop制作開關(guān)按鈕

來源:未知 作者:福特少普ps 學(xué)習(xí):19760人次
作者uthin   出處:中國教程網(wǎng)

原圖:


新建一個800*700px的photoshop文檔,然后填充背景色為黑色

1、畫一個正圓充黑色[圖層1],外發(fā)光、漸變疊加,圖層樣式如圖。







,                                            2、復(fù)制兩個正圓[圖層2、圖層3],填充白色,先隱藏上面的白色正圓[圖層3],將起下面的白色正圓[圖層2]縮小1-2個象素,調(diào)整透明度為8%。



3、顯示剛隱藏的正圓[圖層3],用矩形選框工具畫個方形,調(diào)整角度,羽化20,按delete刪除,調(diào)整透明度為15%。









,                                          4、復(fù)制黑色正圓[圖層1]填充白色為[圖層4],置為頂層,按ctrl鼠標(biāo)點該圖層,得到選區(qū),將選取縮小1-2個象素,按delete刪除,得到一個圓形邊框線[圖層4]。用橡皮擦修改圓形邊框線[圖層4],如圖效果。[在這里是為了更直觀,才把改圖層移動到旁邊,實際中圓線[圖層4],是不需要移動位置的。]





5、新建一個[圖層5],畫個同心正圓,填充黑色。



,                                            6、復(fù)制圓形邊框線[圖層4],置為頂層,縮小如圖。

7、復(fù)制[圖層5]得到一個同心正圓,填充白色為[圖層6],置為頂層,添加蒙板,利用漸變做出如圖,調(diào)整透明度,這里為60%。





,                                           8、再復(fù)制[圖層5]得到一個同心正圓,填充白色為[圖層7],按ctrl鼠標(biāo)點該圖層,得到選區(qū),移動選取到適合位置,按delete刪除,得到一個月牙[圖層7],用橡皮擦修改月牙[圖層7],如圖效果。[在這里是為了更直觀,才把改圖層移動到旁邊,實際中月牙(圖層7)是不需要移動位置的。]





學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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