最近,收到一位讀者的留言,問我下面這張 QQ 音樂 banner 圖的標題文字效果,是怎么做的?
其實很簡單,這就是典型的文字虛化,算是一種較為常見的設計手法,比如用于海報設計:
或者是大會的主視覺設計:
相信大多數(shù)人看到這樣的文字效果,都會認為只有用 PS 才能做出來。其實不然,借助 PPT 中的圖片虛化功能,只需兩步,即可搞定高大上的文字效果!
就以“沒”字為例:
1. 復制文字,右鍵粘貼為圖片
2. 然后,給圖片添加虛化效果即可
調整正虛化半徑,半徑越大,文字就越模糊:
當然,如果你想單獨給某個筆畫,添加虛化效果,操作也很簡單!
原理和剛才的一樣,不同的地方在于,我們需要提前利用布爾運算中的拆分功能,將文字打散。
注意,這里還有一個很大坑,需要你去避免。就是如果我們直接將文字筆畫轉圖虛化,筆畫邊緣都會有一條明顯的分界線:
注意觀察文字筆畫的邊界
那么,我們該如何避免這條礙眼的分界線呢?
其實很簡單,我們只需要擴大筆畫的邊界即可:
就以“間”字為例,來看下我的操作:
1. 將文字拆分后,在筆畫下層插入一個形狀,注意這個形狀一定要大于文字的邊緣。
2. 設置形狀無填充以及無輪廓
3. 將形狀與筆畫組合,復制組合,右鍵粘貼為圖片
4. 我們給圖片添加虛化效果,你就會發(fā)現(xiàn)分界線消失不見了
我們再來看下前后的對比:
雖然虛化半徑都為 20,但左側的文字看起來就非常的生硬,而右側就比較自然,對嗎?
接下來,為了便于各位理解,咱們通過3個具體案例,來看下虛化功能,到底有什么用。
案例01
為了讓你更加容易理解,虛化文字效果的制作流程。咱們來看一個實際的操作案例,比如就這張封面了:
首先,我們可以對標題文案錯落排版,讓頁面看起來更有節(jié)奏感!同時,提取關鍵詞翻譯為英文,用來彌補標題排版的空缺:
其次,選擇一張合適的背景圖,并添加漸變蒙版,以此來降低圖片對文字的干擾:
然后,利用布爾運算將標題文字的筆畫打散,并對文字筆畫添加漸變效果:
最后,我們按照上面所講的方法,對部分筆畫虛化處理即可:
很輕松,我們就搞定了一頁極具設計感的PPT封面。
當然,「圖片虛化」除了能夠制作出高大上的文字效果,還有其他很多實用的操作技巧。
相信大家在使用圖片作為頁面背景時,大都會在圖片上方覆蓋一層蒙版,從而降低圖片對文本內容的干擾。
就像這樣:
但其實,對背景圖片虛化處理,同樣可以達到凸顯文本信息的目的。比如下面這個頁面:
將圖片虛化后,還能給人一種磨砂玻璃的質感。效果還不錯,對嗎?
除此之外,將圖片模糊化處理,還有著一個優(yōu)點,就是能夠弱化背景圖片的質量問題。
舉個例子,比如下面這頁封面,圖片選用了公司內部培訓的場景。雖然與標題相呼應,但由于圖片的質量問題,頁面所呈現(xiàn)出來的視覺效果,并不是很好:
這個時候,我們就可以將背景圖片虛化處理,以此來掩蓋圖片的質量問題:
和剛才比,有沒有好上很多呢?
案例02
為了讓你更加熟練的掌握,背景圖片虛化的技巧,我特意找了一些實際的 PPT 案例供你參考:
我們在展示某張圖片的重點內容時,可以把非重點內容虛化化處理,從而凸顯圖片中的重點部分。
這么說,你可能還不是很理解。咱們換個說法,就好比手機拍照的人像模式,把人物周圍的環(huán)境虛化,從而更好的展示人像:
明白了嗎?這就圖片虛化另一個非常巧妙的用法。而且,這個技巧也是大型發(fā)布會慣用的設計手法。
比如努比亞手機發(fā)布會的這頁幻燈片,為了重點展示新款手機的功能,而把手機周圍的環(huán)境虛化,讓頁面形成很強烈的空間感:
當然,像這樣的案例還有很多:
明白了嗎?通過對圖片非重點內容的虛化化處理,在很好的凸顯圖片重點的同時,也創(chuàng)造了文本內容的可放置空間。
案例03
同樣的,咱們再來看一個實際的案例,這是一頁有關微信支付付款碼的相關介紹:
根據(jù)文案含義,我們可以找到這樣一張背景圖片:
這張圖片含義倒還貼切,但是圖片中的超市背景卻顯得有些雜亂。
我們該如何處理呢?
首先,使用刪除背景或者其他在線摳圖工具,把圖片的重點內容(也就是手機付款碼)摳出來:
接著,為了降低超市背景對主體的影響,我們可以對整張圖片進行虛化處理:
然后,把摳好的手機付款碼疊加在虛化后圖片的上方,這樣,我們就達到了突出圖片重點的目的:
最后,對文案進行簡單的排版即可:
當然,如果你覺得頁面太過單調,我們還可以使用三維旋轉,讓頁面看起來更加有空間感:
利用近實遠虛的原則,為頁面上的裝飾元素添加模糊效果,進而營造頁面的的縱深感,讓頁面看起來更加有層次。
可能有讀者不太理解,不過沒關系,咱們來看兩個案例,你就明白了。
很多時候,我們?yōu)榱俗岉撁骘@得豐富,會在頁面周圍添加一些裝飾性元素,比如隨意擺放一些與內容相關的圖標:
或者使用一些漸變色塊:
雖然圖標、色塊的使用,讓頁面顯得非常的飽滿,但這些裝飾性元素和頁面的融合感很差,頁面看起來顯得很亂,而且沒有層次。
這個時候,我們就可以把圖標、色塊轉化為圖片,并將其虛化處理,就像這樣:
頁面的層次感是不是強了很多呢?
好了,以上呢,就是我結合平時制作 PPT 的經驗,總結的一些關于圖片虛化的使用技巧,考慮到文章有點長,再做一個簡單的總結:
好了,文章就這么多,希望能給各位一些啟發(fā)。
原文標題:這個被90%的人忽視的基礎PPT功能,原來這么好用,超酷!
]]>昨天晚上,小米 CC 系列手機發(fā)布,不知道有沒有讀者關注,相信應該是有的。?
據(jù)小米官方稱,這是一款定位年輕人的手機,但看完整場發(fā)布會,我更覺得,這是一款面向年輕女性的手機,因為它強調更多的還是美顏拍照。?
??
對我這樣一個很少拍照的男孩來講,幾乎對我沒有什么說服力。?
當然,這篇文章不是要跟大家討論手機的用戶定位,而是主要說一下它的PPT設計,有哪些值得我們借鑒的地方。?
都有哪些呢?我總結了3個點。?
與以往不同,這次發(fā)布會PPT的版式布局采用了圓形布局,就像這樣:?
?而之前都是矩形布局,大家知道為什么嗎?
?其實如果想要知道原因,我們可以從這場發(fā)布會的主視覺來分析:?
從主視覺上,我們能夠看得出,它所使用的就是一些圓形的堆疊。?
而為了能夠保持整場發(fā)布會視覺風格的一致性,在進行PPT設計的時候,我們一般也要從中提取一些視覺特征,比如圓形和漸變:?
?這是 PPT 過渡頁的設計:
明白了嗎??
當然,這種圓形分割的布局方式,還有一個好處就在于,可以增強頁面的視覺層次。?
什么意思呢?如果一個頁面,僅僅是這樣排列,在視覺上難免有些平淡:?
而如果我們能夠對頁面內容進行分塊,那么,視覺的層次感就會好很多:?
而且,如果再搭配上一些錯位的排版方式,也會讓頁面顯得更有創(chuàng)意:?
?
另外呢,偶爾附贈一個知識點,可能有些讀者會疑問,像下面這種圓形的圖片怎么設計的呢??
?很簡單,方法是這樣的。
?第一步,我們在頁面上插入一個圓形,尺寸可以稍大一些:?
?
第二步,在頁面上插入圖片,并且調整圖片位置:?
第三步,先選中圖片,再選中底部的圓形,點擊<形狀格式>,找到<合并形狀>,選擇<相交>即可:
??
整套發(fā)布會PPT中,還有一個很明顯的特征,是使用了大量的漸變搭配:?
這樣做有什么好處呢?除了前面說的跟主視覺風格保持一致外,還有一個點在于:?
使用色彩鮮亮的漸變色,可以更好地體現(xiàn)出年輕有活力的視覺效果。
?大家來感受一下:?
?
而且,除此之外,在發(fā)布會后半場的美圖手機中,PPT的背景變成了非常夢幻的少女色,更加能夠凸顯以女性用戶為主的產品定位:
?
這也是用顏色來呈現(xiàn)視覺風格的一個方法。?
那么,問題來了,這種很自然的漸變色是怎么創(chuàng)建的呢??
如果大家感興趣,可以閱讀我之前寫的一篇文章:?
在文章開頭,我已經說了,我覺得這是一個定位年輕女性的手機。
?而之所以會有這樣的判斷,從發(fā)布會PPT的配圖上就能看得出來。因為幾乎每一頁PPT中都有一些女孩的照片:?
即便是在展現(xiàn)一些產品攝影能力的樣張中,都是清一色女孩:?
?
而這樣做法的好處就在于,可以讓目標消費群體,更有場景感。所以,當我們再去制作產品介紹型的PPT時,也可以借鑒這一點。?
當然,除了上面的三個點之外,整場發(fā)布會還有一些其他的亮點,鑒于篇幅問題,就不詳細來說了。?
我希望通過這篇文章,讓大家清楚這些PPT背后的設計和商業(yè)思考,也希望能夠對大家有所啟發(fā)。
]]>我在之前PPT教程,經常會提到PPT這個布爾運算功能。因為它實在是太好用了,很多酷炫的效果,只要借助它,就能輕松搞定。就像下面這些:
?
很酷,對嗎?
雖然經常提到布爾運算,但一直沒有對它進行一個詳細的講解,這就導致一些 PPT 基礎較為薄弱的同學不知道我在講些什么。
?
考慮到這一點,所以我特意寫了這一篇文章。
?
其實布爾運算在 PPT 中叫做合并形狀,在通常情況下,它的功能按鈕是灰色的,只有我們選中頁面多個元素時,才能夠使用。它大致分為這么幾個功能:
?
在詳細的介紹布爾運算之前,這里有兩點值得你注意:
1.只有形狀、圖片、文字之間才能夠使用布爾運算,線條不能進行布爾運算。
2.先選中的形狀樣式決定著布爾運算后的形狀樣式。
對于第二條,可能有些朋友不是很理解,這里我簡單的舉個例子,比如我先選中黃色的形狀,在進行布爾運算后,得到的形狀就會是黃色:
?
而先選中藍色,在進行布爾運算后,得到的形狀就會變成藍色:
?
明白了嗎?
好了,明確了以上兩點,那么接下來,咱們就挨個的了解一下布爾運算的 5 個功能。
結合
將多個形狀合成一個形狀。比如使用一個正方形以及兩個圓形,就能組成一個愛心的形狀:
?
組合
多個形狀合成一個形狀,而形狀相交的地方則會被刪除。比如下面這兩個水滴形狀,在組合后,重疊的正方形區(qū)域就被刪除了:
?
拆分
將形狀拆分為多個形狀。比如水滴形狀在拆分后,就得到了兩個餅形和一個正方形:
?
?
相交
保留形狀重合的部分。比如兩個水滴形狀,在相交后,重疊的正方形區(qū)域就被保留了:
?
?
剪除
簡單來說就是形狀01減去形狀02。比如下面這兩個同心圓,在剪除后,變成了一個圓環(huán):
?
看到這,相信你一定明白了布爾運算的操作方法。那么,問題來了,這么酷的功能什么時候可以用呢?
這里我總結了兩種常見的應用場景,先來說第一種:
?
?
填充圖片紋理
通過圖片與文字的相交,從而繪制出各式各樣的文字效果,進而豐富頁面的視覺效果。
?
先選中頁面中的圖片,按 shift 鍵,再選中文字,最后點擊合并形狀中的相交即可。
為方便你更好的理解,咱們再來多看幾個案例,比如書法文字和墨跡圖片相交,增強書法字體的真實感:
?
或者與燙金紋理圖片相交:
?
當然,在選擇紋理素材的時候,我們也要盡可能的去貼近文字的含義,而不是一味的追求酷炫,因為只有這樣,才能更好的讓頁面視覺化。
?
來看一個實際的案例,比如下面這一頁PPT:
?
為了體現(xiàn)“川范兒”,我們就可以選擇極具四川特色的臉譜作為紋理,填充到文字當中。
?
“川范兒”的感覺是不是立馬就有了?
制作鏤空文字
這里主要用到了布爾運算中的剪除這個功能。
?
先選中頁面中的形狀,按 shift 鍵,再選中文字,最后點擊合并形狀中的剪除即可。
這樣做的好處就是,讓頁面更具通透感,在保證文本可識別性的同時,也能夠看到圖片背景:
?
如果再給鏤空文字底部的圖片或者形狀,添加上路徑動畫,就能做出酷炫的動畫效果:
當然,我們還可以把底部的圖片換成視頻素材,這樣視覺效果會更好:
文字藝術化處理
其實對文字藝術化處理,本質上就是把文字轉換為形狀。
先選中頁面中的文字,按 shift 鍵,再選中形狀,最后點擊合并形狀中的拆分,最后將多余的形狀刪除即可。
這樣做的好處就是,增加了文字的可塑造性。什么意思呢?來看幾個案例你就明白了。
比如我們可以把文字的部分筆畫刪除,營造一種缺失的美感:
?
?
或者更換部分筆畫顏色,讓頁面看起來更加有設計感:
又或者難度再高一些,對部分筆畫做虛化處理,讓文字有種若隱若現(xiàn)的感覺,從而豐富頁面的層次:
?
在今天的第二條文章中,專門寫了這個案例的制作方法,大家記得去看哈~
當然,我們還可以根據(jù)文字含義,將筆畫替換成圖標,讓文字的表達更具視覺化。比如為了表現(xiàn)一款手機的續(xù)航時間長,我們就把文字的筆畫替換成閃電:
?
或者為了體現(xiàn)過節(jié)的氛圍,還可以把文字替換成祥云:
?
相信大家都知道 PPT 中自帶了很多種形狀樣式。雖然看起來很豐富,但能用的也就那么幾個,而其他絕大部分形狀樣式,要么是效果不好,要么就是調整起來不方便。
?
說一個典型的例子,就是形狀中的立方體:
?
我們沒有辦法單獨去編輯立方體的三個面,這就導致使用 PPT 自帶的立方體做出來的頁面,效果往往不是很好:
?
再來看看使用布爾運算繪制的立方體:
?
效果是不是很贊呢?
關于立方體的繪制方法,主要用到了布爾運算中的拆分和剪除這兩個功能,感興趣的朋友,可以點擊下方圖片即可查看:
?
像立方體這樣復雜的形狀,布爾運算都能輕松搞定,那其他特殊形狀當然更不在話下了。
比如圓角矩形與三角形合并后,成為對話框:
?
來看一下應用到頁面中的效果:
?
或者用布爾運算來繪制創(chuàng)意的邏輯圖示:?
而上面這個看似很難的圖形,無非就是由三角形和圓形構成的:
?
以上,就是這篇文章的全部內容。
]]>