ps制作一個(gè)簡(jiǎn)單又時(shí)尚的UI按扭(4)
來(lái)源:木設(shè)計(jì)
作者:
學(xué)習(xí):1101人次
5.選擇“文字工具”并找一個(gè)你自己喜歡的字體,字體大。24pt,顏色:#ffffff.輸入文字“Buy Now”。
雙擊文字圖層,添加一個(gè)“投影”樣式(投影顏色:#2877ac)。
6.在工具箱選擇“自定形狀工具”,并在選項(xiàng)欄找到如下的圖形。
繪制出大。13*13;并填充白色,添加一個(gè)和文字一樣的樣式。
7。創(chuàng)建hover狀態(tài)
在圖層面板上新建一個(gè)組:Normal,把除背景外圖層全部拉到這個(gè)組里面。
使用“移動(dòng)工具”把組“Normal”拖到“新建圖層按扭”上,復(fù)制出一個(gè)組并命名:Hover
雙擊組“Hover”中的“黑色圖形”圖層,更改其"漸變疊加"樣式:
接下來(lái),我們開(kāi)始切片。
使用“切片工具”把按扭的范圍選中。在菜單欄找到:文件>另存為Web所用格式,另存為gif格式。
學(xué)習(xí) · 提示
相關(guān)教程
- 插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開(kāi)關(guān)按鈕,用PS制作漸變風(fēng)格的音樂(lè)播放圖標(biāo)
- 相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用Photoshop制作一個(gè)麥克風(fēng)圖標(biāo)
- 播放按鈕,設(shè)計(jì)視頻音樂(lè)播放按鈕教程
- 按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕
- 圖標(biāo)設(shè)計(jì),AI+C4D+PS設(shè)計(jì)綠色品牌時(shí)尚圖標(biāo)教程
- 圖標(biāo)教程,設(shè)計(jì)一粒晶石圖標(biāo)
- ps cc設(shè)計(jì)齒輪設(shè)置圖片
推薦教程
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 用ps制作高光橘色RSS按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- photoshop制作網(wǎng)頁(yè)用水晶按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 塑料按鈕的制作方法
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!