提前聲明,這篇文章是純技術(shù)帖,看完之后,保證你能夠100%做出文章里提到的案例。
之前有位讀者,發(fā)給我一張魅族發(fā)布會(huì)的PPT頁(yè)面,問(wèn)我這三個(gè)圓角矩形是怎么畫出來(lái)的?
這些圖形呢,咋一看,像是圓角矩形,但其實(shí)又不是。那么,該如何進(jìn)行繪制呢?
同樣的,關(guān)于圖形的問(wèn)題,還有讀者問(wèn)過(guò)我,像這樣的形狀,是怎么完成的?
之前零零散散的提到過(guò)一些方法,但不系統(tǒng)。
所以,這篇文章,就來(lái)分享3種,在PPT中常用的的創(chuàng)意異形圖形,到底是怎么繪制的。
啥意思呢?簡(jiǎn)單來(lái)說(shuō)就是,把任何一個(gè)角度的圖形,都變成圓角,從而讓圖形看起來(lái)更加圓潤(rùn)。
這在很多母嬰類或者女性主題的PPT中,經(jīng)常會(huì)用到,因?yàn)轱L(fēng)格會(huì)更貼切。
那圓角圖形是怎么完成的呢?
其實(shí)我們只需要借用一個(gè)PPT中的插件,之前也分享過(guò),叫做英豪插件。
操作方法也很簡(jiǎn)單,在頁(yè)面上插入任意圖形,比如一個(gè)三角形吧。
第一步,選中圖形后,點(diǎn)擊格式,找到英豪插件中的 編輯形狀功能,選擇圓角工具:
在彈窗中,選擇倒圓角半徑的數(shù)值即可生成圓角,一般來(lái)說(shuō),數(shù)值越大,弧度越大:
為了讓各位理解的更加清楚,咱們來(lái)看一個(gè)實(shí)際的案例,比如我們插入一個(gè)平行四邊形:
將圓角數(shù)值設(shè)置為3CM,可以看到,弧度很明顯了:
將它放在封面底部,用來(lái)承載信息和圖片即可:
啥叫超圓角矩形呢?就是比圓角矩形還要圓潤(rùn),像前面提到的魅族的案例,這里所使用的,就是典型的『超圓角圖形』:
那它跟圓角圖形到底有什么差別呢?我貼一張圖,讓大家能夠看得更清楚:
紫? 紫色部分為圓角矩形
紅? 紅色部分為超圓角矩形
看到了嗎?超圓角矩形的四邊,也是有弧度的。
那這種圖形是怎么繪制的呢?這里就需要借用一個(gè)軟件,叫AI,只需傻瓜式操作,即可完成。
第1步,在頁(yè)面上插入一個(gè)正圓形,方法跟PPT里一樣:
第二步,我們選中圖形,點(diǎn)擊 效果,找到 變形 ,選擇 膨脹:
在彈出的窗口中,我們調(diào)整膨脹的彎曲度,這里我設(shè)置的是40%:
這是膨脹后的圓形,也就是圓角矩形:
最后一步,我們需要點(diǎn)擊 對(duì)象 ,選擇?擴(kuò)展外觀,這樣,拖到PPT里,可以對(duì)圖形進(jìn)行任意的顏色修改:
這就是超圓角矩形的繪制方法,沒(méi)有一丁點(diǎn)難度。
這種形狀,就沒(méi)有一個(gè)固定的形式了,所以統(tǒng)稱異形,在很多網(wǎng)頁(yè)設(shè)計(jì)里會(huì)看到相關(guān)的案例。
那這種圖形是怎么繪制的呢?看起來(lái)會(huì)稍微復(fù)雜一點(diǎn),對(duì)吧?
但其實(shí),我們壓根不用親自動(dòng)手,就可以完成。
打開(kāi)一個(gè)網(wǎng)頁(yè),網(wǎng)址是:https://www.blobmaker.app
在這里,你通過(guò)調(diào)整3個(gè)參數(shù),就可以自動(dòng)生成一個(gè)異形圖形,而且還支持導(dǎo)出為svg格式,也就是形狀:
當(dāng)復(fù)雜度和對(duì)比度越高時(shí),生成的圖形也就越復(fù)雜,反之越簡(jiǎn)單。
為了便于各位理解,我做了一個(gè)動(dòng)圖演示這個(gè)過(guò)程:
0代表數(shù)值最小,9代表最大
那使用這種圖形能干嘛呢?我在這里做了一個(gè)人物排版的案例:
那這個(gè)案例中的人物和圖形相交部分,是怎么完成的呢?我簡(jiǎn)單去分享一下操作的過(guò)程。
首先,我們需要找到一些去背的人物照片,如果沒(méi)有的話,可以借用摳圖工具來(lái)完成:
這里使用的是:https://www.remove.bg
接下來(lái),我們把圖片和形狀重疊,形狀放在圖片底部:
但這時(shí)候我們發(fā)現(xiàn),人物底部的部分,與形狀底部邊緣沒(méi)有完全重疊,所以,咱們需要來(lái)對(duì)人物底部的輪廓進(jìn)行處理。
在人物圖片的上方,插入一個(gè)矩形色塊。然后先來(lái)選中矩形,再選中底部的異形,進(jìn)行形狀剪除:
這時(shí)候得到的圖形就變成了這個(gè)樣子:
隨后,我們就需要來(lái)處理人物底部的輪廓:
也是一樣的操作,先選中人物,再選中底部的圖形,執(zhí)行剪除的操作:
得到邊緣比較平滑的人物圖片素材:
這時(shí)候,再把異形圖形放在人物底部即可:
這就是人物排版案例的全部操作過(guò)程,非常簡(jiǎn)單。
好了以上呢,就是3種,看似很復(fù)雜,但其實(shí)制作難度超低的PPT圖形繪制方法。我相信應(yīng)該能學(xué)會(huì)了,對(duì)嗎?
好了,以上就是這篇文章的全部?jī)?nèi)容。
原標(biāo)題:那些創(chuàng)意的PPT圖形是怎么完成的?這3個(gè)傻瓜式方法,你一定要學(xué)會(huì)!
]]>