當(dāng)前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

PS鼠繪計算器(4)

來源:網(wǎng)絡(luò) 作者:admin 學(xué)習(xí):5572人次

  教程將介紹如何在Photoshop中創(chuàng)建一個看起來既酷又簡潔的計算器圖標(biāo)。教程制作出的效果很漂亮,喜歡的朋友快來跟著教程學(xué)習(xí)一下吧!

PS繪制時尚簡潔計算器  教程

  下面是具體的 photoshop教程制作步驟介紹:

  1.新建一個550*600像素的文檔。使用圓角矩形工具繪制計算器的外殼部分,雙擊圖層進入混合選項,將參數(shù)按照下圖進行設(shè)置:

  圖01

  2.按住Ctrl鍵,在圖層上點擊縮略圖[如下圖中用紅線圈出的部分],則計算器外殼形狀的邊緣被圈出,以白色的虛線顯示。

  圖02

  3.使用Select > Modify > Contract[選擇>修改>契約] 命令,將虛線位置的寬度定義為15pixel。

  圖03

  4.新建圖層,制作高光部分,雙擊圖層進入混合選項,參數(shù)的設(shè)置如下圖所示。

  圖04

  5.重復(fù)步驟2,選中輪廓。選擇橢圓選框工具,按住Alt鍵在高光部分的上方進行拖曳,將這一部分的高光刪除。

  新建圖層,將高光區(qū)域填充為白色,透明度設(shè)為6%。

  圖05

  6.使用矩形工具創(chuàng)建計算器的屏幕,填充為黑色。雙擊圖層,進入混合選項,參數(shù)設(shè)置如下圖所示。

  圖06

  7.按住Ctrl+R鍵,調(diào)出標(biāo)尺,在畫布上拖動出兩條橫線,放在屏幕一側(cè)。使用圓角矩形工具繪制出一個按鈕,雙擊圖層,將混合選項的參數(shù)設(shè)置為如下圖所示:

  圖07

  8.復(fù)制按鈕并拖曳至新層,或右鍵單擊復(fù)制圖層亦可。使用方向鍵移動每個按鈕的位置,按住Ctrl鍵可以微調(diào)位置,而按住Shift鍵則可以作較大幅度的移動。

  按住Ctrl鍵,選中所有按鈕圖層,將它們放到同一個文件夾里面。

  可以用Ctrl+T鍵,調(diào)整按鈕的大小,按住Shift鍵等比例縮放,將按鈕放置到合適的位置。持續(xù)復(fù)制,使按鈕布滿計算器。

  圖08

  9.然后,移除如下圖所示的按鈕。拖曳出如下圖所示的標(biāo)尺,繪制出兩個稍大的按鈕,其中一個選擇與其他按鈕相同的混合選項,另外一個選擇紅色(或者任何你喜歡的顏色)。

  移除參考線。

  圖09

  10.然后單擊自定義形狀工具,選擇箭頭。按住Shift鍵,繪制一個灰白色的箭頭,按住Ctrl+T鍵。然后,選用如下圖所示的字體,將其放置在每個按鈕的中心,這個工作比較枯燥。

  圖10

  11.使用Digital7字體在屏幕上添加一些數(shù)字。

  圖11

  12.為了使得制作起來更加簡便,將計算器和按鈕分別放置在兩個文件夾里。將文件夾拖曳到新建圖層圖標(biāo)上,或是右鍵單擊復(fù)制命令可以對這兩個文件夾進行復(fù)制。按Ctrl鍵選擇兩個復(fù)制的圖層,使用右鍵菜單轉(zhuǎn)換為智能對象。

  圖12

  13.使用Ctrl+T命令,將復(fù)制出的計算器進行翻轉(zhuǎn),并將其所在的圖層拖曳至計算機主體以下。

  圖13

  14.在復(fù)制的計算器圖層上單擊增加蒙版工具(如下圖所示),選擇中等偏大的柔邊橡皮,擦去圖片的邊緣。通過為圖層添加蒙版,可以在不改動初始圖片的情況下編輯圖層。

  圖14

  15.最后,添加一個漸變色的背景,創(chuàng)建新層——填充為白色。雙擊圖層打開混合選項并選擇漸變疊加模式。

  圖15

  最終效果

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
王弘邦2017-12-21 06:03
由于時間原因,有點不完善哈,不過謝謝老師提供的教程了我的作業(yè):
雪祭貍2017-05-29 02:15
我要好好的學(xué)習(xí)一下
四是而霏2017-05-28 11:54
這屌毛水平也出教程了
蛋無敵_2017-05-28 11:23
嚴(yán)重支持···
又沒占到座2017-05-28 10:59
我是來看隱藏的~·

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

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