前幾天,一直有讀者問(wèn)我,怎么在 PPT 里調(diào)出高大上的漸變色,這是一個(gè)好問(wèn)題。
的確,今年整個(gè)設(shè)計(jì)圈的流行風(fēng)格,不管是平面設(shè)計(jì),還是工業(yè)設(shè)計(jì),都瘋狂的愛(ài)上了漸變色:
當(dāng)然,在PPT設(shè)計(jì)中,使用漸變色也變得流行起來(lái):
那么,一個(gè)關(guān)鍵的問(wèn)題來(lái)了,這些看起來(lái)更高級(jí)的漸變色,到底是怎么做出來(lái)的呢?這篇文章就來(lái)跟各位分享一些我的經(jīng)驗(yàn)。
首先,先來(lái)說(shuō)一些必須要知道的基礎(chǔ)操作
很簡(jiǎn)單,我們?cè)陧?yè)面中插入一個(gè)形狀為例,選擇設(shè)置形狀格式,選擇線性漸變,分別設(shè)置漸變光圈的顏色即可:
其次,雖然 PPT 軟件支持調(diào)出很多類型的漸變,但沒(méi)必要全部知道,了解常用的3種就夠了。
分別是:
接下來(lái),咱們就挨個(gè)的來(lái)說(shuō)一下,
聽(tīng)名字也知道,這種漸變就是從 A 顏色到 B 顏色。就像這樣:
那么,如何才能調(diào)出過(guò)渡非常自然的漸變色呢?分享一個(gè)獨(dú)家小竅門。分為這么幾個(gè)步驟:
01.?將顏色模式設(shè)置為漸變填充,并且,漸變光圈填充同一種顏色,比如是某企業(yè)的 LOGO 主色:
02.?選擇其中一個(gè)漸變光圈的顏色,選擇其它顏色,出現(xiàn)彈窗:
03.?將顏色模式從RGB修改為HSL:
04. 不要調(diào)整 SL 對(duì)應(yīng)的數(shù)值,僅調(diào)整 H 對(duì)應(yīng)的色調(diào),將數(shù)值變大,意味著選擇右側(cè)的顏色,反之,則是左側(cè)的顏色。
有點(diǎn)抽象,對(duì)嗎?沒(méi)關(guān)系,錄個(gè)動(dòng)圖,方便各位理解:
注意右下角的顏色變化
比如我們將它調(diào)整為藍(lán)紅漸變,那么,就讓色調(diào)往右側(cè)移動(dòng),也就是將數(shù)值調(diào)大:
明白了嗎?超級(jí)簡(jiǎn)單,且過(guò)渡自然。專業(yè)點(diǎn)講,這叫色相漸變,但大家沒(méi)必要了解那么深入。
使用這個(gè)方法調(diào)出來(lái)的漸變色,每一個(gè)都很自然。
我們可以把它用在標(biāo)題文字中:
也可以用在圖表中:
或者是文字底部的色塊襯底中:
還可以用在形狀中:
還可以用在背景中:
當(dāng)然,也可以用作圖片的漸變蒙版:
不過(guò),這里有一點(diǎn)要注意,當(dāng)我們?cè)趫D片上,添加一層漸變蒙版時(shí),如果圖片顏色過(guò)于鮮艷,我們一定要把圖片的飽和度調(diào)整為0。
什么意思呢?比如我們拿這一頁(yè)背景為例,圖片自身的顏色,與蒙版顏色撞了,導(dǎo)致最終效果,并非是漸變蒙版色:
而如果我們把背景圖片的飽和度調(diào)整為0:
注意左上角的顏色飽和度選項(xiàng)
那么,背景上就只有漸變的顏色:
這一點(diǎn)一定要知道。
這個(gè)也很好理解,就是四周向中心進(jìn)行顏色漸變。
這種漸變的應(yīng)用場(chǎng)景,主要體現(xiàn)在幾個(gè)地方。
制作圖片的暗角
簡(jiǎn)單來(lái)說(shuō),就是四周暗,中間亮,這就是圖片暗角。這樣做的好處,就在于可以讓觀眾更聚焦于頁(yè)面中心內(nèi)容:
制作漸變背景
在很多發(fā)布會(huì)的 PPT 中,經(jīng)??梢钥吹?,為了讓頁(yè)面層次更加豐富,會(huì)考慮使用漸變背景:
這種應(yīng)該算是更復(fù)雜的漸變,不是使用軟件自帶的漸變功能完成,而是利用圖片模糊功能。
我們可以在網(wǎng)上找一些流體漸變的背景素材:
然后呢,在藝術(shù)效果中,選擇虛化,把虛化半徑調(diào)整的更大一些:
就可以完成了。
那么,對(duì)于這種漸變呢,不僅可以把它用作背景:
還可以讓它與文字相交,得到一些有藝術(shù)效果的文字漸變:
都是非常好用。
這就是漸變色的繪制方法以及應(yīng)用場(chǎng)景,希望能夠?qū)δ阌兴鶐椭?/p>
好了,這篇文章知識(shí)點(diǎn)有點(diǎn)多,如果之前不懂得基礎(chǔ)操作的讀者,建議打開軟件,實(shí)際操作一次,這樣學(xué)習(xí)效果會(huì)更好。
]]>如果你問(wèn)我最喜歡的PPT設(shè)計(jì)技巧是什么,我相信,我會(huì)毫不猶豫的告訴你,是漸變。
為什么這么說(shuō)呢?因?yàn)樵赑PT設(shè)計(jì)中,如果你能用好漸變色,那么,你也能夠做出一些設(shè)計(jì)感非常驚艷的頁(yè)面。
就像這些:
看起來(lái)很不錯(cuò),對(duì)嗎?
那么,他們是如何被制作出來(lái)的呢?漸變?cè)趐pt設(shè)計(jì)中,又有什么樣的應(yīng)用場(chǎng)景?
歡迎收看本期的走進(jìn)科學(xué),哦,說(shuō)錯(cuò)了,是,歡迎閱讀本期的漸變教程。
在說(shuō)應(yīng)用場(chǎng)景之前,先來(lái)跟各位說(shuō)一下,如何在 PPT 中創(chuàng)建漸變色。
先來(lái)說(shuō)一個(gè)最簡(jiǎn)單的方法,直接選中形狀,調(diào)整其參數(shù)即可:
估計(jì)95%的人,也就知道這一種方法,但作為旁門左道的讀者,我想告訴你更多的做法,而且,做出來(lái)的效果也會(huì)更加高級(jí)。
最懶的做法,直接搜索漸變背景。
比如去花瓣,直接搜索漸變背景相關(guān)的畫板,就可以得到很多,拿到 PPT 里直接使用即可。
復(fù)雜的做法,對(duì)圖片進(jìn)行模糊處理。
找一張色彩較為絢麗的背景圖,在 PowerPoint 軟件中,將其虛化處理,可以得到類似的漸變背景。
比如這是原圖:
將其虛化為90,即可得到這樣的漸變:
我前兩天的一篇文章封面圖,就是這樣制作的:
當(dāng)然,無(wú)論是哪一種做法,你都可以做出漸變的效果。但是注意,僅僅知道怎么制作,還遠(yuǎn)遠(yuǎn)不夠。
因?yàn)橐磺械募夹g(shù),都是為了設(shè)計(jì)去服務(wù)的,所以,接下來(lái)就跟各位分享一下,漸變色在PPT設(shè)計(jì)中,都有哪些應(yīng)用場(chǎng)景?
看起來(lái)很專業(yè),對(duì)嗎?但這是什么意思呢?翻譯成人話就是,把與文案內(nèi)容無(wú)關(guān)的圖片元素,遮蓋起來(lái),只留下需要展示的部分。
舉個(gè)例子,你就明白了。
下圖中,文案僅需要表現(xiàn)的是手機(jī)屏幕的亮度很低,夜晚玩手機(jī)不刺眼,所以,其余畫面均為干擾,所以,使用漸變蒙版覆蓋即可。
當(dāng)然,如果你的頁(yè)面上沒(méi)有背景圖,也可以在頁(yè)面上,新建一個(gè)射線漸變,四周暗,中間亮,以此突出重點(diǎn)內(nèi)容。
舉幾個(gè)例子,大家注意觀看漸變的變化,都是四周暗,中間亮:
所謂漸變,無(wú)非就是顏色的變化,用它來(lái)呈現(xiàn)動(dòng)態(tài)的感覺(jué),再合適不過(guò)了。
簡(jiǎn)單舉兩個(gè)例子:
當(dāng)然,用在邏輯圖形中,也可以表現(xiàn)遞進(jìn)的視覺(jué)關(guān)系:
相較于純色而言,漸變背景在視覺(jué)呈現(xiàn)上更具層次感,因此,如果你覺(jué)得頁(yè)面過(guò)于單調(diào),可以考慮使用漸變背景。
同樣地,跟各位舉幾個(gè)例子:
如果頁(yè)面上的素材風(fēng)格,有一定的漸變效果,那么為了讓視覺(jué)風(fēng)格,保持協(xié)調(diào)統(tǒng)一,可以考慮將素材中的漸變色,應(yīng)用在文字中,從而讓畫面變得更加協(xié)調(diào)。
簡(jiǎn)單舉幾個(gè)例子。
比如頁(yè)面主視覺(jué)元素是綠色,所以,可以考慮使用綠色漸變:
頁(yè)面整體風(fēng)格是藍(lán)色,所以,文字可以考慮使用藍(lán)色漸變:
為了表現(xiàn)火力,所以,使用黃橙漸變:
有些背景圖片的顏色,可能與整體的色調(diào)并不協(xié)調(diào)。
而為了保持視覺(jué)風(fēng)格統(tǒng)一,那么,這時(shí)候,可以將其變?yōu)榛疑?,然后覆蓋一層漸變蒙版,從而讓背景圖片更加出彩。
簡(jiǎn)單舉兩個(gè)例子:
以上,就是漸變色在PPT設(shè)計(jì)時(shí)的一些制作技巧,以及應(yīng)用場(chǎng)景,考慮到大家記憶力都很好,我就不總結(jié)了。
最后再去重復(fù)一遍,所有技術(shù)都是為了設(shè)計(jì)去服務(wù)的,希望這篇文章,能為你帶來(lái)一種新的設(shè)計(jì)思路。
就這樣。
]]>當(dāng)然本周的教程結(jié)束,如何調(diào)整漸變色這個(gè)配色難題,恐怕就不需要我們多解釋了。
歡迎你們轉(zhuǎn)發(fā)今天的教程給覺(jué)得配色是難題的朋友,因?yàn)橹恍枰恢埽瑥拇烁愣ǜ鞣N光線特效。
本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái),版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí),你可以用微信添加秋葉語(yǔ)錄關(guān)注,微信號(hào):ppt100
]]>