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

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

軟件下載吧

當(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)過審核才能顯示

熱門閱覽

最新排行

公眾號

主站蜘蛛池模板: 91欧美一区二区三区综合在线 | 亚洲欧美日韩国产 | 亚洲黄色在线视频 | 黄色三级网 | 日本精品在线观看 | 国产美女一级毛片 | 美女wc| 中文字幕一区二区三区精彩视频 | 中文一区在线 | 久久99精品视频 | 成人性动漫高清免费观看网址 | 日韩在线观看一区 | 看一级毛片一区二区三区免费 | 国产成人精品综合在线 | 日本在线 | 中文 | 九九国产在线观看 | 欧美ppp| 91热国内精品永久免费观看 | 在线播放免费一级毛片欧美 | 日本特黄特色大片免费视频网站 | 欧美日韩在线视频 | 成人久久久久久 | 亚洲欧美久久精品1区2区 | 日本特爽特黄特刺激大片 | 国产精品久久久久久久久久久久 | 在线成人aa在线看片 | 91久久精一区二区三区大全 | 成人女人a毛片在线看 | 99欧美精品| 乱淫毛片| 波多野结衣视频在线 | 中国胖女人一级毛片aaaaa | 天堂免费在线视频 | 毛片网站在线 | 亚洲一区二区三区在线播放 | 手机在线看福利 | 三级黄色在线观看 | 成人国产精品一区二区网站 | 欧美久久久久久久久 | 日韩专区亚洲综合久久 | 暖暖视频日韩欧美在线观看 |