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

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

軟件下載吧

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

熱門閱覽

最新排行

公眾號

主站蜘蛛池模板: 日本成aⅴ人片日本伦 | 欧美精品一级 | 亚洲国产成人久久一区www | 一本三道a无线码一区v | 日本www在线视频 | 精品在线观看视频 | 欧美日韩亚洲综合另类ac | 日韩国产精品欧美一区二区 | 成人久久18免费网站游戏 | 国产高清在线看免费视频观 | 国产综合第一页 | 亚洲国内精品自在线影视 | 国产欧美视频在线观看 | 手机在线视频一区 | 国产成人国产在线观看入口 | 久久久免费观看 | 成人精品一区二区激情 | 亚洲网站在线观看 | 天堂8中文在线 | 国产高清在线观看 | 中文字幕在线看视频一区二区三区 | a高清免费毛片久久 | 国产成人ay手机在线观看 | 99视频精品全国在线观看 | 欧美三级在线观看视频 | 日日摸日日碰夜夜爽久久 | 欧美一级二级三级 | 亚洲免费视频网 | 萌白酱福利视频在线网站 | 久揄揄鲁一二三四区高清在线 | 失禁h啪肉尿出来高h | 久久久久久亚洲精品中文字幕 | 日本免费不卡在线一区二区三区 | 丝袜美腿精品一区二区三 | 极品美女户外勾搭无套 | 久久亚洲精品中文字幕 | 欧洲成人在线 | 日本黄色大片在线播放视频免费观看 | 欧美精品18videos性欧美 | 无码孕妇孕交在线观看 | 免费在线观看一级毛片 |