PS結(jié)合AI制作超級(jí)跑鞋APP界面

8、接下來(lái)用圓角矩形工具畫(huà)一個(gè)按鈕唄,尺寸如圖,給加個(gè)漸變的圖層樣式
9、復(fù)制按鈕圖層,錯(cuò)開(kāi)一些位置,把窗口-屬性-蒙版面板打開(kāi),設(shè)置羽化值為8,透明度加一些,做個(gè)彌散投影,再給按鈕添加文字
10、我們把扣完的NIKE鞋放上圖調(diào)整下角度,然后用加深工具,在顏色部分,使用陰影模式擦2下,這樣鞋子顏色會(huì)更加妖艷一些,也是我們需要的效果
11、接下來(lái)我們打上價(jià)格,去阿里矢量圖標(biāo)庫(kù)找一些小星星或者小愛(ài)心,當(dāng)然你自己畫(huà)也很快,然后把5顆小星星CTRL+G成組后,在圖層文件夾上方新建一層,右鍵-剪切圖層,把最后1顆半星星涂白
12、最后我們來(lái)做COLOR和SIZE區(qū)域的分割線(xiàn),其實(shí)也很簡(jiǎn)單,建一個(gè)高2個(gè)像素,寬和中心方形區(qū)域一樣寬的像線(xiàn)一樣的黑色長(zhǎng)方形路徑,再給這個(gè)線(xiàn)加一個(gè)淺灰色投影
13、關(guān)于此運(yùn)動(dòng)鞋的介紹文字,你去官網(wǎng)或者各種專(zhuān)賣(mài)店產(chǎn)品介紹里拷貝來(lái)即可,記得把品名加粗,MORE加粗,其它的就細(xì)細(xì)的好了,我用的冬青體,你愛(ài)用蘋(píng)方還是微軟雅黑隨你~··那個(gè)SIZE的尺寸小方塊也只是正方形加了一個(gè)粉紅描邊~··
耶~··這些你都做完了,你就得到了一張看起來(lái)比較概念的流行時(shí)尚的購(gòu)物車(chē)APP界面就做完了,接下來(lái)把它塞進(jìn)Iphone7的MOCK UP手機(jī)殼里就大功告成了!
沒(méi)有好看的手機(jī)殼的話(huà),在本教程的源文件里我給你準(zhǔn)備了一個(gè)~··快去下載吧!(●'◡'●)ノ♥ 大家也可以試著做一些其它配色的NIKE鞋APP界面出來(lái),期待大家的作品~··
學(xué)UI就到UEgood,好、省、快!即教軟件技術(shù),又教設(shè)計(jì)思維!更多教程請(qǐng)點(diǎn)右邊頭像查看!UEgood必修班第六期4月16日開(kāi)課,要集中式學(xué)習(xí)的抓緊時(shí)間上車(chē)!
教程結(jié)束,以上就是PS結(jié)合AI制作超級(jí)跑鞋APP界面教程,希望這篇教程能對(duì)大家有一定的幫助,喜歡的朋友不妨來(lái)嘗試一下吧!
相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來(lái)介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來(lái)看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來(lái)說(shuō),ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來(lái)看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來(lái)使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶(hù)在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來(lái)非常的不方便,因此有不少用戶(hù)想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來(lái)看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過(guò)程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來(lái)看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見(jiàn)了,該怎么辦呢?下面我們就來(lái)看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來(lái)看看ps2024安裝圖文教程2023-11-30