因?yàn)楸窘坛讨幸恍┟枋稣Z(yǔ)句有和原教程對(duì)應(yīng)的關(guān)系,所以如果有還沒(méi)有看過(guò)該教程的,推薦先去閱讀原教程《三分鐘教程(114):做一個(gè)中國(guó)風(fēng)折扇效果》,這樣理解更到位一些。
我通過(guò)《秋葉PPT-三分鐘教程-003期》,學(xué)習(xí)了《56 三分鐘教程:用PPT制作折疊紙扇效果》這一課,做出的扇子很漂亮,但是,也從其中發(fā)現(xiàn)了問(wèn)題。通過(guò)不斷嘗試后,我對(duì)原教程進(jìn)行了修改,用新的方法解決了問(wèn)題。下面將詳細(xì)介紹出現(xiàn)的問(wèn)題和新教程。
按照原教程的步驟,完成到步驟12時(shí),發(fā)現(xiàn)形狀A(yù)和B兩部雖然由同一直角矩形復(fù)制得到,但經(jīng)過(guò)三維旋轉(zhuǎn)后不一樣長(zhǎng)了。
問(wèn)題1:扇面形狀A(yù)和形狀B經(jīng)過(guò)三維旋轉(zhuǎn)后大小不一樣。
這個(gè)問(wèn)題比較簡(jiǎn)單,只要調(diào)整形狀B的長(zhǎng)度(后面的新教程會(huì)詳細(xì)介紹步驟),就可以解決了,可是這樣一來(lái)形狀A(yù)和B的實(shí)際大小就不同了。在此調(diào)整的基礎(chǔ)上繼續(xù)按照原教程制作,當(dāng)按照原教程步驟13對(duì)扇面形狀進(jìn)行填充后,得到下圖1。這時(shí)將上圖1和扇面原圖片(下圖2)比較后發(fā)現(xiàn),填充以后褶皺處出現(xiàn)了圖片內(nèi)容對(duì)不上的情況,也就是圖片失真了,出現(xiàn)了新的的問(wèn)題。
問(wèn)題2:扇面填充圖片后,圖片出現(xiàn)失真。
接下來(lái),我將用新的方法來(lái)解決這兩個(gè)問(wèn)題。
1、我們從原教程的步驟10開(kāi)始。和原教程一樣,首先我們畫(huà)一個(gè)細(xì)長(zhǎng)的矩形,然后點(diǎn)擊格式→編輯形狀中選擇頂點(diǎn)編輯,把它拉成一個(gè)直角梯形。
Tips:為了方便頂點(diǎn)編輯,可以先多畫(huà)一個(gè)矩形2,作為頂點(diǎn)編輯的參照。點(diǎn)擊格式→旋轉(zhuǎn)→其他旋轉(zhuǎn)選項(xiàng),按下圖設(shè)置參數(shù),旋轉(zhuǎn)矩形2。
2、將畫(huà)好的直角梯形如下圖填充為灰色。
3、和原教程步驟11一樣,將2的結(jié)果復(fù)制兩份,設(shè)置格式→形狀效果→三維旋轉(zhuǎn)→前透視,再按下圖參數(shù)設(shè)置好三維旋轉(zhuǎn)選項(xiàng),生成形狀A(yù)和B。
4、以A為基準(zhǔn),移動(dòng)B至A旁邊,一邊用Ctrl+方向鍵調(diào)整B的位置;一邊右鍵點(diǎn)擊B,選擇設(shè)置形狀格式→大小,調(diào)整旋轉(zhuǎn)角度(下圖中數(shù)值僅作參考),使A和B緊貼,但不重疊。
這時(shí)我們發(fā)現(xiàn)扇葉的A和B兩部分經(jīng)過(guò)三維旋轉(zhuǎn)后不一樣長(zhǎng)了,出現(xiàn)了問(wèn)題1。
5、再次右鍵點(diǎn)擊B,選擇設(shè)置形狀格式→大小,如下圖調(diào)整其寬度,讓A和B看上去一樣大。這樣,我們就解決了第一個(gè)問(wèn)題——大小不一樣。
Tips:如果你做出來(lái)的形狀A(yù)和形狀B經(jīng)過(guò)三維旋轉(zhuǎn)以后和我做的一樣,比較尖,那么可以用前面的方法,對(duì)形狀A(yù)和B再次進(jìn)行頂點(diǎn)編輯,直到滿意為止。下圖作為參考。
6、與原教程步驟12相似,選中A和B,點(diǎn)擊格式→組合→組合,將A和B編為一組,復(fù)制,按步驟4的方法進(jìn)行微調(diào),得到圖2,解組,然后將這4個(gè)形狀再組合,按步驟4的方法進(jìn)行微調(diào),如此重復(fù),直到得到圖3,A和B一共是26片,最后將圖3中的全部形狀組合。
到這里,就能看到扇面的大概形狀了。因?yàn)樾螤預(yù)和B經(jīng)過(guò)了三維旋轉(zhuǎn),自然呈現(xiàn)出折扇的立體效果,不需要另行設(shè)置。
7、將做好的扇面復(fù)制,選擇性粘貼為圖片。注意原來(lái)的形狀要留底,后面的步驟還會(huì)用到。
找一張圖片作為扇面填充圖片,它可以是網(wǎng)上下載的圖片、你自己制作的圖片等,我找的是一張荷花圖(如上圖),然后將圖片插入,選中它點(diǎn)擊右鍵→設(shè)置圖片格式→大小,按之前調(diào)整形狀的方法調(diào)整圖片的大小和角度。
Tips:為了方便調(diào)整,如下圖把它放在了底層。將你需要的畫(huà)面用扇面覆蓋。
8、按住Ctrl鍵同時(shí)選擇上圖中的圖片1和圖片2,用OK插件的圖片混合工具合成。點(diǎn)擊OneKey5標(biāo)簽→圖片混合,選擇正片疊底,出現(xiàn)下圖效果。注意操作之前的疊放次序,圖1在上,圖2在下,不可錯(cuò),否則插入的圖片和最終做出的扇面就分不開(kāi)了。
Tips:OK插件不是PPT自帶的插件,需要自行下載安裝。上周的火焰字教程也用到了這款很強(qiáng)大的插件。
9、合成完成后,會(huì)生成一張新的圖片,這時(shí)將原來(lái)用于合成的圖1和圖2刪掉,就得到立體感合適的扇面效果了。
是不是邊緣整齊、圖片連續(xù)?第二個(gè)問(wèn)題——圖片失真也解決了。
Tips:可點(diǎn)擊開(kāi)始→選擇→選擇窗格,在右邊彈出的窗口中選擇需要?jiǎng)h除的圖片。
10、扇面制作完成,下面來(lái)做扇骨。插入一個(gè)細(xì)長(zhǎng)的圓角矩形,把它的圓角拉到最大,做成像冰棒棍那樣,長(zhǎng)度根據(jù)扇面大小進(jìn)行調(diào)整。
Tips:扇骨的長(zhǎng)度要比扇面所在圓的圓心到扇面窄端的距離長(zhǎng)一些,因?yàn)樗枰卦谏让嫦乱徊糠?、重疊一部分。具體長(zhǎng)度可參照最后的完成圖來(lái)確定。
11、用百度圖片或用其他圖片搜索器搜索“木紋”,下載一張合適的木紋素材圖片。
選擇剛才的圓角矩形,點(diǎn)擊格式→形狀填充→圖片…,在彈窗中選擇剛才下載的木紋圖片進(jìn)行填充??梢杂益I點(diǎn)擊扇骨形狀,選擇設(shè)置形狀格式→填充,在彈窗中微調(diào)填充圖片的各種參數(shù)。最后將形狀輪廓設(shè)置為無(wú)輪廓,得到下圖的樣子。
Tips:你也可以不下載素材圖,直接用紋理填充扇骨,選擇合適的木紋紋理。但為了細(xì)節(jié)美觀,圖片填充的效果會(huì)更好些。
12、繼續(xù)右鍵點(diǎn)擊扇骨形狀,選擇設(shè)置形狀格式→三維格式,設(shè)置形狀的頂端棱臺(tái)為“角度”,調(diào)整合適的參數(shù)(圖中數(shù)據(jù)僅供參考),得到下圖。
13、復(fù)制步驟12的結(jié)果12份,做成13根扇骨。根據(jù)之前做好的扇面,用前述方法調(diào)整扇骨的位置如下圖所示,并疊放在扇面下層。
Tips:每2片扇面下有一根扇骨,扇骨的位于形狀A(yù)的下面,如下圖所示。為了方便調(diào)整扇骨的位置,你也可以像我一樣畫(huà)圓形進(jìn)行輔助,如下圖所示。(下圖為了方便看清楚,修改了填充的顏色,并把扇骨置于頂層)
這時(shí)我們發(fā)現(xiàn)右側(cè)第一根扇骨旁邊的扇面很不自然,別急,下面我們來(lái)做最后一根扇骨——扇骨14。
14、首先我們將整個(gè)扇面右側(cè)的第一片扇面(形狀B)單獨(dú)復(fù)制出來(lái)(可用前述選擇窗格功能找到它),按前述方法進(jìn)行頂點(diǎn)編輯,把它拉長(zhǎng),形狀大小可參照步驟13獲得的結(jié)果,以能夠蓋住最后一片扇面,長(zhǎng)度與其它扇骨相匹配為標(biāo)準(zhǔn)。
最終結(jié)果可參照下圖:
15、選中步驟14的結(jié)果并單擊右鍵,選擇設(shè)置形狀格式→三維旋轉(zhuǎn),將之前設(shè)置的三維旋轉(zhuǎn)“前透視”改為無(wú)旋轉(zhuǎn),其他三維旋轉(zhuǎn)參數(shù)全部改為0。
16、按住shift鍵,畫(huà)一個(gè)適當(dāng)大小的圓形,按住Ctrl鍵選中它和步驟15的結(jié)果,進(jìn)行形狀聯(lián)合,完成扇骨底部的弧度造型。
17、將步驟16的結(jié)果再一次進(jìn)行三維旋轉(zhuǎn)設(shè)置,設(shè)置方法和參數(shù)與之前的形狀B相同。
18、將步驟17的結(jié)果按照前述扇骨的制作方法進(jìn)行木紋圖片填充,輪廓線為無(wú)輪廓,設(shè)置三維棱臺(tái),調(diào)整參數(shù)得到下圖結(jié)果(圖中參數(shù)僅供參考),扇骨14完成。
19、按住shift鍵,畫(huà)一個(gè)適當(dāng)大小的圓形,作為扇骨的螺絲帽,按照前述扇骨的制作方法進(jìn)行木紋圖片填充,輪廓線為無(wú)輪廓,設(shè)置三維棱臺(tái)為圓,調(diào)整參數(shù)得到下圖結(jié)果(圖中參數(shù)僅供參考)。
20、按照扇骨14的方法,將扇面的第一片形狀A(yù)復(fù)制后做成一片隱形的長(zhǎng)扇骨,步驟如下:
做好后把它疊放在扇面下方,只露出一點(diǎn)點(diǎn),就像下圖一樣。這樣,另一根長(zhǎng)扇骨也制作完成了。
21、將之前做好的扇面、扇骨、螺絲帽調(diào)整位置并組合,加上陰影制造效果,折扇就完成了。
Tips:我用的是陰影→透視→右上對(duì)角透視。如果你有興趣,還可以繼續(xù)為扇子畫(huà)出扇墜。
本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái),版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí),你可以用微信添加秋葉語(yǔ)錄關(guān)注,微信號(hào):ppt100
有沒(méi)有看到看到效果高大上的圖片,覺(jué)得離自己很遠(yuǎn),望而生畏?今天給大家介紹一種名為L(zhǎng)OW-POLY的風(fēng)格圖片,讓所有人都一起來(lái)LOW-POLY一把,高大上一把!
感謝新浪微博朋友@創(chuàng)意農(nóng)民 授權(quán)分享。本文提到的下載地址(長(zhǎng)按文字可以復(fù)制)
神器下載:http://vdisk.weibo.com/s/CcdgCyAPRyDGW
lowpoly風(fēng)格的背景圖片下載:http://matthew.wagerfield.com/flat-surface-shader/
首先讓我們一起來(lái)感受下LOW-POLY風(fēng)格帶給我們的沖擊吧!
制作LOW-POLY風(fēng)格圖片的步驟,我們分為七步,如下:
下載神器請(qǐng)直接拉到文章末尾!
解壓,打開(kāi)index.html文件(注意,由于默認(rèn)瀏覽器不一樣,圖標(biāo)不一樣,用自己的瀏覽器打開(kāi)即可)
1.頭像
先從封面的頭像說(shuō)起吧,這個(gè),這個(gè)頭像不是我做的,是抄襲的,因?yàn)檫@個(gè)用“神奇”做不出來(lái),只能用ai一個(gè)一個(gè)的畫(huà),比較耗時(shí)間,繁瑣,且需要一定的繪畫(huà)和抽象的功底。
2.用途
關(guān)于這個(gè)效果我個(gè)人第一眼看到就覺(jué)得很是高大上,很是適合做背景,后來(lái)一想,做圖表也可以啊,用這個(gè)圖形的圖片填充就OK。
3.分形
Low poly效果可以追溯為“分形”這一概念。Low poly來(lái)講就是把一個(gè)圖片分成四個(gè)三角形填充,把每個(gè)三角形分成四個(gè)小三角形,不停迭代就出來(lái)了。神器就是基于某種算法來(lái)實(shí)現(xiàn)的,不過(guò)由于用網(wǎng)頁(yè)代碼編寫(xiě)的處理能力不夠細(xì)致。 最后一句Low poly分格的圖片大都是用C4D做的,一款優(yōu)秀的3D建模軟件,所以我等PS,PPT黨借鑒一下就好了。不要強(qiáng)求太多。(從PPT中看出,大都是3D作品)
4.技巧
5.字體
還有大神出品一種PS做Low poly分格字體的教程,效果圖如PPT(其實(shí)我覺(jué)得直接用Low poly分格的圖片填充文字就OK)
6.案例
還是沒(méi)有忍住,發(fā)一張自己的頭像吧,先用“神奇”做了大致, 后來(lái)導(dǎo)入ai中修改的,做的不好歡迎大家吐槽。最后,謝謝關(guān)注啦,如果你喜歡,就@創(chuàng)意農(nóng)民 啦!
Low-poly神器——I?△ 演示教程
]]>