Q：能在PPT里做出一個iOS7的界面來嗎？

A：能！而且僅僅只需要Microsoft PowerPoint一個軟件！這里需要2013版，想破解長期免費使用的，可以百度。

>

效果如下圖：（尺寸：3840*2400像素）

>

完全用PPT做出來，包括里面的icon，并非網(wǎng)上槍來的效果圖，也根本不需要使用PS

>

如矢量般清晰的細(xì)節(jié)：（尺寸：1600*1000像素）

>

>

>

有幾條操作會出現(xiàn)若干次：

1、格式下的形狀填充，漸變停止點的設(shè)置，輪廓線的設(shè)置等；

2、格式下的合并形狀，即多個形狀的組合、修剪、拆分等；

閑話少說，直接進(jìn)入正題：

1、新建Microsoft PowerPoint文檔，新建一張幻燈片，刪除標(biāo)題與副標(biāo)題的文本框（或直接設(shè)置版式為空白，為方便觀看，我這里設(shè)置了灰色母版。）

>

>

2、畫iPhone外觀。在網(wǎng)上找一張iPhone5的外觀圖，插入一個圓角矩形，去輪廓線，讓圓角矩形的大小和圓角貼合iPhone的大小，再插入四個矩形，調(diào)整合適的大小，分別放到Power鍵、靜音鍵、音量鍵的位置上，全選這五個矩形，執(zhí)行菜單下格式-合并形狀-聯(lián)合（記住這一操作，后面會的很多這個操作），iPhone的外觀初成。（為避免電腦卡頓，這里將其合并，因為合并形狀以后，就變成一個形狀；不合并的話，形狀太多可能會造成電腦卡頓。）

>

>

3、畫邊緣高光。復(fù)制iPhone外觀，插入一個直角矩形，大小以能截取復(fù)制出的iPhone外觀的一個角為宜，選擇復(fù)制出的iPhone外觀，與直角矩形，執(zhí)行菜單下格式-合并形狀-相交，去輪廓線，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，類型選擇射線，角度158度，在漸變光圈上添加三個停止點（加上原有的兩個，即有5個停止點，），顏色從左至右依次選擇黑-黑-50%灰-黑-黑，位置分別為0、40%、55%、55%、100%（要保證第四個點的位置與第三個點的位置相同，才能產(chǎn)生高光與陰影的強烈反差）。復(fù)制三個，旋轉(zhuǎn)，放到其他的三個角上。再插入一個比原iPhone外觀稍小一點的圓角矩形，調(diào)整合適大小，作為iPhone的最上層面板。

>

>

4、畫前置攝像頭。插入一個正圓，調(diào)整大小，與素材iPhone的前置攝像頭大小保持相同，放到合適的位置，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，在彈出的設(shè)置形狀格式里，選擇漸變填充，類型選擇射線，方向選擇中心輻射，在漸變光圈上添加三個停止點，顏色從左至右依次選擇淡藍(lán)-深藍(lán)-淡藍(lán)-黑-灰色，模擬鏡頭上的藍(lán)寶石所反的暗光。

>

>

5、畫聽筒。插入圓角矩形，調(diào)整大小，與素材iPhone的聽筒大小保持相同，放到合適的位置，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，在彈出的設(shè)置形狀格式里，選擇漸變填充，類型選擇線性，角度選擇150度，停止點的顏色分別為黑-灰-白-白-黑-灰-白-黑-黑，不需太精確，能模擬高光、中間調(diào)與陰影即可，因為上面還要放一層聽筒的絲網(wǎng)狀的膜。再插入一個圓角矩形，調(diào)整大小，與素材iPhone的聽筒內(nèi)網(wǎng)狀物的膜大小保持相同，放到合適的位置，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，在彈出的設(shè)置形狀格式里，選擇圖案填充，圖案選擇棚架（倒數(shù)第二行，倒數(shù)第二個），前景色選擇黑色100%，背景色選擇黑色淡色25%，再對其執(zhí)行格式-形狀效果-陰影-內(nèi)部-內(nèi)部居中。（參數(shù)僅供參考，下同）

>

>

6、畫Home鍵。插入一個正圓，調(diào)整大小，與素材iPhone的Home鍵大小保持相同，放到合適的位置，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，在彈出的設(shè)置形狀格式里，選擇漸變填充，類型選擇線性，角度選擇90度，四個停止點的顏色分別為黑-黑-80%灰-50%灰，停止點的位置分別為0、55%、75%、100%。在線條選項里，類型選擇線性，角度選擇90度，五個停止點的顏色分別為80灰-黑-黑-黑-80灰，位置分別為０、35%、50%、65%、100%，亮度75%，寬度0.5磅。再畫一個圓角矩形，去除填充，設(shè)置輪廓線為白色。（可以略微粗一點，后面做三維旋轉(zhuǎn)以后，所有的線條會變細(xì)。參數(shù)自己看著合適就行吧，字多好難打的說。）

>

>

7、畫屏幕與屏幕高光。復(fù)制iPhone最上層面板（稍小的那個圓角矩形），再插入一個三角形，調(diào)整到能截取一部來做高光的大小為宜，選擇復(fù)制出iPhone最上層面板與三角形，執(zhí)行菜單下格式-合并形狀-拆分，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，在彈出的設(shè)置形狀格式里，選擇漸變填充，類型選擇線性，角度選擇180度，光圈停止點為黑-50灰，位置為0、100%，透明度85%，亮度-100%（此處參數(shù)可能有誤，不行就設(shè)置為白-50%灰，位置為0、100%，透明度85%，亮度100%，建議選擇紅色參數(shù)，我把PPT做完，再到寫這篇教程，中間隔了好一陣，一些詳細(xì)的參數(shù)記不太清了。）。再畫一個直角矩形，填充為灰色25%里的深色90%。調(diào)整合適的圖層順序，得下圖：

>

>

到此，iPhone的外觀才算正式完成吧，接下來，開始點亮屏幕。實際上聽筒左邊應(yīng)該有個近場感應(yīng)的小燈，黑色的iPhone看不見，這里就不做他了吧。

8、畫iPhone動態(tài)壁紙。在網(wǎng)上找一張iPhone的動態(tài)壁紙。選中做iPhone屏幕的矩形，設(shè)置漸變填充，左中右的停止點的顏色可以用顏色吸管在壁紙素材的頂端、中間、底端上吸一下，停止點分別為0、50%、100%。插入正圓若干，大小隨機，顏色各異（大圓建議選冷色，小圓建議選暖色，使他們和諧不突兀）對各個正圓執(zhí)行格式-形狀效果-柔化邊緣，設(shè)置不同的磅數(shù)（大圓建議大磅數(shù)，小圓建議小磅數(shù)），在填充下設(shè)置其不同的透明度（大圓建議高透明度，小圓建議低透明度），以產(chǎn)生景深。再加一個直角矩形，放在最底端，顏色用吸管吸，純色填充，設(shè)置透明度為50%。

>

沒有icon的界面總感覺哪里不對。。。。

>

9、短信。畫一個圓角正方形，設(shè)置好圓角幅度，（建議復(fù)制若干，要多次用到，以便保持統(tǒng)一）設(shè)置漸變填充，如果對顏色把握不準(zhǔn)，可以用吸管吸；再畫一個橢圓，再插入一個新月形，選中橢圓與新月形，執(zhí)行格式-合并形狀-聯(lián)合，輸入文字短信，字體為華文黑體（iPhone自帶的字體疑似一種叫蘋果儷黑的字體，我沒找到，就用相近的華文黑體代替）。為便于icon的查看，這里將母版的顏色改為灰色25%里的深色50%。

>

>

10、日歷。設(shè)置填充為白色，星期的字體也暫用華文黑體，數(shù)字和英文的字體為Helvetica，網(wǎng)上可以找到全系列的字體，如果字體太粗，就加白色的輪廓，如果太細(xì)，就選擇粗體，粗體仍不行，就加黑色輪廓（iOS7里的英文字母與數(shù)字一般是細(xì)體或極細(xì)體，通常不會出現(xiàn)需要通過輪廓來加粗的情況）。

>

>

11、照片。照片的icon其實不好做，這八個橢圓的分布從左上角以順時針方向到左邊的疑似顏色是以紅-橙-黃-綠-青-藍(lán)-紫-品紅進(jìn)行分布的，呈中心對稱，建議先做水平的兩個，復(fù)制，旋轉(zhuǎn)成豎直的，然后再復(fù)制水平與豎直方向的4個，旋轉(zhuǎn)45度，再調(diào)整顏色，可以保證中心對稱，透明度設(shè)置為10%左右。

>

>

12、相機。這個又要用到形狀的合并與修剪。先畫兩個圓角矩形，再畫兩個三角形把肩部修補起來（均為聯(lián)合），然后再用兩個正圓減去多余的部分得到中間的形狀再用兩個矩形減去不要的部分，最后添加相機的鏡頭，按鈕等，別忘記給相機添外觀添加一個內(nèi)陰影，使效果更逼真。（26中的設(shè)置圖標(biāo)也會用到這種方法，請留意。）

>

13、視頻。畫6個鏡面對稱的平行四邊形，然后合并形狀-聯(lián)合，復(fù)制一個圓角矩形，選中圓角矩形與合并后的平行四邊形，合并形狀-修剪，刪去不要的部分。再復(fù)制一個圓角矩形，設(shè)置漸變，停止點（共4個）顏色分別為80%灰-黑-鮮綠 -淡藍(lán)。位置分別為0、31%、32%、100%。

>

>

14、地圖。地圖icon可以用五個矩形與圓角矩形相交而得，導(dǎo)航的方向圖標(biāo)可以用一個銳角三角形與一個鈍角三角形相減得來，盾牌圖標(biāo)是三個橢圓相減而得來的，最后設(shè)置白色輪廓，設(shè)置紅白藍(lán)三色的漸變填充即可。

>

>

15、天氣。這個圖標(biāo)好辦，設(shè)置圓角矩形的漸變。橙色的正圓為太陽，云朵的圖標(biāo)為三個正圓合并而成，最底端用一個直角矩形補齊，然后合并形狀-聯(lián)合，設(shè)置透明度15%。

>

>

16、Passbook。畫三個直角矩形，與圓角矩形相交，然后再用橢圓，減去綠色塊中的多余部分。黃色塊中的波浪形可以用多個小圓相聯(lián)合，如果覺得麻煩，也可直接添加一條黃色虛線，設(shè)置虛線的點為圓點即可。飛機、攝像機、茶杯圖標(biāo)用各種形狀相加減可得。

>

>

17、備忘錄。這個也不難，設(shè)置好圓角矩形的漸變即可，漸變填充的五個停止顏色點分別為淺黃-金色-白色-50%灰-白色，停止點位置分別為0、29%、30%、31%、100%，最后加上線條即可。

>

>

18、Game Center。Game Center應(yīng)該是這里面最難做的icon之一（Safari與設(shè)置也比較難做）了，不過也有辦法。這里要用到三維格式里的棱臺。先畫一個正圓，去掉輪廓，設(shè)置漸變類型為線性，方向90度，漸變色為紫-青綠-青綠-淡藍(lán)（淡色40%），停止點位置分別為0、40%、65%、100%。停止點透明度分別為15%、25%、25%、50%，停止點亮度分別為0%、0%、0%、75%。最后是三維效果，頂部棱臺設(shè)置為圓，寬度與高度分別為85磅，35磅，底部棱臺也設(shè)置為圓，寬度與高度設(shè)置均為6磅，材料選擇金屬效果，照明選擇平面，角度選擇130度。這樣，比較大的氣泡就做出來了，其余的只是漸變色不同（填充漸變色的時候要選擇一定量的透明度，否則氣泡可能會沒有透明效果），其他操作相似，這里不重復(fù)。

>

19、提醒事項。這個icon很好做，左邊四個標(biāo)記點可以用兩層，底層用大一點的正圓，頂層放小一點的正圓，再加上白色輪廓。

>

>

20、時鐘。我截圖的時間是下午17點19分，就照這個做吧，畫正圓，插入12個數(shù)字文本，擺放到12個時間點上，注意對稱，可以畫個圓輔助擺放，實在不行就找張jpeg圖貼著放，針的畫法不難，正圓加上不同寬度的圓角矩形，秒針設(shè)置顏色為正紅色，將他們的針頭旋轉(zhuǎn)到圓心位置。

>

>

21、股市。這個icon難的是那條白色線條下面的從灰到黑的漸變，復(fù)制一個圓角矩形，插入任意多邊形，然后順著白線的趨勢點擊（趨勢線這部分盡量要精準(zhǔn)，趨勢線外的地方右隨意畫，只要能蓋住icon下端的兩個圓角即可），最后點擊起始點，閉合路徑得到任意多邊形，將任意多邊形與復(fù)制的圓角矩形相交，得到icon下端的部分，設(shè)置灰色80%到黑100%的漸變，方向為線性，角度為90。最后，再次插入曲線，沿趨勢線再畫一遍，雙擊停止，這樣出來的是一條有弧度的曲線，不是折線，選中曲線，執(zhí)行格式-編輯形狀-編輯頂點，進(jìn)入頂點編輯狀態(tài)，選中頂點，按住Alt鍵可以拖動曲線的兩個控制柄調(diào)整曲線為折線，得到趨勢線的折線。（其實，可以將之前得到的icon的下端部分復(fù)制一個，進(jìn)行頂點編輯，右擊頂點，開放路徑，刪除不要的，留下走勢線。我原來就是這樣做的，但現(xiàn)在這里的選項全是灰色的，不可用，不知道是什么原因。）最后，給藍(lán)色的小圓點加上黑色的輪廓。

>

>

22、iTunes Store。這個簡單些，畫正圓，去掉填充，設(shè)置輪廓為白色，合適的磅值，音樂符號為橫向的平行四邊行與兩個豎直方向的矩形和兩個橢圓組成，將他們合并即可。

>

>

23、App Store。同上，畫正圓，去掉填充，添加輪廓等，外圈就做好了。里面的無非是各種圓角矩形與直角矩形的修剪、相減得來的，右邊的軟筆尖，可以用圓與新月形合并得來。

>

>

24、報刊雜志。iOS6以前，這幾個圖標(biāo)中的四本書從下至上分別是Poem、Art、Travel、Sport（順便感慨一下，老外對于生活的認(rèn)識與追求真是很有格調(diào)的。），iOS7扁平化了以后，變成了幾個色塊，沒有多大難度，記住幾本書有淡淡的投影。

>

>

25、遙控器。這個太簡單了，漸變、三角形，不多說，我也不想打了，打字已經(jīng)打吐。。。。。。

>

>

26、設(shè)置。這個Safari一樣，也有點難度。畫一個三角形，調(diào)整好大小，再復(fù)制一個，旋轉(zhuǎn)180度，合并兩個形狀，得到一個菱形，復(fù)制菱形若干（建議19個，每一個旋轉(zhuǎn)5度，然后再整體復(fù)制，旋轉(zhuǎn)90度），得到圖中第三個形狀，然后畫圓，相減，得到大齒輪，復(fù)制大齒輪，縮小得到小齒輪。再加上像奔馳一樣的三角標(biāo)志，得到大致形狀，最后別忘記大小齒輪有兩次方向相反的漸變填充，呈現(xiàn)高光與陰影。（如果要得到最下圖的icon還需要三角形將三角標(biāo)志與大齒輪接連處補滿，然后再后小圓相減，得到最終的icon，弧形的接連。連接的詳細(xì)步驟請參考12相機圖標(biāo)的做法）

>

27、FaceTime。圓角矩形、直角矩形、梯形，無難度，不贅述。

>

>

28、電話。電話機身為橢圓，聽筒與麥克為兩個圓角矩形合并可得，中間的腰身可用圓角的等腰梯形（不用細(xì)說，應(yīng)該都能想到辦法了吧？）修剪得到。

>

>

29、郵件。畫直角矩形，再用圓角正方形的一個圓角去修剪郵件的上半端，下邊部分用兩個窄的直角矩形相減可得。

>

>

30、Safari。這個標(biāo)志的方法參考26設(shè)置標(biāo)志的做法，只是圖標(biāo)里的線條要畫做寬度極窄的矩形（因為線條不能修剪，而矩形可以修剪），長線條按10度為梯度旋轉(zhuǎn)，短線條按5度梯度旋轉(zhuǎn)，再加上一紅一白的兩個三角形，不多說。

>

>

31、音樂。哇，終于，最后一個了。。。不多說，參考22iTunes Store。

>

>

其實呢，如果你能堅持一步一步地做到這里，重復(fù)幾次，基本上已經(jīng)算得上是一個PPT能手甚至是高手了。但是，行百里者半九十，偉大的工程還得繼續(xù)下去才算上是偉大！繼續(xù)吧。。。。。。

>

WIFI圖標(biāo)按如下可得：5個正圓，相互加減，然后用直角三角形修剪， 得到最終圖標(biāo)。

>

>

>

時鐘圖標(biāo)。時鐘圖標(biāo)的兩個耳朵可以用兩個小正圓與一個比時鐘面板稍大的正圓相減得來，再加上稍小一點的時鐘面板（正圓）與兩個直角矩形即可。

>

>

電池圖標(biāo)。用圓角矩形與直角矩形相減可得一端為圓角一端為直角的矩形，電池外框為圓角矩形框，電池的正極也同樣為一個圓角矩形與一個直角矩形相減得來。（最后，別忘記在桌面的快捷圖標(biāo)欄上方加上一白若干灰的小圓點，表示桌面的APP還有第二頁，嘿嘿。。。）

>

>

這時候，問題來了，剛才所做的這些icon里的圖形部分是可以放大縮小的，但是字體不能隨圖案放大縮小。怎么辦呢？

>

解決的辦法是：選中icon里的圖案和文字，復(fù)制，粘貼為圖片，如果擔(dān)心粘貼為位圖會模糊，可以將矢量圖形放大，再進(jìn)行復(fù)制和粘貼為圖片，這樣得到的圖片會清晰很多，具體原理就不解釋了。

>

在運營商一欄加上信號格，小圓點就是能畫出的最小的正圓，打上“中國移動”、17：19、84%都是文本。

>

首頁?>?軟件教程