這篇文章有點(diǎn)長，但是我本人親自編寫，推薦給辦公室常用PPT、喜歡鉆研技術(shù)的宅們，有興趣的朋友不妨自己動手做做。（之前有國外的大神用WORD做過，但我的做法與他的并不太相同，正如我前面所說，沒別的意思，僅供與喜歡做PPT的朋友們交流。）

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

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

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

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

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

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

1、格式下的形狀填充，漸變停止點(diǎn)的設(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的外觀初成。（為避免電腦卡頓，這里將其合并，因?yàn)楹喜⑿螤钜院?，就變成一個形狀；不合并的話，形狀太多可能會造成電腦卡頓。）

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

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

5、畫聽筒。插入圓角矩形，調(diào)整大小，與素材iPhone的聽筒大小保持相同，放到合適的位置，執(zhí)行菜單下格式-形狀填充-漸變-其他漸變，在彈出的設(shè)置形狀格式里，選擇漸變填充，類型選擇線性，角度選擇150度，停止點(diǎn)的顏色分別為黑-灰-白-白-黑-灰-白-黑-黑，不需太精確，能模擬高光、中間調(diào)與陰影即可，因?yàn)樯厦孢€要放一層聽筒的絲網(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度，四個停止點(diǎn)的顏色分別為黑-黑-80%灰-50%灰，停止點(diǎn)的位置分別為0、55%、75%、100%。在線條選項(xiàng)里，類型選擇線性，角度選擇90度，五個停止點(diǎn)的顏色分別為80灰-黑-黑-黑-80灰，位置分別為０、35%、50%、65%、100%，亮度75%，寬度0.5磅。再畫一個圓角矩形，去除填充，設(shè)置輪廓線為白色。（可以略微粗一點(diǎn)，后面做三維旋轉(zhuǎn)以后，所有的線條會變細(xì)。參數(shù)自己看著合適就行吧，字多好難打的說。）

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

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

8、畫iPhone動態(tài)壁紙。在網(wǎng)上找一張iPhone的動態(tài)壁紙。選中做iPhone屏幕的矩形，設(shè)置漸變填充，左中右的停止點(diǎn)的顏色可以用顏色吸管在壁紙素材的頂端、中間、底端上吸一下，停止點(diǎn)分別為0、50%、100%。插入正圓若干，大小隨機(jī)，顏色各異（大圓建議選冷色，小圓建議選暖色，使他們和諧不突兀）對各個正圓執(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其實(shí)不好做，這八個橢圓的分布從左上角以順時針方向到左邊的疑似顏色是以紅-橙-黃-綠-青-藍(lán)-紫-品紅進(jìn)行分布的，呈中心對稱，建議先做水平的兩個，復(fù)制，旋轉(zhuǎn)成豎直的，然后再復(fù)制水平與豎直方向的4個，旋轉(zhuǎn)45度，再調(diào)整顏色，可以保證中心對稱，透明度設(shè)置為10%左右。

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

13、視頻。畫6個鏡面對稱的平行四邊形，然后合并形狀-聯(lián)合，復(fù)制一個圓角矩形，選中圓角矩形與合并后的平行四邊形，合并形狀-修剪，刪去不要的部分。再復(fù)制一個圓角矩形，設(shè)置漸變，停止點(diǎn)（共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)為三個正圓合并而成，最底端用一個直角矩形補(bǔ)齊，然后合并形狀-聯(lián)合，設(shè)置透明度15%。

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

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

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

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

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

21、股市。這個icon難的是那條白色線條下面的從灰到黑的漸變，復(fù)制一個圓角矩形，插入任意多邊形，然后順著白線的趨勢點(diǎn)擊（趨勢線這部分盡量要精準(zhǔn)，趨勢線外的地方右隨意畫，只要能蓋住icon下端的兩個圓角即可），最后點(diǎn)擊起始點(diǎn)，閉合路徑得到任意多邊形，將任意多邊形與復(fù)制的圓角矩形相交，得到icon下端的部分，設(shè)置灰色80%到黑100%的漸變，方向?yàn)榫€性，角度為90。最后，再次插入曲線，沿趨勢線再畫一遍，雙擊停止，這樣出來的是一條有弧度的曲線，不是折線，選中曲線，執(zhí)行格式-編輯形狀-編輯頂點(diǎn)，進(jìn)入頂點(diǎn)編輯狀態(tài)，選中頂點(diǎn)，按住Alt鍵可以拖動曲線的兩個控制柄調(diào)整曲線為折線，得到趨勢線的折線。（其實(shí)，可以將之前得到的icon的下端部分復(fù)制一個，進(jìn)行頂點(diǎn)編輯，右擊頂點(diǎn)，開放路徑，刪除不要的，留下走勢線。我原來就是這樣做的，但現(xiàn)在這里的選項(xiàng)全是灰色的，不可用，不知道是什么原因。）最后，給藍(lán)色的小圓點(diǎ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ǎn)難度。畫一個三角形，調(diào)整好大小，再復(fù)制一個，旋轉(zhuǎn)180度，合并兩個形狀，得到一個菱形，復(fù)制菱形若干（建議19個，每一個旋轉(zhuǎn)5度，然后再整體復(fù)制，旋轉(zhuǎn)90度），得到圖中第三個形狀，然后畫圓，相減，得到大齒輪，復(fù)制大齒輪，縮小得到小齒輪。再加上像奔馳一樣的三角標(biāo)志，得到大致形狀，最后別忘記大小齒輪有兩次方向相反的漸變填充，呈現(xiàn)高光與陰影。（如果要得到最下圖的icon還需要三角形將三角標(biāo)志與大齒輪接連處補(bǔ)滿，然后再后小圓相減，得到最終的icon，弧形的接連。連接的詳細(xì)步驟請參考12相機(jī)圖標(biāo)的做法）

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

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

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

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

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

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

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

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

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

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

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

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

將已經(jīng)做好的全部內(nèi)容粘貼到最開始做的iPhone上，調(diào)整到合適的大小。

怎么樣？像那么回事兒了吧？有成就感了吧？哈哈。還沒完呢！

再新建一張幻燈片，設(shè)置背景色為土豪金，不知道RGB色值就用吸管吸，主動想辦法。還記得為iPhone外觀添加邊緣高光的圖案嗎？復(fù)制過來，放好。再畫出如下的兩個角的三維立體形狀，原因自己琢磨吧（這是模擬側(cè)邊高光，呆會兒會用到。。。）！右上角的漸變顏色為黑-80%灰-50灰-80%灰-80%灰，位置分別為0、3%、7%、18%、100%。右下角的漸變顏色為黑-黑-80%灰-50%灰-黑-黑，位置分別為0、18%、21%、28%、59%、100%。右中為SIM卡槽（SIM卡槽做法就是一個只有輪廓的、圓角很大的圓角矩形，針孔就是一個黑點(diǎn)）。

接下來，就是見證奇跡的時刻了！

對三張iPhone的外觀分別設(shè)置三維旋轉(zhuǎn)，預(yù)設(shè)選擇透視（否則透視的值不可設(shè)置，而且透視會讓你的iPhone自動產(chǎn)生一點(diǎn)輕微的顏色漸變，看上去會更加逼真哦），X軸、Y軸、Z軸的數(shù)值分別為50度、340度、320度，透視70度。

將他們拼合好后，再給iPhone右邊加上兩條黑線，再添加陰影（陰影要畫一個任意多邊形，設(shè)置從灰到背景色的漸變，終止色一定要是背景色，才能做出陰影從有到無的效果，必要時，可以對多邊形編輯頂點(diǎn)，做出想要的形狀），對陰影進(jìn)行柔化邊緣，磅值適宜即可。

最后，從蘋果官網(wǎng)槍點(diǎn)文案過來，呈現(xiàn)一下主次，一個還像那么回事的iPhone廣告就誕生了！

也許你要鉆空子了，這個廣告里有個蘋果的logo啊，這是從網(wǎng)上槍來的吧，這下沒話了說吧。。。哎，最后，附上蘋果標(biāo)志制作圖解，密集恐懼癥請直接無視之。