用PPT制作出蘋果ipnone ios界面效果,教程把每個元素的制作要領(lǐng)作出分析,本PPT教程講的不是軟件,是設(shè)計思維。
插入一個正圓,調(diào)整大小,與素材iPhone的Home鍵大小保持相同,放到合適的位置,執(zhí)行菜單下格式-形狀填充-漸變-其他漸變,在彈出的設(shè)置形狀格式里,選擇漸變填充,類型選擇線性,角度選擇90度,四個停止點的顏色分別為黑-黑-80%灰-50%灰,停止點的位置分別為0、55%、75%、100%。在線條選項里,類型選擇線性,角度選擇90度,五個停止點的顏色分別為80灰-黑-黑-黑-80灰,位置分別為0、35%、50%、65%、100%,亮度75%,寬度0.5磅。再畫一個圓角矩形,去除填充,設(shè)置輪廓線為白色。(可以略微粗一點,后面做三維旋轉(zhuǎn)以后,所有的線條會變細(xì)。參數(shù)自己看著合適就行吧,字多好難打的說。)
復(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看不見,這里就不做他了吧。
在網(wǎng)上找一張iPhone的動態(tài)壁紙。選中做iPhone屏幕的矩形,設(shè)置漸變填充,左中右的停止點的顏色可以用顏色吸管在壁紙素材的頂端、中間、底端上吸一下,停止點分別為0、50%、100%。插入正圓若干,大小隨機,顏色各異(大圓建議選冷色,小圓建議選暖色,使他們和諧不突兀)對各個正圓執(zhí)行格式-形狀效果-柔化邊緣,設(shè)置不同的磅數(shù)(大圓建議大磅數(shù),小圓建議小磅數(shù)),在填充下設(shè)置其不同的透明度(大圓建議高透明度,小圓建議低透明度),以產(chǎn)生景深。再加一個直角矩形,放在最底端,顏色用吸管吸,純色填充,設(shè)置透明度為50%。
沒有icon的界面總感覺哪里不對。。。。
畫一個圓角正方形,設(shè)置好圓角幅度,(建議復(fù)制若干,要多次用到,以便保持統(tǒng)一)設(shè)置漸變填充,如果對顏色把握不準(zhǔn),可以用吸管吸;再畫一個橢圓,再插入一個新月形,選中橢圓與新月形,執(zhí)行格式-合并形狀-聯(lián)合,輸入文字短信,字體為華文黑體(iPhone自帶的字體疑似一種叫蘋果儷黑的字體,我沒找到,就用相近的華文黑體代替)。為便于icon的查看,這里將母版的顏色改為灰色25%里的深色50%。
設(shè)置填充為白色,星期的字體也暫用華文黑體,數(shù)字和英文的字體為Helvetica,網(wǎng)上可以找到全系列的字體,如果字體太粗,就加白色的輪廓,如果太細(xì),就選擇粗體,粗體仍不行,就加黑色輪廓(iOS7里的英文字母與數(shù)字一般是細(xì)體或極細(xì)體,通常不會出現(xiàn)需要通過輪廓來加粗的情況)。
照片的icon其實不好做,這八個橢圓的分布從左上角以順時針方向到左邊的疑似顏色是以紅-橙-黃-綠-青-藍(lán)-紫-品紅進行分布的,呈中心對稱,建議先做水平的兩個,復(fù)制,旋轉(zhuǎn)成豎直的,然后再復(fù)制水平與豎直方向的4個,旋轉(zhuǎn)45度,再調(diào)整顏色,可以保證中心對稱,透明度設(shè)置為10%左右。
這個又要用到形狀的合并與修剪。先畫兩個圓角矩形,再畫兩個三角形把肩部修補起來(均為聯(lián)合),然后再用兩個正圓減去多余的部分得到中間的形狀再用兩個矩形減去不要的部分,最后添加相機的鏡頭,按鈕等,別忘記給相機添外觀添加一個內(nèi)陰影,使效果更逼真。(26中的設(shè)置圖標(biāo)也會用到這種方法,請留意。)
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
pptfans移動版關(guān)于我們聯(lián)系我們版權(quán)聲明
PPTfans.cn (PPT設(shè)計教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號 | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號