這周錘子科技的「堅(jiān)果Pro」發(fā)布會(huì),大家都看了么?
嗯,即便算不上忠實(shí)的錘粉,但好歹陳老師還是買過「堅(jiān)果」初代機(jī)的偽錘粉一枚,雖然暫時(shí)不打算入新手機(jī)把玩,本著對(duì)老羅個(gè)人魅力的崇拜,我還是關(guān)注了一下這場(chǎng)盛大的相聲表演哦不……是手機(jī)發(fā)布會(huì)。
發(fā)布會(huì)開場(chǎng)之前,在LED屏幕上先聲奪人的這顆巨大的藥丸,可謂是吊足了網(wǎng)友們的胃口:
看完發(fā)布會(huì)之后,大家都知道了,這顆巨大的膠囊,指的是這次錘子系統(tǒng)新增創(chuàng)新功能的一大賣點(diǎn)——「閃念膠囊」。
這一項(xiàng)微創(chuàng)新的功能,可以讓用戶在不解鎖的情況下用語音記錄下一些一閃而過的靈感,或者待辦事項(xiàng),在解鎖后手指在屏幕邊緣輕輕一劃,就可以用「語音+文字」的形式查看自己記錄的所有「閃念」,非常適合移動(dòng)辦公,把手機(jī)當(dāng)做生產(chǎn)力工具的人群。
雖然不打算因此而入手「堅(jiān)果Pro」,但陳老師的確被這一功能的「微創(chuàng)新」和漂亮的圖標(biāo)給吸引住了。
這一紅一藍(lán)兩顆膠囊,像極了《黑客帝國》里墨菲斯攤開手讓尼奧選擇的那兩粒藥丸:
You take the blue pill – the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill – you stay in Wonderland and I show you how deep the rabbit-hole goes.
或許「閃念膠囊」圖標(biāo)的設(shè)計(jì)師也有此意吧——Show us how deep the rabbit-hole goes。
PPT繪制出來的「閃念膠囊」到底有幾分相似度呢?借用老羅一句話:「廢話不多說,先看東西」:
怎么樣,還看得過去吧?下面陳老師就給大家揭秘繪制過程:
1、首先使用「矩形:圓角」形狀繪制出一個(gè)圓角矩形,參照藥丸的大小和長度進(jìn)行調(diào)節(jié),拖動(dòng)控點(diǎn)增大圓角得到藥丸的基本形狀:
2、為圓角矩形添加線性漸變填充,在默認(rèn)漸變方案的基礎(chǔ)上,將漸變角度調(diào)整為0°,四個(gè)漸變光圈的顏色兩兩相同,左側(cè)兩個(gè)RGB值(233,13,13)、右側(cè)兩個(gè)RGB值(216,214,218):
PS:看上面的對(duì)比圖你會(huì)發(fā)現(xiàn)原版的圖標(biāo)更加「泛白」一點(diǎn),如果追求更加接近的效果,也可以自行調(diào)色,以上RGB值僅供參考。
3、移動(dòng)中間兩個(gè)光圈的位置,使它們均位于50%處,這樣兩個(gè)光標(biāo)就會(huì)重疊在一起,漸變就會(huì)變成「突變」,膠囊的顏色分界就出現(xiàn)了:
4、將邊線色設(shè)置為白色到黑色的漸變線,其中白色透明度100%即完全透明,漸變角度90°,這樣就可以塑造出膠囊下方比較深色的陰影部分:
5、為膠囊設(shè)置「三維格式」。設(shè)置頂部棱臺(tái)類型為「圓形」,寬度30磅、高度20磅(陳老師繪制這顆藥丸尺寸為1.96厘米×4.5厘米,如你繪制的藥丸比較大,則應(yīng)相應(yīng)增加磅值,反之則減小)、曲面圖大小0磅、材料選擇「塑料效果」、光源選擇「柔和」:
6、三維格式設(shè)置好之后,再為其加上向下的陰影效果,藥丸一下子就生動(dòng)了許多。事實(shí)上,如果你是新手的話,能做到這一步已經(jīng)不錯(cuò)了:
只需要把紅色的兩個(gè)光圈改為藍(lán)色,RGB值(37,102,231),即可得到藍(lán)色膠囊。如果還想做得更像一些的話……嗯,繼續(xù)往下看吧!
以下內(nèi)容為中級(jí)選手進(jìn)階內(nèi)容
7、參考藥丸上半部分的大小及三分之二的長度,繪制一個(gè)圓角矩形,如下圖所示:
8、為圓角矩形添加5磅的「柔化邊緣」效果,然后將其設(shè)置為漸變填充,一左一右的光圈均為白色,但左側(cè)光圈透明度20%,右側(cè)光圈透明度100%,這樣就得到了一個(gè)手工繪制的高光光斑:
光斑疊加到膠囊上的效果:
9、繪制兩個(gè)圓角矩形,如下圖左側(cè)這樣疊置在一起,使用「合并形狀-剪除」得到中間的形狀,然后設(shè)置「柔化邊緣」效果、85%的透明度,作為膠囊上的暗部:
因?yàn)椤溉峄吘墶故褂玫氖?span>絕對(duì)值單位「磅值」,不會(huì)隨形狀的放大和縮小而相應(yīng)改變,所以當(dāng)形狀繪制得大小不一樣時(shí),達(dá)到相同柔化效果需要柔化的磅值也不同。因此呢,陳老師就不給出具體的柔化磅數(shù)了——矩形大小不同,柔化磅數(shù)就需要得不同,大家參考最終效果酌情設(shè)置即可。
10、調(diào)整一下柔化后形狀的尺寸大小,疊置在膠囊上,即可得到帶暗部效果的膠囊了:
藍(lán)色膠囊效果:
效果還不錯(cuò)吧?用這兩顆膠囊就能做出一個(gè)不錯(cuò)的PPT頁面來哦:
OK,如果你對(duì)自己的PPT繪圖技能有信心,又愿意花時(shí)間的話,陳老師再教你如何繪制圖標(biāo)的剩余部分,也就是膠囊背后的鋁板部分。
以下內(nèi)容為高級(jí)玩家死磕部分
11、參考藥丸的大小,再繪制兩個(gè)圓角矩形:
12、將圓角矩形填充為灰色,RGB值(217,217,217),邊緣線均設(shè)置為漸變線、漸變角度90°即從上往下,不過漸變的方案有所不同:
小圓角矩形邊緣線的漸變光圈有四個(gè),均為白色但透明度不同:兩頭的光圈透明度25%,中間兩個(gè)光圈透明度100%,位置一個(gè)在45%,一個(gè)在75%——這樣就可以做出頂端和底端白色,但左右兩側(cè)又「斷開」的邊緣效果:
大圓角矩形邊緣線的漸變光圈有兩個(gè),與小圓角矩形的左側(cè)兩個(gè)光圈顏色、位置均相同。因此可以用格式刷將小圓角矩形的屬性刷給它之后,刪除右側(cè)兩個(gè)光圈即可:
繪制完成后,將大小圓角矩形放回最開始膠囊下方的位置,整體效果如下:
13、接下來繪制半透明的投影。繪制一個(gè)圓角矩形,并設(shè)置柔化邊緣:
14、設(shè)置漸變方案為「路徑」?jié)u變,這一漸變形式可以根據(jù)形狀的外形從四周向中心漸變。具體的光圈設(shè)置參數(shù)及效果見下圖,略復(fù)雜:
這一中心略帶深紅色的陰影是紅色膠囊的陰影,藍(lán)色膠囊的陰影參數(shù)及效果如下:
可能你要問:“哎陳老師你怎么知道該這樣設(shè)置啊?”
我只能說:用心去感受。具體的說來就是仔細(xì)的觀察對(duì)比原作,修改調(diào)整設(shè)置、觀察效果、感受差別,然后逐步靠攏。這個(gè)過程非常考驗(yàn)?zāi)托摹?/span>
15、最后就是繪制鋁板了。參考膠囊大小,繪制一個(gè)大圓角矩形,并復(fù)制一份:
然后繪制一條長條形的矩形橫穿過其中一個(gè)圓角矩形:
16、按住
17、選中所有矩形橫條,使用「合并形狀-聯(lián)合」,將它們合為一體。注意不是使用「組合」:
18、框選聯(lián)合后的矩形條陣列和底部的圓角矩形,使用「合并形狀-相交」,得到具備圓角矩形外觀的矩形條陣列:
19、將得到的形狀填充為灰色,RGB值(229,231,235),去掉輪廓線;將之前復(fù)制出來的圓角矩形填充為淺灰色,RGB值(241,242,243),邊緣色(217,217,217),然后將它們重疊在一起,底部的鋁板就基本上畫好了:
20、為圓角矩形設(shè)置方向向下的陰影,RGB值(229,231,235),透明度63%,合適的模糊值和磅值,鋁板的繪制就全部完成了:
21、將所有部件居中對(duì)齊疊置到一起,「閃念膠囊」就畫好了:
看一下最后的效果:
再看一遍對(duì)比圖:
教程到這里就結(jié)束了,要是你對(duì)自己的PPT繪圖能力有信心,就動(dòng)手畫畫看吧!
鳥語蟲聲總是傳心之訣,花英草色無非見道之文!
隨手點(diǎn)點(diǎn)下方廣告,無需下載即可幫研之成理創(chuàng)收哦。感謝!
聯(lián)系客服