APP制作教程Word版

1、傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！筆記信息用Photoshop繪制音樂播放器界面第一步：制作界面上用到的icon（1）點(diǎn)擊菜單“文件 新建”或者快捷鍵“CTRL+N”，在“新建”對話窗口中，大小設(shè)為200200，分辨率設(shè)為72，如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（2）鼠標(biāo)左鍵點(diǎn)擊“菜單首選項(xiàng)參考線、網(wǎng)格與切片”，設(shè)置網(wǎng)格線間隔為25像素，使網(wǎng)格為4，如圖所示。鼠標(biāo)左鍵點(diǎn)擊“視圖顯示網(wǎng)格，使網(wǎng)格處于勾選狀態(tài)。（3）鼠標(biāo)左鍵在工具箱上點(diǎn)擊“橢圓工具”，在畫布上畫一個圓，結(jié)果如圖所示。（4）再用矩形工具畫出鐘面上一長一短兩個指針，然后將圓所在圖層和矩

2、形所在圖層分別合并（CTRL+E），并減去頂層形狀，具體方法參考“Photoshop矢量圖形工具”這一章，然后用顏色“#b3b3b3”填充該圖層，最后結(jié)果如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（5）繼續(xù)通過矢量形狀相減的方法制作電池圖標(biāo)，如圖所示。（6）通過矩形工具和圖層合并，制作信號強(qiáng)度圖標(biāo)，如圖所示。（7）用矢量圖形工具，制作如圖所示的圖標(biāo)，制作的過程中會用到“圖層合并”、“減去頂層形狀”、“合并形狀組件”、“變換路徑水平翻轉(zhuǎn)”，“變換路徑垂直翻轉(zhuǎn)”等方法。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！

3、第二步：制作界面（1）點(diǎn)擊菜單“文件 新建”或者快捷鍵“CTRL+N”，在“新建”對話窗口中，選擇“移動設(shè)備”，大小設(shè)置為320480，分辨率自動設(shè)置為72，設(shè)置如圖所示。（2）為新建的畫布設(shè)置“中間略亮、周邊略暗”的背景，前面已經(jīng)用過多種方法來實(shí)現(xiàn)這一目的，現(xiàn)在采用一個新的方法。新建一個圖層，然后用工具箱中的矩形工具，畫一個550650像素的矩形。然后在工具選項(xiàng)欄上選擇漸變填充，漸變類型為“徑向”，色標(biāo)的設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?）鼠標(biāo)左鍵點(diǎn)擊工具箱上的“路徑選擇工具”，在工具選項(xiàng)欄上，先勾選“對齊到畫布”，然后選擇“水平居中”和“垂直居中”，這

4、樣繪制的矩形就和畫布對齊了，如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（4）先將前景色設(shè)置為“#1b1b1b”，鼠標(biāo)左鍵點(diǎn)擊工具箱上的“矩形工具”，在畫布的頂端，繪制一個32022像素的矩形，作為狀態(tài)欄，如圖所示。（5）現(xiàn)在要將前面第一步制作的各種圖標(biāo)拷貝到當(dāng)前文件當(dāng)中，兩個PSD文件之間拷貝圖層的步驟：在圖層面板中，鼠標(biāo)右鍵單擊圖標(biāo)所在的圖層，在彈出的菜單欄中選擇“復(fù)制圖層”，這時會打開復(fù)制圖層對話窗口，在窗口中選擇目標(biāo)文檔為當(dāng)前文檔，然后鼠標(biāo)左鍵點(diǎn)擊“確定”，當(dāng)前PSD文檔中的圖層就會復(fù)制到目標(biāo)文檔中，如圖所示。（6）通過自由變換，將這些圖標(biāo)調(diào)整到合適大小，并且放到適

5、當(dāng)?shù)奈恢蒙?，結(jié)果如圖所示。然后將這些圖層放到一個圖層組中。（7）用工具箱中的圓角矩形工具畫一個32043像素的圓角矩形作為“狀態(tài)欄”，在屬性面板中將圓角設(shè)置為3像素。在工具選項(xiàng)欄上，對圓角矩形做漸變填充，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?）鼠標(biāo)左鍵在圖層面板中，雙擊剛才創(chuàng)建的狀態(tài)欄圖層，打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。（9）在圖層樣式對話窗口，勾選“投影”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?0）鼠標(biāo)左鍵點(diǎn)擊工具箱當(dāng)中的圓角矩形工具，在如圖所示的位置畫一個大小為2727像素，圓角為3像素的圓角矩形，如

6、圖所示。（11）鼠標(biāo)左鍵在圖層面板中雙擊剛才創(chuàng)建的圓角矩形圖層，打開圖層樣式對話窗口。將圖層的填充不透明度設(shè)置為零，這樣只有圖層樣式起作用，圖層的內(nèi)容不會被顯示出來，如圖所示。（11）在圖層樣式對話窗口，勾選“描邊”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?2）用和前面類似的方法將齒輪圖標(biāo)圖層加入到本文件當(dāng)中，通過自由變換修改為合適的大小，然后放在適當(dāng)?shù)奈恢蒙?，然后為該圖層添加一個“投影”圖層樣式，設(shè)置如圖所示。（13）用和前面類似的方法在導(dǎo)航欄的左側(cè)畫一個“回退”按鈕，可以采用把右邊的“圓角矩形”復(fù)制到左邊的方法。箭頭的畫法是：用鋼筆工具在圓角矩形的左側(cè)邊添加

7、一個錨點(diǎn)，然后用直接選擇工具，選中這一點(diǎn)向左拖動。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?4）然后在導(dǎo)航欄上加入歌曲名，結(jié)果如圖所示。然后將導(dǎo)航欄的個圖層歸到一個組中。（15）鼠標(biāo)左鍵點(diǎn)擊工具箱中的矩形工具在導(dǎo)航欄下畫一個大小為32036的矩形，作為顯示音樂播放位置的“位置欄”，該矩形和上面的導(dǎo)航欄保持1像素的間距。在工具選項(xiàng)欄上，對矩形做漸變填充，設(shè)置如圖所示。（16）在圖層面板中，鼠標(biāo)左鍵雙擊剛才創(chuàng)建的狀態(tài)欄圖層，打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（17）在圖層樣式對話窗口中勾選“投影”，設(shè)置如圖所示

8、。（18）鼠標(biāo)左鍵點(diǎn)擊工具箱上的圓角矩形工具，在“位置欄”上畫一個大小為26010，圓角為5像素的圓角矩形，然后在工具選項(xiàng)欄上設(shè)置漸變填充，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?9）打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。（20）圖層樣式對話窗口中勾選“投影”，設(shè)置如圖所示。（21）在如圖所示的位置再畫一個圓角矩形。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?2）在工具選項(xiàng)欄上，對矩形做漸變填充，設(shè)置如圖所示。（23）打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（24）打開

9、圖層樣式對話窗口，勾選“漸變疊加”，設(shè)置如圖所示。（25）鼠標(biāo)左鍵點(diǎn)擊工具箱上的橢圓工具，在如圖所示的位置畫一個圓，漸變填充如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?6）打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。（27）在圖層樣式對話窗口，勾選“投影”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?8）鼠標(biāo)左鍵點(diǎn)擊工具箱上的橢圓工具，在如圖所示的位置畫一個圓。（29）在工具選項(xiàng)欄上，對圓做漸變填充，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（30）然后再位置欄兩側(cè)加入時間，如圖所示。（31）鼠標(biāo)左鍵點(diǎn)擊工具

10、箱上的橢圓工具，畫一個大小為5050像素的圓，并在工具選項(xiàng)欄設(shè)置填充如圖所示，傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?2）打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。（33）在圖層樣式對話窗口，勾選“投影”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?4）復(fù)制播放按鈕圖層，大小改為3434，并移動到播放按鈕的兩側(cè)，如圖所示。（35）播放按鈕圖層下面新建一個圖層，畫一個圓，大小為6464，設(shè)置漸變填充如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?6）以同樣的方法在快進(jìn)和快退圖層下添加大小為4646的兩個圓，結(jié)果如圖所示。

11、（37）通過和前面一樣的在不同PSD文件之間復(fù)制圖層的方法，給上面的三個按鈕加上圖標(biāo)，結(jié)果如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?8）在加入靜音和重復(fù)播放圖標(biāo)，如圖所示。（39）對靜音和重復(fù)播放圖標(biāo)所在的圖層，打開圖層樣式對話窗口，勾選“內(nèi)陰影”，設(shè)置如圖所示。（40）在圖層樣式對話窗口，勾選“投影”，設(shè)置如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?1）鼠標(biāo)左鍵點(diǎn)擊菜單“文件 置入”將素材圖片加入到指定的位置，如圖所示。（42）將兩側(cè)圖片所在的圖層的填充降低為50%，結(jié)果如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除?。?3）用矩形工具在界面的底部畫一個32048大小的矩形，并且設(shè)置漸變填充如圖，結(jié)果如圖所示。（44）分別在60，120，160，200，260像素的位置添加參考線，如圖所示。傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！（45）用工具箱中的添加錨點(diǎn)工具在，120，200像素的位置，和鄰近的位置添加錨點(diǎn)，如圖所示。（46）用