ps制作一個(gè)簡單又時(shí)尚的UI按扭

2022-12-26 14:53:14 來源/作者: / 己有:15人學(xué)習(xí)過
 

5.選擇“文字工具”并找一個(gè)你自己喜歡的字體,字體大小:24pt,顏色:#ffffff.輸入文字“Buy Now”。

雙擊文字圖層,添加一個(gè)“投影”樣式(投影顏色:#2877ac)。

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

6.在工具箱選擇“自定形狀工具”,并在選項(xiàng)欄找到如下的圖形。

繪制出大?。?3*13;并填充白色,添加一個(gè)和文字一樣的樣式。

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

7。創(chuàng)建hover狀態(tài)

在圖層面板上新建一個(gè)組:Normal,把除背景外圖層全部拉到這個(gè)組里面。

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

使用“移動(dòng)工具”把組“Normal”拖到“新建圖層按扭”上,復(fù)制出一個(gè)組并命名:Hover

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

雙擊組“Hover”中的“黑色圖形”圖層,更改其"漸變疊加"樣式:

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

接下來,我們開始切片。

使用“切片工具”把按扭的范圍選中。在菜單欄找到:文件>另存為Web所用格式,另存為gif格式。

Photoshop制作一個(gè)簡單又時(shí)尚的UI按扭,PS教程

標(biāo)簽(TAG) 按鈕圖標(biāo)