日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps制作一個簡單又時尚的UI按扭

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

時間:2024-02-20 10:30作者:下載吧人氣:16

在這個教程里,將和童學們分享如何使用Photoshop制作一個簡單又時尚的UI按扭,這個按扭可以用在電子商務網站,或者是網店上

來看下效果。

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

1.新建一個文檔(ctrl+N)大小為:600*600(雖然我們按扭的大小:170*50,但是尺寸大方便我們的修改)

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

2.選擇“圓角矩形工具”并設圓角“5px”繪制一個大小為:170*50 的圓角矩形。(可以使用標尺定位)

3.新建一個圖層,按組合鍵“ctrl+enter”把路徑轉化為選區,并填充黑色。

雙擊這個圖層給圖層添加“漸變疊加”和“描邊”樣式。

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

漸變疊加樣式

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

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

描邊樣式(描邊顏色:#2877ac)

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

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

4.接下來要給按扭添加一個“斜線效果”

新建文檔(ctrl+N)大小為:4*4。

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




按ctrl+空格鍵,放大文檔到1600%。新建一個圖層并刪掉背景圖層。

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

在工具箱選擇“鉛筆工具”并設置筆尖大小為1px;前景色為白色。畫出如下圖效果:

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

在菜單欄找到,編緝>定義圖案;并給圖案命個名字:diagonal line pattern.

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

返回主文檔,按“ctrl”鍵不放;并單擊按扭圖層,使按扭圖案變成選區。

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

在按扭圖層上新建一個圖層,然后在菜單欄找到:編輯>填充,在彈出的對話框中,在下拉菜單中選擇“圖案”,在下面的自定義圖案選擇我們剛才自定義圖案“diagonal line pattern”。

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

在菜單欄找到:選擇>修改>收縮,把選區收縮2px,接下來把選區反選(ctrl+shift+I);按delete鍵刪除邊緣部分,這樣就可以把描邊顯示出來。

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

更改“混合模式”“柔光”并調不透明度:20%

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




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

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

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

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

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

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

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

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

7。創建hover狀態

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

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

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

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

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

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

接下來,我們開始切片。

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

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

標簽時尚,UI,按扭,又,簡單,制作,一個,Photoshop

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 扒开两腿猛进入爽爽视频 | 成人女人a毛片在线看 | 久久国产精品一国产精品 | 一级毛片免费观看不卡的 | 色婷婷激婷婷深爱五月老司机 | 国产男女猛烈无遮档免费视频网站 | 精品欧美日韩一区二区 | 99久久精品毛片免费播放 | 欧美一级视 | 免费一级欧美片在线观免看 | 国产精品永久在线 | 国产三级做爰在线观看视频 | 亚洲色色色图 | 亚洲免费专区 | 免费看成人www的网站软件 | 亚洲精品专区一区二区三区 | 亚洲热视频 | 国产精品日本 | 99久免费精品视频在线观看2 | 韩国三级日本三级香港三级黄 | 国产精品二区高清在线 | 免费一级毛片正在播放 | 亚洲a级| 国产男人天堂 | 暴操女人| 日韩欧美在线观看视频一区二区 | 1204国产成人精品视频 | 久草网站在线 | 国产精品1区 2区 3区 | 嫩草影院ncyy在线观看 | 91九色首页| 久久亚洲国产成人影院 | 成年人看的黄色片 | 偷拍视频一区在线观看 | 欧美一区二区在线视频 | 国产精品一区二区三区四区五区 | 国产精品欧美韩国日本久久 | 成人a免费α片在线视频网站 | 欧美一区=区三区 | 国产亚洲综合精品一区二区三区 | 五月久久亚洲七七综合中文网 |