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

PS鼠繪計(jì)算器(4)

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

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

PS繪制時(shí)尚簡(jiǎn)潔計(jì)算器  教程

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

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

  圖01

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

  圖02

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

  圖03

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

  圖04

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

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

  圖05

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

  圖06

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

  圖07

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

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

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

  圖08

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

  移除參考線。

  圖09

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

  圖10

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

  圖11

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

  圖12

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

  圖13

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

  圖14

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

  圖15

  最終效果

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

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

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

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