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

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

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI

時(shí)間:2024-02-22 15:05作者:下載吧人氣:21

今天我們來學(xué)習(xí)如何在PS中制作價(jià)格表UI。
如何在Photoshop中制作價(jià)格表UI
新建1000×500 px的文檔。

如何在Photoshop中制作價(jià)格表UI
將背景圖層解鎖,并為之添加漸變疊加的圖層樣式。漸變顏色從# 9b9b9b到# f4f4f4。
如何在Photoshop中制作價(jià)格表UI
選擇圓角矩形工具,在屬性欄上,選擇形狀圖層按鈕,并設(shè)圓角半徑為10 px。
如何在Photoshop中制作價(jià)格表UI
Ctrl+R調(diào)出標(biāo)尺,在標(biāo)尺上點(diǎn)擊鼠標(biāo)右鍵,會出現(xiàn)單位的快捷菜單。在這里我們選擇像素。
如何在Photoshop中制作價(jià)格表UI
拉參考線,使用圓角矩形工具繪制出一個(gè)200×300 px的圓角矩形。
如何在Photoshop中制作價(jià)格表UI
Ctrl+;隱藏參考線,Ctrl+R隱藏標(biāo)尺。
為圓角矩形添加圖層樣式。
內(nèi)發(fā)光顏色為白色。

如何在Photoshop中制作價(jià)格表UI


漸變是從# e4e4e4到# dcdcdc到# fafafa。
如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI
效果如下。
如何在Photoshop中制作價(jià)格表UI
用前面所教方法,再繪制一個(gè)圓角半徑為5px的圓角矩形,大小是130×40 px。
如何在Photoshop中制作價(jià)格表UI
將兩個(gè)圓角矩形水平居中對齊,并調(diào)整好相對的垂直位置。然后我們再隱藏標(biāo)尺和參考線。
如何在Photoshop中制作價(jià)格表UI
為其添加圖層樣式。
如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI
結(jié)果如下。
如何在Photoshop中制作價(jià)格表UI
在背景圖層(圖層0)上新建空白圖層,用多邊形套索工具繪制如下選區(qū),填充# 3a3a3a。
如何在Photoshop中制作價(jià)格表UI
再來看下效果。
如何在Photoshop中制作價(jià)格表UI
碼字。這里使用的字體是Myriad Pro,20點(diǎn),白色。
如何在Photoshop中制作價(jià)格表UI
為文字添加圖層樣式。
如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI
繼續(xù)碼字。這里使用的文字顏色為灰色。
如何在Photoshop中制作價(jià)格表UI
接下來我們使用單行選框工具繪制兩條1px的直線。一條填充灰色,一條填充白色。

如何在Photoshop中制作價(jià)格表UI
摁住Alt往下拖動幾次,復(fù)制出另外的幾條分割線,然后選中這幾個(gè)圖層Ctrl+E進(jìn)行合并。然后使用矩形選框工具框出一個(gè)矩形范圍,為其添加矢量蒙版。
如何在Photoshop中制作價(jià)格表UI
使用圓角矩形工具繪制一個(gè)圓角半徑為5px,100×38 px。添加圖層樣式。
如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI

如何在Photoshop中制作價(jià)格表UI
摁住Ctrl單擊矢量蒙版縮覽圖,選擇矩形選框工具,摁住Alt拖拉矩形減去下半部分。
如何在Photoshop中制作價(jià)格表UI
新建空白圖層,為該選區(qū)填充白色,并使不透明度為10%。
如何在Photoshop中制作價(jià)格表UI
再新建空白圖層,繪制一根淺灰色的1 px的線。
如何在Photoshop中制作價(jià)格表UI
縮小來看。
如何在Photoshop中制作價(jià)格表UI
碼上字。
如何在Photoshop中制作價(jià)格表UI
將這一個(gè)部分的內(nèi)容放在一個(gè)文件夾里。并摁住Alt拖拉出兩個(gè)文件夾。然后進(jìn)行文字和細(xì)節(jié)上的修改(放大中間部分,并且分割線的那兩根1 px會因?yàn)榉糯蠖兴淖儯室惨匦吕L制)。
如何在Photoshop中制作價(jià)格表UI
為了突出中間的部分,我這里也將它的部分組成改成藍(lán)色。
如何在Photoshop中制作價(jià)格表UI
繪制一個(gè)橢圓,【濾鏡】|【模糊】|【高斯模糊】,大概模糊3~5px,作為陰影,并降低它的不透明度。
如何在Photoshop中制作價(jià)格表UI
按照同樣的做法做出其它幾個(gè)陰影。這次的任務(wù)便完成。

標(biāo)簽價(jià)格表,UI,制作,中,何在,Photoshop,如

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

熱門閱覽

最新排行

公眾號

主站蜘蛛池模板: 国产视频久久 | 亚洲欧美成人综合在线 | 中文久草 | 亚洲欧美韩日 | 亚洲精品www | 国产不卡一区二区三区免费视 | 97久久草草超级碰碰碰 | 久青草免费在线视频 | 亚洲激情视频网 | 精品久久久久久中文字幕 | 免费一极毛片 | 久久精品一区 | 久久国产夜色精品噜噜亚洲a | 亚洲精品视频在线看 | 国产一级做a爱片久久毛片a | 人人爽人人香蕉 | 国产成人精品福利网站人 | 日韩一区二区精品久久高清 | 国产视频三级 | 欧美亚洲中日韩中文字幕在线 | 国产美女做爰免费视频网址 | 亚洲精品一区二区三区五区 | 成人怡红院视频在线观看 | 日韩欧美中文字幕在线播放 | 国产三级精品久久三级国专区 | 男女生性毛片免费观看 | 日韩欧美在线一区二区三区 | 国产不卡在线观看视频 | www亚洲精品 | 亚洲精品国产综合一线久久 | 欧美成人影院在线观看三级 | 成人毛片国产a | 亚洲影院手机版777点击进入影院 | 玖玖香蕉视频 | 男女乱淫免费视频 | 一级毛片免费观看不卡的 | 欧美在线高清视频播放免费 | 亚洲成人黄色片 | 国产精品18久久久久久vr | 在线中文字幕日韩 | 韩日黄色片|