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

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

軟件下載吧

當(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永久免费 | 萌白酱喷水福利视频在线 | 久久国产亚洲欧美日韩精品 | 国产深夜福利视频观看 | 特黄特级a级黄毛片免费观看多人 | 一级美女黄色片 | 国产三级在线观看视频 | 亚洲成人福利网站 | 国产精品视频一区二区猎奇 | 一本久道综合久久精品 | 亚洲一区二区三区四区在线观看 | 精品视频一区二区三区 | 欧美69视频在线 | 亚洲三级视频在线观看 | 亚洲国产精品日韩在线观看 | 中文字幕成人免费高清在线视频 | 欧美激情第一欧美在线 | 久久亚洲精品中文字幕第一区 | 在线精品免费视频 | 深夜成人性视频免费看 | 91资源在线播放 | 国内精品久久久久久影院8f | 中文一区在线 | 欧美成人午夜在线全部免费 | 欧美成人免费一区在线播放 | 欧美成人高清手机在线视频 | 在线视频观看免费视频18 | 成年人毛片网站 | 国产区久久 | a毛片免费观看完整 | 成人午夜兔费观看网站 | 亚洲国产欧洲精品路线久久 | 在线免费国产 | 成人精品免费视频 | 国产精品久久久久久久久免费 | 欧美一区二区视频 | 国产老鸭窝毛片一区二区 | 亚洲最大成人 | 亚洲精品视频免费观看 | 日本一级在线播放线观看视频 | 亚洲精品不卡视频 |