PS結(jié)合AI制作超級跑鞋APP界面
我要評論這篇教程是向腳本之家的朋友分享PS結(jié)合AI制作超級跑鞋APP界面教程，教程真的很不錯，值得大家學(xué)習(xí)，喜歡的朋友可以參考本文，來看看吧！
最終效果圖：
先上最終效果圖，我們這邊的超跑不是超級跑車，是超級跑鞋的意思~··
設(shè)計(jì)師除了要設(shè)計(jì)，還要多運(yùn)動啊！
1、首先你需要上網(wǎng)找一張NIKE鞋圖片，素材的顏色將被用作界面的主配色。
2、接下來，你需要用磁力套索工具，或者選區(qū)工具，把圖片周圍的白色扣干凈。
PS：如果你是個懶人的話，可以在花瓣直接搜NIKE PNG，
可以得到已扣完的耐克鞋(｡・`ω´･)，這么懶真的好嗎？
3、你需要建一個750*1334像素，分辨率為72的畫布，背景色值為：#1e1e1e
4、你需要找到正方形形狀工具，畫出狀態(tài)欄40像素和標(biāo)題欄88像素的長方形,色值為#1a1a1a,然后畫出粉紅色的長方形裝飾
5、畫一個內(nèi)容區(qū)域的正方形，尺寸如圖，色值還是為#1a1a1a，再給它添加黑色外發(fā)光，透明度30%，正片疊底
6、很多人說狀態(tài)欄那類找，一般我們都是用模板里面的素材，你沒有的話，請下載本教程里的源文件里面直接拿，(｡☉౪ ⊙｡)吶尼，你說你要自己畫？有懶不偷……那只好隨便你了~··
圖標(biāo)呢！可以去阿里矢量圖標(biāo)庫下載，記得下載矢量格式就是那個SVG或者AI格式，當(dāng)然你要自己畫也可以，至于如何畫圖標(biāo)可以參閱雪姐姐的其它教程~··本處不展開~··
6、接下來再百度圖片里搜一張NIKE的logo圖片，高清一些的，拖進(jìn)AI里，小黑箭頭點(diǎn)中后，會出現(xiàn)圖像描摹工具欄，下來箭頭后選黑白徽標(biāo)
7、描摹好后，點(diǎn)頂部菜單對象-擴(kuò)展，對象-取消編組，要重復(fù)取消編組到無編組可取消后，用小黑箭頭點(diǎn)一下畫板空白處，再點(diǎn)擊白色部分，delete掉所有的白色背景
接下去就可以拷貝到PS里去用了，粘貼的時候要選4個菜單中的最后『形狀圖層』
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨(dú)立的，下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非常基礎(chǔ)的操作，但也是非常實(shí)用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進(jìn)行調(diào)節(jié)，具體該如何操作呢？詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見了，該怎么辦呢？下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來看看ps2024安裝圖文教程2023-11-30
