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