PS簡(jiǎn)單制作漂亮3D效果的按鈕和圖標(biāo)
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 14:47:35
PS簡(jiǎn)單制作漂亮3D效果的按鈕和圖標(biāo)
PS簡(jiǎn)單制作漂亮3D效果的按鈕和圖標(biāo):在一個(gè)圖標(biāo)論壇看到的教程,很實(shí)用,就翻譯過(guò)來(lái)了,有些地方可能翻譯的不是很準(zhǔn)確,請(qǐng)多指教。我們?cè)谶M(jìn)行站點(diǎn)設(shè)計(jì)的過(guò)程中,經(jīng)常需要使用圖標(biāo)表示諸如添加、刪除和編輯之類的操作。在Web2.0時(shí)代,徽章和細(xì)致的3D效果越來(lái)越流行。本教程將告訴你如何簡(jiǎn)單的繪制
導(dǎo)讀PS簡(jiǎn)單制作漂亮3D效果的按鈕和圖標(biāo):在一個(gè)圖標(biāo)論壇看到的教程,很實(shí)用,就翻譯過(guò)來(lái)了,有些地方可能翻譯的不是很準(zhǔn)確,請(qǐng)多指教。我們?cè)谶M(jìn)行站點(diǎn)設(shè)計(jì)的過(guò)程中,經(jīng)常需要使用圖標(biāo)表示諸如添加、刪除和編輯之類的操作。在Web2.0時(shí)代,徽章和細(xì)致的3D效果越來(lái)越流行。本教程將告訴你如何簡(jiǎn)單的繪制
在一個(gè)圖標(biāo)論壇看到的教程,很實(shí)用,就翻譯過(guò)來(lái)了,有些地方可能翻譯的不是很準(zhǔn)確,請(qǐng)多指教。
我們?cè)谶M(jìn)行站點(diǎn)設(shè)計(jì)的過(guò)程中,經(jīng)常需要使用圖標(biāo)表示諸如添加、刪除和編輯之類的操作。在Web2.0時(shí)代,徽章和細(xì)致的3D效果越來(lái)越流行。本教程將告訴你如何簡(jiǎn)單的繪制出帶有漂亮3D效果的按鈕或圖標(biāo)。

步驟1:
創(chuàng)建一個(gè)新的文件,選擇“橢圓形工具”(U),畫(huà)一個(gè)圓形。將圓形填充上隨便什么顏色,后面它將被圖層樣式覆蓋。

步驟2:
雙擊圓形圖層打開(kāi)圖層樣式窗口,選擇“漸變疊加”,使用藍(lán)色和淺藍(lán)色做漸變色,在“樣式”下拉框中選擇“徑向”。最后參照下圖為漸變疊加設(shè)置“角度”并添加“斜面和浮雕效果”。
小竅門(mén):將漸變疊加移動(dòng)到圓形頂端:打開(kāi)圖層樣式窗口,選中“漸變疊加”選項(xiàng)。按住按鈕調(diào)整漸變。

步驟3:
參照下圖,復(fù)制圓形圖層,并調(diào)整到合適大小。

步驟4:
雙擊剛復(fù)制好的新圖層,打開(kāi)圖層樣式窗口,去掉所有前面設(shè)置的效果(漸變疊加、斜面和浮雕效果)。選擇“描邊”,在“填充類型”下來(lái)菜單中選擇“漸變”,將漸變顏色設(shè)置為白色,透明度從100%至0%。其他設(shè)置參照下圖。

步驟5:
選擇“橫排文字工具”(T)創(chuàng)建一個(gè)文字圖層,使文字圖層在最頂層。選中文字圖層,打開(kāi)圖層樣式窗口。選擇“顏色疊加”將文字顏色設(shè)置成白色,然后選擇“內(nèi)陰影”,參照下圖進(jìn)行設(shè)置。

步驟6:
合并以上三個(gè)圖層,將圖層命名為“Blue Circle”。
步驟7:
選擇“多邊形工具”(U),參照下圖修改設(shè)置,創(chuàng)建一個(gè)星形徽章。像步驟3一樣復(fù)制該圖層并且調(diào)整大小。
不需要從新設(shè)置圖層樣式,只需要從我們剛才制作的圖標(biāo)中復(fù)制圖層樣式,然后粘貼到現(xiàn)在的圖層中就可以了。做法:選擇我們剛才創(chuàng)建的圖層Blue Circle,右鍵選擇“拷貝圖層樣式”。然后選擇剛創(chuàng)建的星形徽章圖層,右鍵選擇“粘貼圖層樣式”。
我們需要修改的地方就是在“漸變疊加”中修改漸變顏色。

總結(jié):
這是一種非常簡(jiǎn)單的制作3D風(fēng)格按鈕的方法。你可以自己更改一些樣式,例如:顏色疊加、漸變疊加等。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
PS簡(jiǎn)單制作漂亮3D效果的按鈕和圖標(biāo)
PS簡(jiǎn)單制作漂亮3D效果的按鈕和圖標(biāo):在一個(gè)圖標(biāo)論壇看到的教程,很實(shí)用,就翻譯過(guò)來(lái)了,有些地方可能翻譯的不是很準(zhǔn)確,請(qǐng)多指教。我們?cè)谶M(jìn)行站點(diǎn)設(shè)計(jì)的過(guò)程中,經(jīng)常需要使用圖標(biāo)表示諸如添加、刪除和編輯之類的操作。在Web2.0時(shí)代,徽章和細(xì)致的3D效果越來(lái)越流行。本教程將告訴你如何簡(jiǎn)單的繪制