Photoshop鼠標(biāo)計(jì)算器教程
2023-11-02 17:41:47
來源/作者: /
己有:1人學(xué)習(xí)過
Photoshop鼠標(biāo)計(jì)算器教程 作者:王偉光 教程來源:iT168
計(jì)算器是一種廣泛應(yīng)用在日常生活當(dāng)中的小型電子設(shè)備,它使用簡(jiǎn)單、攜帶方便,用來滿足人們隨時(shí)計(jì)算的需求。下面用Photoshop來繪制一款常見的計(jì)算器。
1、新建一個(gè)文件。在圖層面板中新建一個(gè)圖層組“計(jì)算器”,在里面新建圖層“底層”。
2、選擇工具箱中的“圓角矩形工具”,畫一個(gè)圓角矩形,效果如圖01所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t13xjmkfxxd.jpg)
圖1
設(shè)置前景色為灰色,填充選區(qū)效果02所示
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dn2tflnvdab.jpg)
圖2
本新聞共10
3、將該層復(fù)制一層,保持選區(qū),執(zhí)行菜單欄中的“濾鏡”“雜色”“添加雜色”濾鏡,在彈出的添加雜色對(duì)話框中設(shè)置數(shù)量為10.72,高斯分布,單色,如圖03所示,圖像效果如圖04所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zrzdcbtmq52.jpg)
圖3
![](https://img.lvups.com/d/file/bigpic/2022/12/26/3lsmysevixq.jpg)
圖4
本新聞共10
4、接著執(zhí)行菜單欄中的“濾鏡”“風(fēng)格化”“風(fēng)”濾鏡,設(shè)置方法為風(fēng),方向?yàn)閺挠遥鐖D05所示,按Ctrl F鍵2-3次重復(fù)使用剛才的風(fēng)濾鏡,圖像效果如圖06所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/aj3sbppflsd.jpg)
圖5
![](https://img.lvups.com/d/file/bigpic/2022/12/26/0h2xhvlzkkz.jpg)
圖6
本新聞共10
5、接著再次執(zhí)行菜單欄中的“濾鏡”“風(fēng)格化”“風(fēng)”濾鏡,設(shè)置方法為風(fēng),方向?yàn)閺淖螅鐖D07所示,按Ctrl F鍵2-3次重復(fù)使用剛才的風(fēng)濾鏡,并將該圖層的圖層混合模式設(shè)置為“正片疊底”,圖像效果如圖08所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xlghz5544te.jpg)
圖7
![](https://img.lvups.com/d/file/bigpic/2022/12/26/bqnrjs30dh4.jpg)
圖8
本新聞共10
6、雙擊該圖層為圖層添加圖層樣式,在圖層樣式對(duì)話框中選擇投影、斜面和浮雕、漸變疊加、圖案疊加,設(shè)置參數(shù)如圖09-12所示,圖像效果如圖13所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wybp3021wco.jpg)
圖9
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xrob0bb0udt.jpg)
圖10
![](https://img.lvups.com/d/file/bigpic/2022/12/26/go2ymbuetcb.jpg)
圖11
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dzzkr54nejg.jpg)
圖12
![](https://img.lvups.com/d/file/bigpic/2022/12/26/20cvk42k4vc.jpg)
圖13
本新聞共10
7、新建一層命名為“屏幕”,選擇工具箱中的“圓角矩形工具”在上端中央繪制一個(gè)矩形,雙擊該圖層設(shè)置圖層樣式,選擇內(nèi)陰影、漸變疊加,設(shè)置參數(shù)如圖14-15所示,漸變顏色設(shè)置RGB分別為252、254、232和191、195、170,圖像效果如圖16所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tgig1pgqzut.jpg)
圖14
![](https://img.lvups.com/d/file/bigpic/2022/12/26/aa0aodutvgl.jpg)
圖15
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lyhajqrfjpy.jpg)
圖16
本新聞共10
8、接著做計(jì)算器按鈕,在計(jì)算器的圖層組下在新建一個(gè)圖層組,命名為“按鈕”。選擇工具箱中的“圓角矩形工具”,畫一個(gè)圓角矩形,雙擊該圖層設(shè)置圖層樣式,選擇投影、內(nèi)陰影、內(nèi)發(fā)光、斜面和浮雕、漸變疊加、描邊,設(shè)置參數(shù)如圖17-21所示,圖像效果如圖22所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/u0aiiqhbc2i.jpg)
圖17
![](https://img.lvups.com/d/file/bigpic/2022/12/26/3u0e22liliv.jpg)
圖18
![](https://img.lvups.com/d/file/bigpic/2022/12/26/largonr2dfq.jpg)
圖19
![](https://img.lvups.com/d/file/bigpic/2022/12/26/3eqdktmyqpu.jpg)
圖20
![](https://img.lvups.com/d/file/bigpic/2022/12/26/a4yfqx0q2lv.jpg)
圖21
![](https://img.lvups.com/d/file/bigpic/2022/12/26/glgnrutn044.jpg)
圖22
本新聞共10
9、將該按鈕復(fù)制3份,等距離排列,如圖23所示。繼續(xù)復(fù)制,排列效果如圖24所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ewkhkndli2k.jpg)
圖23
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ypxmdrwwslc.jpg)
圖24
本新聞共10
10、用同樣的方法繪制其他按鈕,效果如圖25所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xmcujeha5zw.jpg)
圖25
11、選擇工具箱中的“文字工具”,設(shè)置Arial字體,大小自定,在按鈕上打出數(shù)字,效果如圖26所示。然后雙擊添加圖層樣式,選擇斜面和浮雕樣式,設(shè)置參數(shù)如圖27所示,圖像效果如圖28所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/biid2ecxjng.jpg)
圖26
![](https://img.lvups.com/d/file/bigpic/2022/12/26/uhbmid2uvfl.jpg)
圖27
![](https://img.lvups.com/d/file/bigpic/2022/12/26/11wrbtnc35n.jpg)
圖28
本新聞共10
12、選擇工具箱中的“橢圓選框工具”,按住Shift鍵畫出一個(gè)小圓,然后添加圖層樣式,作為裝飾。輸入文字,效果如圖29所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1ustd1yjskw.jpg)
圖29
13、選擇文字工具,在屏幕上輸入0,設(shè)置該層的圖層混合模式為“疊加”,更換背景,最終效果如圖30所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/hxo5fxh4ten.jpg)
圖30簡(jiǎn)單的,我們教你,深?yuàn)W的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
計(jì)算器是一種廣泛應(yīng)用在日常生活當(dāng)中的小型電子設(shè)備,它使用簡(jiǎn)單、攜帶方便,用來滿足人們隨時(shí)計(jì)算的需求。下面用Photoshop來繪制一款常見的計(jì)算器。
1、新建一個(gè)文件。在圖層面板中新建一個(gè)圖層組“計(jì)算器”,在里面新建圖層“底層”。
2、選擇工具箱中的“圓角矩形工具”,畫一個(gè)圓角矩形,效果如圖01所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t13xjmkfxxd.jpg)
圖1
設(shè)置前景色為灰色,填充選區(qū)效果02所示
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dn2tflnvdab.jpg)
圖2
本新聞共10
3、將該層復(fù)制一層,保持選區(qū),執(zhí)行菜單欄中的“濾鏡”“雜色”“添加雜色”濾鏡,在彈出的添加雜色對(duì)話框中設(shè)置數(shù)量為10.72,高斯分布,單色,如圖03所示,圖像效果如圖04所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zrzdcbtmq52.jpg)
圖3
![](https://img.lvups.com/d/file/bigpic/2022/12/26/3lsmysevixq.jpg)
圖4
本新聞共10
4、接著執(zhí)行菜單欄中的“濾鏡”“風(fēng)格化”“風(fēng)”濾鏡,設(shè)置方法為風(fēng),方向?yàn)閺挠遥鐖D05所示,按Ctrl F鍵2-3次重復(fù)使用剛才的風(fēng)濾鏡,圖像效果如圖06所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/aj3sbppflsd.jpg)
圖5
![](https://img.lvups.com/d/file/bigpic/2022/12/26/0h2xhvlzkkz.jpg)
圖6
本新聞共10
5、接著再次執(zhí)行菜單欄中的“濾鏡”“風(fēng)格化”“風(fēng)”濾鏡,設(shè)置方法為風(fēng),方向?yàn)閺淖螅鐖D07所示,按Ctrl F鍵2-3次重復(fù)使用剛才的風(fēng)濾鏡,并將該圖層的圖層混合模式設(shè)置為“正片疊底”,圖像效果如圖08所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xlghz5544te.jpg)
圖7
![](https://img.lvups.com/d/file/bigpic/2022/12/26/bqnrjs30dh4.jpg)
圖8
本新聞共10
6、雙擊該圖層為圖層添加圖層樣式,在圖層樣式對(duì)話框中選擇投影、斜面和浮雕、漸變疊加、圖案疊加,設(shè)置參數(shù)如圖09-12所示,圖像效果如圖13所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wybp3021wco.jpg)
圖9
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xrob0bb0udt.jpg)
圖10
![](https://img.lvups.com/d/file/bigpic/2022/12/26/go2ymbuetcb.jpg)
圖11
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dzzkr54nejg.jpg)
圖12
![](https://img.lvups.com/d/file/bigpic/2022/12/26/20cvk42k4vc.jpg)
圖13
本新聞共10
7、新建一層命名為“屏幕”,選擇工具箱中的“圓角矩形工具”在上端中央繪制一個(gè)矩形,雙擊該圖層設(shè)置圖層樣式,選擇內(nèi)陰影、漸變疊加,設(shè)置參數(shù)如圖14-15所示,漸變顏色設(shè)置RGB分別為252、254、232和191、195、170,圖像效果如圖16所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tgig1pgqzut.jpg)
圖14
![](https://img.lvups.com/d/file/bigpic/2022/12/26/aa0aodutvgl.jpg)
圖15
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lyhajqrfjpy.jpg)
圖16
本新聞共10
8、接著做計(jì)算器按鈕,在計(jì)算器的圖層組下在新建一個(gè)圖層組,命名為“按鈕”。選擇工具箱中的“圓角矩形工具”,畫一個(gè)圓角矩形,雙擊該圖層設(shè)置圖層樣式,選擇投影、內(nèi)陰影、內(nèi)發(fā)光、斜面和浮雕、漸變疊加、描邊,設(shè)置參數(shù)如圖17-21所示,圖像效果如圖22所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/u0aiiqhbc2i.jpg)
圖17
![](https://img.lvups.com/d/file/bigpic/2022/12/26/3u0e22liliv.jpg)
圖18
![](https://img.lvups.com/d/file/bigpic/2022/12/26/largonr2dfq.jpg)
圖19
![](https://img.lvups.com/d/file/bigpic/2022/12/26/3eqdktmyqpu.jpg)
圖20
![](https://img.lvups.com/d/file/bigpic/2022/12/26/a4yfqx0q2lv.jpg)
圖21
![](https://img.lvups.com/d/file/bigpic/2022/12/26/glgnrutn044.jpg)
圖22
本新聞共10
9、將該按鈕復(fù)制3份,等距離排列,如圖23所示。繼續(xù)復(fù)制,排列效果如圖24所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ewkhkndli2k.jpg)
圖23
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ypxmdrwwslc.jpg)
圖24
本新聞共10
10、用同樣的方法繪制其他按鈕,效果如圖25所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xmcujeha5zw.jpg)
圖25
11、選擇工具箱中的“文字工具”,設(shè)置Arial字體,大小自定,在按鈕上打出數(shù)字,效果如圖26所示。然后雙擊添加圖層樣式,選擇斜面和浮雕樣式,設(shè)置參數(shù)如圖27所示,圖像效果如圖28所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/biid2ecxjng.jpg)
圖26
![](https://img.lvups.com/d/file/bigpic/2022/12/26/uhbmid2uvfl.jpg)
圖27
![](https://img.lvups.com/d/file/bigpic/2022/12/26/11wrbtnc35n.jpg)
圖28
本新聞共10
12、選擇工具箱中的“橢圓選框工具”,按住Shift鍵畫出一個(gè)小圓,然后添加圖層樣式,作為裝飾。輸入文字,效果如圖29所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1ustd1yjskw.jpg)
圖29
13、選擇文字工具,在屏幕上輸入0,設(shè)置該層的圖層混合模式為“疊加”,更換背景,最終效果如圖30所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/hxo5fxh4ten.jpg)
圖30簡(jiǎn)單的,我們教你,深?yuàn)W的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
下一篇:喵喵卡通人物制作過程