不知不覺,又到周五啦!
是不是覺得這幾天干貨少了?那是因為小編在憋!大!招!
事情是這樣的:說是那天,我閑來無事,翻看以前的文章。赫然發(fā)現(xiàn),原來我留了那么多的扣子,挖了那么多坑,居然一個都沒填!
忘記了?還記得8月10日,我們發(fā)了一篇《一頁一點,讓信息密集的PPT井井有條嗎》?文章中,我們做了幾組不那么尋常的圖標(biāo)(icon):
由于篇幅限制,我們只是為大家展現(xiàn)出了結(jié)果,而沒來得及說我們這樣做的思路,以及具體的操作方法。
相信大家心里也是充滿了疑問:好好的圖標(biāo),怎么就會變成碎片化?中間那只蟲子,到底是怎樣吃掉信封的?
先來說說思路吧。
Iconfont是個好網(wǎng)站,搜到的圖標(biāo)能滿足絕大部分需求。但是,那上面搜到的圖標(biāo)大部分都是單個的,而有一些情況,比如上述案例中,單個的圖標(biāo)是不足以表現(xiàn)所配的說明文字中的多重含義的。
比如,要表現(xiàn)郵件的泄露,我們可以很輕易的搜到「郵件」的icon;但很難找到一個icon,既能表現(xiàn)出「郵件」,又能表現(xiàn)出「泄露」……
再比如,企業(yè)通信信息的泄露,我相信你心心念念地想要找一個能夠表現(xiàn)出「隔墻有耳」的圖標(biāo),但是這樣一個關(guān)鍵詞極度限定的場景下,能找到的資源也一定是少之又少:
▲ 無論是搜「郵件泄露」還是「竊聽」,統(tǒng)統(tǒng)木有~
面對這種種訴求,小編在這里謹(jǐn)提供三種思路,供君參考:
1. 對現(xiàn)有圖標(biāo)的改造
2. 2個(或多個)圖標(biāo)的組合
3. 上述兩種方法的綜合(1 1>2)
大家和上面的案例對照一下,看看我們分別用到哪種思路?
▼▼▼
無論用的哪種思路,都是對PPT中的圖標(biāo)在動刀。而達(dá)到這一目的的首要條件,是需要你的圖標(biāo)是矢量的。好在,除PNG外,Iconfont還提供了矢量格式的下載。
如下圖,點擊下載后,可以看到下載選項。其中的SVG和AI都是矢量格式。AI自不必說,是Adobe家和Photoshop平起平坐的看家利器。而SVG,則是應(yīng)用于網(wǎng)頁的一種矢量格式?,F(xiàn)在兩種文件格式都可以直接導(dǎo)入Office 2016
雖然Office 2016能夠直接導(dǎo)入Ai文件,但并不能做到對頂點的編輯。所以請允許我臨時搬個救兵:LibreOffice。
你問我為什么不直接用Ai?因為我們不是專業(yè)的設(shè)計師,所以沒必要為一個小小的需求而大費周章地去安裝那多達(dá)2個多G的軟件。
好,喘口氣,同學(xué)們先自行百度并安裝這款軟件——LibreOffice。接下來可是高能內(nèi)容哦!準(zhǔn)備好了嗎?
▼▼▼
相信你已經(jīng)安裝好了那款小軟件了吧!那我們就可以開始啦!
剛剛我們已經(jīng)提到過了:「郵件」好找,「泄露」難尋,「郵件的泄露」就更是很難搜到。
但是換一種思路,給圖標(biāo)「撕一個角」,讓碎片「隨風(fēng)飄散」,是不是「泄露」的感覺一下就出來了?
好,現(xiàn)在的主要矛盾就變成了:怎樣的操作,才能讓icon變得「四分五裂」?
咳咳,小編要開始講課啦!乖乖坐好認(rèn)真聽:
1. LibreOffice 預(yù)處理
在iconfont上搜索好圖標(biāo)后,點開下載,什么都不用調(diào),直接選擇「SVG下載」。而后,打開Libre Office,新建一個Impress演示文稿,將剛剛下載好的SVG文件拖入其中。
打開之后,我們一般只要做兩件事:
第一步:在圖標(biāo)上右鍵,選擇「分開」命令
第二步:將這個文件另存為PPT格式,而后,用 PowerPoint 打開。
2. 調(diào)教:萬能的「拆分」
Office 2013開始,PowerPoint的形狀運算功能大大增強(qiáng)。選中兩個及以上的形狀后,在「形狀工具」選項卡中就會出現(xiàn)「形狀工具」命令。Win版的PowerPoint形狀運算分別被命名為:聯(lián)合、組合、拆分、相交和剪除。
如果你還不是特別理解它們的具體含義,可以借助高一學(xué)的「集合的運算」來理解一下:
OK,如果你到現(xiàn)在還是看得一頭霧水,也沒有關(guān)系。我們不妨來看一看運算后的結(jié)果,能看出什么門道?
我們發(fā)現(xiàn),除「拆分」外其它的運算,都會讓原先的圖形或多或少的產(chǎn)生缺失。比如「聯(lián)合」,原先正方形在重合范圍內(nèi)的邊就直接給合并掉了;「組合」,中間重合的圖形被鏤空;至于「相交」和「剪除」,更是只留下了碎片。
而唯有「拆分」,運算之后沒有任何缺失,只是將重合的圖形按邊框進(jìn)行了裁剪,卻將裁剪的部分進(jìn)行了保留:
敲黑板了啊同學(xué)們!我們要的是「撕裂」,所以是要從原來的圖標(biāo)上「撕下來」,這就意味著原有素材在拆下來后是不能有缺失的。所以,使用「拆分」是絕對不會錯的選擇。
怎么拆呢?想想如果你在現(xiàn)實中要把信封的一角撕下來,會怎么撕?
不用問,一定是先撕下一大角,然后再對撕下來的那一角繼續(xù)撕。
多說無益,看圖:
拆分之后,把多余的部分刪掉,原有的部分得以保留,但并不是都需要。刪掉作為「尺子」的那一部分,留下我們需要的,也就是撕下來的部分:
接下來,就是對拆分下來的部分繼續(xù)「拆分」了。方法當(dāng)然還是跟前面的步驟一樣,畫一個帶有折角的封閉多邊形。具體拆分成什么樣子,看個人感覺:
3. 處理碎片,隨風(fēng)飄散
經(jīng)過不算那么復(fù)雜的幾個步驟,我們已經(jīng)成功得到了碎片。那接下來,就要考慮怎樣實現(xiàn)隨風(fēng)飄散的效果了。
其實非常簡單,將碎片脫開點距離,旋轉(zhuǎn)出不同的角度,隨心擺放即可:
再根據(jù)你所做的幻燈片的主題色,改一下顏色,配上文字。我們在不借助第三方工具的情況下,完成了對圖標(biāo)的改造:
將單個圖標(biāo)稍加改造,就成了我們希望的樣子。而有些情況,一個圖標(biāo)是遠(yuǎn)遠(yuǎn)不夠用的,怎么辦?拼唄!
▼▼▼
這一詞組,同樣面臨著無法直接找到合適圖標(biāo)的尷尬?!竿ㄐ拧惯€好說,可以用個電話聽筒來示意;「通信的泄露」呢?總不能讓電話聽筒也隨風(fēng)飄散吧!
1. 思路
我們的腦洞可以再開大一點,既然我們有了「電話」作為通信的表達(dá),那么電話中內(nèi)容的泄露就可以在背離電話的方向放一只耳朵,代表信息被竊取了。
說干就干!這兩個圖標(biāo)還是比較容易能夠搜到的:
照例,先在在LibreOffice中預(yù)處理一下,再到PowerPoint去編輯。
當(dāng)我們把耳朵背離于電話聽筒擺在一起時,感覺好像還是差了那么點意思:
原因就在于,兩個圖標(biāo)之間沒有建立起來任何感官上的聯(lián)系,普通人看來它們就是孤立的。
2. 細(xì)節(jié)
怎樣傳神地表現(xiàn)出通話內(nèi)容被竊聽?首先,電話聽筒不應(yīng)該就這樣尷尬地放在這里,而應(yīng)該是顯著有聲波從里面?zhèn)鞒觥?/span>
其次,在背離聽筒的方向,角落里的小耳朵在聆聽著從聽筒中傳出的聲音,方向,是指向信息來源的。
沒錯,其實在開場你們已經(jīng)見到了:
輻射的icon自然可以去iconfont上面找,不過小編還要自豪的說一句,這是小編我自己用PowerPoint畫的!至于方法嘛……你看,這個圖標(biāo)實質(zhì)上是由若干個半徑不同的同心扇形構(gòu)成,把它們疊在一起(注意這些扇形的半徑是可以拉開一點的,方便之后的刪除),再用百試百靈的「拆分」,拆去無用的部分即可。
3. 對比
還要再嘮叨一下,這兩組圖標(biāo),用到了不同的填充方式:耳朵那一組的圖標(biāo),用的是深色填充,無框線;而電話那一組的圖標(biāo)則是淺色填充,深色框線。
這樣做的目的,意在強(qiáng)調(diào)原本不起眼的元素。
在這個組合而來的圖標(biāo)中,電話聽筒的尺寸要比耳朵大得多,如果耳朵和聽筒都采用淺色填充 深色線框的樣式,則會很容易讓人忽略掉在角落里的那只耳朵,那么,反而起不到我們原先要表達(dá)的意圖了。
而我們通過這個方法,形成了深淺對比,人為扭轉(zhuǎn)了原先因尺寸不同而造成的大小對比。這,就是自己制作圖標(biāo)時的講究。
▼▼▼
學(xué)習(xí)這件事情,是一個積累的過程,從而達(dá)到融會貫通,往往會有1 1>2的效果。比如,下面這兩個描述,單用上面的方法已經(jīng)不足以表現(xiàn)內(nèi)涵了:
那么你完全可以有大膽的想法:將我們前面講的兩種方法結(jié)合,一定可以出色地完成詞組里面想要表達(dá)的內(nèi)容。
簡單說一下思路。
企業(yè)應(yīng)用被破解、攻擊:
談起應(yīng)用被攻擊,可以用現(xiàn)實中的蟲子來表達(dá)抽象的電腦病毒。而企業(yè)應(yīng)用,可以用一個命令行窗口的小圖標(biāo)來表達(dá)。
將兩個圖標(biāo)組合,我們得到了這樣的結(jié)果:
基本的元素是具備了,但是沒有表現(xiàn)出「破壞」。而最簡單粗暴地表現(xiàn)「破壞」的方式,當(dāng)然還是撕裂。
員工主動外泄辦公設(shè)備:
思路同樣很清晰,我們的圖標(biāo)中要有「員工」和「辦公用品」兩個要素?!杆航撬槠谷允潜憩F(xiàn)「外泄」的極佳方式。
▼▼▼
不知不覺,我們的文章竟然已經(jīng)寫了3千余字,回望過去滿滿的全是干貨。不知道同學(xué)們學(xué)得怎么樣了?都掌握了嘛?我寫得再多,你看得再多,如果沒有實際的動手練習(xí),你依然只是個看客而已。操練起來吧!