-
1 # 上海天盾資料恢復中心
-
2 # iSlide
近幾年扁平化設計風格在各種設計領域盛行,扁平化的設計強調使用最少的元素,並排斥使用其他一切複雜的效果,如漸變、陰影、紋理等。
在經歷了幾年的扁平風的席捲之後,也許設計師和大眾都多多少少對扁平化設計產生了視覺審美疲勞,近兩年漸變風又逐漸迴歸。
無論網頁設計還是手機APP的UI元素,所有的一切都表明,漸變以一種微妙的方式貼合了這個時代對美的追求。
今天當我們瀏覽graphicriver、pinterest、dribbble、behance等設計網站上最新的PPT設計時,我們會發現漸變的風格已經佔據了絕大多數。
那麼漸變在PPT中應該如何實現?
1.PPT中的漸變色填充方法在PPT中我們可以對形狀、線條、文字等元素進行漸變色填充。
填充漸變色的方法很簡單,右鍵單擊填充漸變色的目標物件,從選單中選擇設定形狀格式,然後選擇填充型別為【漸變填充】即可。
但是需要注意的一點是我們儘量不要直接選擇PPT軟體提供的預設漸變預設,因為office軟體有個鐵律:預設的樣式都很醜。
開啟漸變填充後有幾個選項,分別是:預設漸變、型別、方向、角度以及漸變光圈等,其中漸變光圈的設定選項中,我們可以設定每個漸變光圈的顏色、位置、透明度和亮度。
雖然看起來設定選項有點多,但是不必緊張,當你瞭解了每一項對設定漸變有什麼作用和影響以後,你就可以把你心中所想的漸變之美在PPT中呈現出來。
漸變預設在漸變預設中軟體提供了一些漸變樣式,可以看出這是當前PPT包含的6個主題色的各種單色漸變。我們只需瞭解一下即可,實際使用中幾乎用不到這些預設的漸變。
漸變型別、方向和角度漸變型別有四種,分別是線性、射線、矩形、路徑。這四種類型的漸變方式透過方向和角度的變化,可以實現豐富多樣的漸變效果。我們先透過下圖對每一種漸變型別直觀的感受一下。
下面舉一個線性漸變的例子,加深我們對漸變色設定的理解。
我們只看上圖海報的漸變背景,這裡用了一個三色的線性漸變,方向是從左下到右上的一個角度設定。
在漸變方向的選項中,恰好有一項就是這種對角線方向上的線性漸變,選擇後我們會發現,漸變角度會自動變成315°。
而至於如何在漸變中增加更多的顏色、如何控制每一種顏色在整體漸變中所佔的比例、如何調節每種顏色在漸變中的位置等細節,我們需要了解漸變光圈。
繼續以上圖中的漸變背景為例,來看看這一個漸變色的漸變光圈的設定:
另外對於每個漸變光圈中顏色的透明度和亮度也是可以靈活調節的,尤其是透明度的變化,能夠催化出新的創造力。
2.使用漸變色讓圖片更奪目在今天的很多網頁設計中,優雅的插畫和精美的圖片都能在彩色漸變的加持下,氣氛煥然一新,網頁開始變得光彩奪目。
我們在PPT設計中可以很好的借鑑這種處理方式,提高PPT的美觀度。
首先,彩色漸變能使圖片瞬間變得耳目一新,卻不會增加負擔 。其次,透過搭配傳遞各種情緒的色彩,很好地豐富了設計。第三,作為一層半透明的遮罩,它不會掩蓋主背景的魅力。最後,它為上層的文字的內容提供了堅實的背景基礎,兼顧了可讀性。
漸變填充在全圖型PPT中的使用在全圖型的PPT設計中,巧妙地藉助漸變遮罩層,能讓我們設計的頁面更有視覺吸引力:
這種呈現方式在PPT中做起來非常簡單,我們如果把這個PPT頁面元素分層拆開來看,畫面中所有的構成元素都一目瞭然:最底層是一張圖片,第二層是一個漸變填充的矩形,再往上層是兩個修飾性的漸變色塊,最頂層是文字。
在這個案例當中,形狀的填充都是單色漸變,而且還存在透明度的過渡,這種在單色漸變中使用透明度進行過渡的設計方法大家應該瞭解。
利用漸變實現圖片跟背景的完美融合有時候我們需要在圖片上面新增一個漸變填充圖層實現圖片跟背景的融合,舉個例子說明:
在這一頁幻燈片中,我們在圖片上面添加了一個白色的單色漸變,透明度由0%到100%進行過渡,使得圖片能夠跟白色背景很好的融合:
因為圖片並不能填滿整個背景,所以如果不新增這個白色漸變的色塊,底層圖片就會在畫面中間產生一個突兀的邊界,影響美觀度,如下圖所示:
這一頁PPT看起來就像是一個還沒有完成的半成品,所以當我們的圖片不能填滿整個頁面,或者說在頁面中產生這種突兀感的時候,你不妨試一試用漸變色塊,讓圖片更和諧。
操作方法非常簡單,結合下圖進行說明:首先畫兩個圓,一個藍色的大圓完全遮蓋住PPT頁面,然後在頁面中任意位置畫一個很小的綠色圓形;
同樣的操作,我們可以用菱形、三角形、平行四邊形、正多邊形等等各種形狀,一鍵生成形形色色的漸變背景。減少補間數量中的數值,還能產生漸變過渡的紋理效果。
你可以自己發揮創意,利用補間動畫建立更豐富的漸變背景,不要小看自己,大膽嘗試,你會優秀的嚇自己一跳。
4.漸變配色網站推薦漸變雖美,但是要注意色彩搭配,如果搭配不當,很可能辣的你睜不開眼。這裡推薦3個實用的漸變配色網站:
https://webgradients.com/
https://webkul.github.io/coolhue
這是一個相當實用的漸變背景網站,每個色塊左下角會有兩種顏色色碼。將滑鼠遊標移動到色彩上方,右下角會顯示下載圖片圖示。你可以下載圖片直接使用,或者用PPT軟體的取色器吸取其中的顏色進行漸變色搭配。
https://uigradients.com/#Mirage
-
3 # 利兄PPT教學
HELLO 大家好,我是滿血歸來的利兄!
昨天朋友發我一張截圖,是一條新聞,說一大學生靠PPT賺了30萬,恰好這個大學生我正好也認識,所以我並不覺得驚訝,一年賺個幾十萬在這個圈子裡並不是特別的難。
所以大家是不是一下子也興奮了,想好好學習了。
閒話不說,進入今天的主題,我們來說說漸變色。在PPT中漸變色非常普遍,一些好看的設計幾乎都會用到這一技巧。
那麼它是如何製作出來的呢?
其實,在PPT中實現漸變非常簡單,但要用好特別的難,這個一會會說,先來說說如何實現這種漸變效果。
在PPT中,要想設定漸變色,只需要開啟設定背景格式的屬性欄就可以。
漸變色的設定主要透過三個變數的調整,分別是漸變型別,漸變方向還有漸變光圈。
漸變型別,大部分選擇的都是線性漸變,漸變方向和漸變角度這個也很好理解。
漸變光圈是漸變最重要的部分,它包含漸變的顏色、位置、透明度和亮度。我們可以在漸變光圈上增加和減少顏色的控點,以此來影響漸變的效果。
說完了漸變的設定,我們來看看具體的運用,這個是今天的重點。
用法一
用漸變來做背景。
這個是最常見的用法,在PPT中也非常的常見,比如蘋果、錘子等釋出會都喜歡用藍色漸變背景。
如果你覺得深藍色的不夠酷,還可以換一種,比如像這樣的PPT背景。
舉個非常簡單的例子,下面這個PPT用的純色背景,感覺是不是有些單調。
我們給他換一個漸變背景,是不是好了很多。
用法二
用漸變來處理圖片
當我們的圖片不夠寬的時候,拉伸圖片容易變形,最好的辦法就是用漸變來處理。
比如下面這個案例,圖片太短,而且干擾有些強。
所以,我們需要給它新增一個漸變的蒙版,蓋在圖片上面,這樣既處理了圖片不夠寬的問題,還降低了圖片的干擾。
這種案例非常多,再給大家舉幾個類似的。
用法三
用漸變做蒙版
漸變除了可以解決圖片不夠寬的問題,半透明的漸變蒙版,還可以為幻燈片增色不少。
製作也非常簡單,直接在圖片上面加一個漸變的色塊,然後調整顏色的透明度。
用法四
用漸變來處理文字
這個很簡單,其實就是漸變文字,因為純色的文字,它的表現力不及漸變色的文字。
所以在一些場合,尤其是文字比較少的情況下,我們會用漸變文字。
比如這個案例,是不是挺好看的。
類似的案例,還有很多。
用法五
用漸變來處理圖表
在圖表中使用漸變,簡直不要太好看,而且可以給圖表一種運動感。
柱狀圖,我們可以這樣來填充。
折線圖,我們也可以設定這樣的漸變。
條形圖,我們還可以設定成這樣的形式
還有帶光效的面積圖
用法六
用漸變來處理形狀。
當文字特別少的時候,PPT會顯得特別空,非常單調,就像下圖這樣。
這個時候,我們可以用形狀和漸變製作出一些非常有科技感的“容器”,把這些文字丟到容器裡,感覺一下子就有了。
這個容器,就是用漸變來製作的。
是不是非常酷
-
4 # PPT進化論
接觸PPT的人基本上都會玩漸變色,用好漸變色,你的PPT也能讓老闆眼前一亮。
但是大多人用漸變色做出了這樣的效果:
很沒創意,也比較單調對不對。
PPT高手利用漸變會做出這樣的頁面:
還有這樣的漸變圖表,看起來就很不一樣,對嗎?
看到這些漸變做出來的圖片,是不是很想學呢?
咱們先來看一下,漸變可以怎麼用。
全圖型漸變蒙版在全圖型幻燈片上,為了更好的在圖片突顯上文字,我們需要在圖片和文字之間加上一層漸變蒙版,這樣,就不會影響圖片和文字的清晰度。
漸變圖表在PPT中經常會用到表格之類的,那我們為了讓圖表更好看,更抓人眼球,可以用漸變色做出不一樣的效果。
利用這種漸變我們能夠很清楚看到兩組資料的變化。
文字漸變在一些科技類的封面中,我們為了增加頁面炫酷的感覺,可以將字型設定成漸變的,效果就會很不一樣!
頁面上的這個24也是利用漸變做成的
線條漸變用漸變填充線條可以做出很酷的光效效果!
比如,在漸變的線條上加入動畫可以做成這樣的炫酷的光效,增加神秘的色彩。
下面講一下具體是怎麼做的:
其實都是藉助了PPT中的這個小功能,選擇漸變填充,設定漸變的顏色、位置、透明度等就可以了。
大家可以思考一下,這樣的漸變字型是怎麼做出來的呢?
具體的步驟:
1、將一句文案,拆分為單獨的文字框。
3:設定兩個漸變光圈,角度為0°
4:左邊游標透明度設定為0%,右邊為100%
漸變的具體操作相信大家2分鐘就能學會,重要的是怎樣去圖調整這些漸變的顏色。
那麼問題來了,如何去挑選漸變的顏色呢?
利用專業的配色網站我們自己做的時候經常會出現色彩搭配不協調,色彩混亂的情況,藉助一些配色網站就可以輕鬆解決我們的配色問題。
配色網
CoolHue
利用圖片直接去圖片素材網站上找一些好看的圖片,可以利用取色器進行取色,這樣搭配出來的顏色不會太辣眼睛。
看到網頁上好看的色調也可以直接用取色器提取!
-
5 # 永中軟體
PPT設計中經常需要用到色塊漸變,下面就以人物介紹頁為例,給大家介紹下具體操作。
操作步驟1,繪製底部背景,我這邊選用的是三角形,多複製幾個,調整大小細節,疊加在一起;
2,進行純色填充,顏色越往外越深,但都為同一色系(以紫色為例),設定線條顏色為“無線條”;
3,給三角們新增外陰影,引數設定是“外部-居中偏移“,透明度“80%”,虛化“20磅”,大小“102%”;
4,準備人或物的相關素材,建議是透明底的素材,放置於色塊中間,為了增加質感,可以為素材新增陰影;
5,在兩邊插入矩形文字色塊,輸入對應的文字,設定陰影樣式以及調整文字的疊放位置,在對應位置“下移一層”,放在兩個三角形的中間圖層即可。
回覆列表
有時候我們想在PPT裡面設定一些漸變色背景,那麼漸變色要怎麼做呢?
3.配色網站如果怕自己做的漸變色不夠好看的話,可以使用配色網站來幫忙哦!
CoolHue
提供各種漸變配色方案,以分享美麗漸變色彩為主的分享站,裡面接近上百種漸變配色方案,可以直接下載做PPT背景使用。