Photoshop鼠標計算器教程
2024-01-21 17:40:44
來源/作者: /
己有:1人學習過
Photoshop鼠標計算器教程 作者:王偉光 教程來源:iT168
計算器是一種廣泛應用在日常生活當中的小型電子設備,它使用簡單、攜帶方便,用來滿足人們隨時計算的需求。下面用Photoshop來繪制一款常見的計算器。
1、新建一個文件。在圖層面板中新建一個圖層組“計算器”,在里面新建圖層“底層”。
2、選擇工具箱中的“圓角矩形工具”,畫一個圓角矩形,效果如圖01所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t13xjmkfxxd.jpg)
圖1
設置前景色為灰色,填充選區效果02所示
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dn2tflnvdab.jpg)
圖2
本新聞共10
3、將該層復制一層,保持選區,執行菜單欄中的“濾鏡”“雜色”“添加雜色”濾鏡,在彈出的添加雜色對話框中設置數量為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、接著執行菜單欄中的“濾鏡”“風格化”“風”濾鏡,設置方法為風,方向為從右,如圖05所示,按Ctrl F鍵2-3次重復使用剛才的風濾鏡,圖像效果如圖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、接著再次執行菜單欄中的“濾鏡”“風格化”“風”濾鏡,設置方法為風,方向為從左,如圖07所示,按Ctrl F鍵2-3次重復使用剛才的風濾鏡,并將該圖層的圖層混合模式設置為“正片疊底”,圖像效果如圖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、雙擊該圖層為圖層添加圖層樣式,在圖層樣式對話框中選擇投影、斜面和浮雕、漸變疊加、圖案疊加,設置參數如圖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、新建一層命名為“屏幕”,選擇工具箱中的“圓角矩形工具”在上端中央繪制一個矩形,雙擊該圖層設置圖層樣式,選擇內陰影、漸變疊加,設置參數如圖14-15所示,漸變顏色設置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、接著做計算器按鈕,在計算器的圖層組下在新建一個圖層組,命名為“按鈕”。選擇工具箱中的“圓角矩形工具”,畫一個圓角矩形,雙擊該圖層設置圖層樣式,選擇投影、內陰影、內發光、斜面和浮雕、漸變疊加、描邊,設置參數如圖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、將該按鈕復制3份,等距離排列,如圖23所示。繼續復制,排列效果如圖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、選擇工具箱中的“文字工具”,設置Arial字體,大小自定,在按鈕上打出數字,效果如圖26所示。然后雙擊添加圖層樣式,選擇斜面和浮雕樣式,設置參數如圖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鍵畫出一個小圓,然后添加圖層樣式,作為裝飾。輸入文字,效果如圖29所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1ustd1yjskw.jpg)
圖29
13、選擇文字工具,在屏幕上輸入0,設置該層的圖層混合模式為“疊加”,更換背景,最終效果如圖30所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/hxo5fxh4ten.jpg)
圖30簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
計算器是一種廣泛應用在日常生活當中的小型電子設備,它使用簡單、攜帶方便,用來滿足人們隨時計算的需求。下面用Photoshop來繪制一款常見的計算器。
1、新建一個文件。在圖層面板中新建一個圖層組“計算器”,在里面新建圖層“底層”。
2、選擇工具箱中的“圓角矩形工具”,畫一個圓角矩形,效果如圖01所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t13xjmkfxxd.jpg)
圖1
設置前景色為灰色,填充選區效果02所示
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dn2tflnvdab.jpg)
圖2
本新聞共10
3、將該層復制一層,保持選區,執行菜單欄中的“濾鏡”“雜色”“添加雜色”濾鏡,在彈出的添加雜色對話框中設置數量為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、接著執行菜單欄中的“濾鏡”“風格化”“風”濾鏡,設置方法為風,方向為從右,如圖05所示,按Ctrl F鍵2-3次重復使用剛才的風濾鏡,圖像效果如圖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、接著再次執行菜單欄中的“濾鏡”“風格化”“風”濾鏡,設置方法為風,方向為從左,如圖07所示,按Ctrl F鍵2-3次重復使用剛才的風濾鏡,并將該圖層的圖層混合模式設置為“正片疊底”,圖像效果如圖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、雙擊該圖層為圖層添加圖層樣式,在圖層樣式對話框中選擇投影、斜面和浮雕、漸變疊加、圖案疊加,設置參數如圖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、新建一層命名為“屏幕”,選擇工具箱中的“圓角矩形工具”在上端中央繪制一個矩形,雙擊該圖層設置圖層樣式,選擇內陰影、漸變疊加,設置參數如圖14-15所示,漸變顏色設置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、接著做計算器按鈕,在計算器的圖層組下在新建一個圖層組,命名為“按鈕”。選擇工具箱中的“圓角矩形工具”,畫一個圓角矩形,雙擊該圖層設置圖層樣式,選擇投影、內陰影、內發光、斜面和浮雕、漸變疊加、描邊,設置參數如圖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、將該按鈕復制3份,等距離排列,如圖23所示。繼續復制,排列效果如圖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、選擇工具箱中的“文字工具”,設置Arial字體,大小自定,在按鈕上打出數字,效果如圖26所示。然后雙擊添加圖層樣式,選擇斜面和浮雕樣式,設置參數如圖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鍵畫出一個小圓,然后添加圖層樣式,作為裝飾。輸入文字,效果如圖29所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1ustd1yjskw.jpg)
圖29
13、選擇文字工具,在屏幕上輸入0,設置該層的圖層混合模式為“疊加”,更換背景,最終效果如圖30所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/hxo5fxh4ten.jpg)
圖30簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima