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

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

軟件下載吧

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

熱門閱覽

最新排行

公眾號

主站蜘蛛池模板: 在线欧美精品一区二区三区 | 97久久精品午夜一区二区 | 99ri在线精品视频 | 国产片在线观看狂喷潮bt天堂 | 亚洲欧美性视频 | 一区二区三区在线免费视频 | 亚洲欧美日韩国产精品一区 | 亚洲国产精品免费 | 国产三级在线免费 | 97超频国产在线公开免费视频 | 国产精品自在线天天看片 | 欧美日韩亚洲在线观看 | 成人免费xxxxx在线视频 | 一区二区视频在线 | 女人扒开腿让男人捅啪啪 | 欧美一级带 | 久久久精品国产免费观看同学 | 一区二区视频在线 | 九九精品视频在线播放8 | 免费福利入口在线观看 | 国产精品国产欧美综合一区 | 亚洲色吧 | 日韩精品一区二区三区在线观看l | 毛片免费观看久久欧美 | 中国一级毛片 | 国产精品三级 | 亚洲精品在线免费看 | 亚洲影院手机版777点击进入影院 | 全免费a级毛片免费毛视频 全午夜免费一级毛片 | 亚洲欧美一区二区三区不卡 | www日本高清 | 亚洲国产夜色在线观看 | 中文字幕区 | 亚洲爽 | 九九精品国产兔费观看久久 | 男人和女人在床做黄的网站 | 亚洲国产精品久久久久秋霞不卡 | 一级黄色α片 | 成人精品视频网站 | 欧美综合一区 | 成人二区 |