photoshop圖標(biāo)制作教程.docx

photoshop圖標(biāo)制作教程.docx

ID:57891828

大?。?.50 MB

頁數(shù):34頁

時(shí)間:2020-09-02

photoshop圖標(biāo)制作教程.docx_第1頁
photoshop圖標(biāo)制作教程.docx_第2頁
photoshop圖標(biāo)制作教程.docx_第3頁
photoshop圖標(biāo)制作教程.docx_第4頁
photoshop圖標(biāo)制作教程.docx_第5頁
資源描述:

《photoshop圖標(biāo)制作教程.docx》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、photoshop圖標(biāo)制作教程在本教程中,我們將展示一種蘋果水晶風(fēng)格的雷達(dá)圖標(biāo)制作方法。最終效果如下:(原教程中有一些步驟含糊不清,并且和最后的源文件不一致,翻譯時(shí)我做了適當(dāng)?shù)恼{(diào)整)?第1步:在Photoshop中新建一個(gè)大小為?1024×1024?的空白文檔。添加一個(gè)紋理背景(原作者使用了一個(gè)之前教程中制作的類布紋紋理),只要貼合整體風(fēng)格即可。第2步:使用?橢圓形選擇工具?在畫布正中央拖出一個(gè)大小為?500×500?左右的圓。然后填充為?黑色。命名為circle。第3步:為了創(chuàng)建圖標(biāo)的邊框,我們復(fù)制剛剛填充的圓,然后縮小到合適的尺寸形成一個(gè)內(nèi)圓,命名為innercircle。然后,在圖層面板

2、上,右鍵點(diǎn)擊innercircle的縮略圖,在彈出菜單上選擇?選擇像素?從而建立一個(gè)馬上要用到的選區(qū)。第4步:隱藏這個(gè)圖層后,點(diǎn)擊circle圖層激活,接著執(zhí)行?圖層>圖層蒙版>隱藏選區(qū)?。這樣就以蒙版的形式得到了一個(gè)圓環(huán),也就是我們要做的圖標(biāo)的邊框。第5步:通過調(diào)整circle圖層的圖層樣式得到金屬質(zhì)感的邊框。樣式中要運(yùn)用到?投影、內(nèi)陰影、斜面和浮雕、顏色疊加。具體設(shè)置如下圖:a:設(shè)置一個(gè)柔和的投影b:設(shè)置內(nèi)陰影,注意?等高線?的調(diào)整。c:調(diào)整斜面和浮雕,通過它達(dá)到立體的金屬效果,其中陰影設(shè)置下的角度、高度和光澤等高線是關(guān)鍵。?d:最后添加顏色疊加,以達(dá)到整體的色澤度。顏色是#525252。

3、第6步:最后得到了如下效果。?第7步:這時(shí)候取消對(duì)innercircle圖層的隱藏。接著復(fù)制它,得到的新圖層命名為smallcircle。在新圖層上執(zhí)行?圖層>圖層樣式>漸變疊加?。鼠標(biāo)拖動(dòng)漸變,讓高光的區(qū)域稍微靠近下方,具體設(shè)置和顏色值如下圖:第8步:在smallcircle上新建一個(gè)空白層,然后按住ctrl鍵點(diǎn)擊圖層面板上smallcircle的縮略圖得到選區(qū),接下來需要使用筆刷工具在選區(qū)內(nèi)刷出按鈕的高光效果。筆刷硬度調(diào)整為0%,顏色為#7a5511,流量可以盡量小一點(diǎn),這樣可以多刷幾遍,以獲得最優(yōu)的效果。層命名為toplight。第9步:接下來添加邊框上的顏色,做出一種反射的效果。添加一

4、個(gè)新圖層,命名為borderlight。按住ctrl鍵點(diǎn)擊circle圖層縮略圖,得到選區(qū),以此為borderlight層的圖層蒙版。接著按住ctrl鍵點(diǎn)擊innercircle圖層縮略圖,得到選區(qū),在borderlight圖層蒙版上填充黑色,最后得到一個(gè)環(huán)形的蒙版。這樣,我們使用筆刷在圖層上進(jìn)行制作放光效果,就不會(huì)超出邊框區(qū)域。筆刷設(shè)置基本和上一步一樣,可以根據(jù)自己想要的效果做修改。?第10步:接下來我們開始制作雷達(dá)盤面上的元素。首先在圖層面板上?創(chuàng)建新組,命名為elements,并且把組的混合模式改為?顏色減淡。為了保證所有繪制的元素都在盤面內(nèi),我們給這個(gè)圖層圖添加一個(gè)圖層蒙版,選區(qū)使用s

5、mallcircle的即可。然后開始添加雷達(dá)的坐標(biāo)軸。在elements組內(nèi),新建圖層,命名為xline。使用矩形選擇工具,畫出一條細(xì)線,用白色填充。接著執(zhí)行濾鏡>模糊>高斯模糊,模糊值使用0.5px。最后把xline圖層的不透明度改為70%。微微發(fā)光的效果得以呈現(xiàn)。最后復(fù)制xline圖層為yline,旋轉(zhuǎn)到垂直的位置,這樣完整的坐標(biāo)軸就完成了。??第11步:選擇橢圓工具(U),在盤面中央拖出一個(gè)圓形,填充調(diào)為0%。添加圖層樣式,具體設(shè)置如下:a:外發(fā)光b:內(nèi)發(fā)光c:描邊,大小可以根據(jù)喜好在1~3之間設(shè)置。第12步:因?yàn)槭鞘噶康男螤顖D層,所以做好第一個(gè)圓形后,直接再?gòu)?fù)制一個(gè)圓形,調(diào)大尺寸,最后

6、得到這樣的效果:第13步:坐標(biāo)經(jīng)緯度都制作完成后,我們添加雷達(dá)上的目標(biāo)點(diǎn)。這一步很簡(jiǎn)單。新建一個(gè)圖層,命名為spot,直接使用硬度為0%的白色筆刷,將大小調(diào)整好后,在你喜歡的位置上分別畫上目標(biāo)點(diǎn)(不透明度和流量均為100%的時(shí)候,你只需要鼠標(biāo)點(diǎn)一下就好了)。第14步:添加一些刻度尺,以增加圖標(biāo)的真實(shí)感(你也可以添加其他元素,如果你熟悉雷達(dá)的話,:-D)。制作方法和前面做坐標(biāo)軸相同。第15步:添加掃描線。用矩形工具(U)拉出一個(gè)細(xì)長(zhǎng)的長(zhǎng)方條,用直接選擇工具把長(zhǎng)方體調(diào)整為扇面形狀。然后旋轉(zhuǎn)45°,將其放置到原點(diǎn)的位置,記得不要添加什么圖層樣式,只是單純的白色底。????第16步:制作掃射的面積效果

7、。沒什么難度,主要就是控制鋼筆工具畫出來形狀的平滑度,要和圓弧貼合。命名為scanarea,需要注意的是,如果圖層仍在elements圖層組內(nèi),我們需要將它移出圖層組,放置到elements的上方,混合模式改為?濾色。?第17步:把填充調(diào)為0%,接著設(shè)置圖層樣式,其中只有漸變填充效果,注意這里設(shè)置的是不常用的?顏色減淡(添加)模式,樣式為角度為,勾選圖層對(duì)齊,如果漸變沒有和坐標(biāo)原點(diǎn)貼合,可以用鼠標(biāo)

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。