ps制作一個簡單又時尚的UI按扭

2022-12-26 14:53:14 來源/作者: / 己有:15人學習過
 

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

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

Photoshop制作一個簡單又時尚的UI按扭,PS教程

Photoshop制作一個簡單又時尚的UI按扭,PS教程

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

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

Photoshop制作一個簡單又時尚的UI按扭,PS教程

Photoshop制作一個簡單又時尚的UI按扭,PS教程

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

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

Photoshop制作一個簡單又時尚的UI按扭,PS教程

使用“移動工具”把組“Normal”拖到“新建圖層按扭”上,復制出一個組并命名:Hover

Photoshop制作一個簡單又時尚的UI按扭,PS教程

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

Photoshop制作一個簡單又時尚的UI按扭,PS教程

接下來,我們開始切片。

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

Photoshop制作一個簡單又時尚的UI按扭,PS教程

標簽(TAG) 按鈕圖標