這是一個(gè)全新的專題,但要弄清楚棺滞,這不是我的第一次嘗試裁蚁,我以前也做過(guò)不少動(dòng)畫,只不過(guò)是發(fā)在朋友圈继准,這不太正式枉证。我也想趁早,把所有成果集合在一個(gè)平臺(tái)移必,一個(gè)正式點(diǎn)的平臺(tái)室谚,以后有人想知道我的作品或者水平?我會(huì)叫他去簡(jiǎn)書搜索黃顯浩崔泵,可以了秒赤。
之所以不直接分享視頻,是考慮到視頻的緩沖要很久憎瘸,體驗(yàn)不好入篮,而且費(fèi)流量。我把它們導(dǎo)出成了Gif幌甘,非常小的一丟丟潮售,幾百kb痊项,可以了。
幻燈片動(dòng)畫酥诽,大家的印象中可能是切換鞍泉、轉(zhuǎn)場(chǎng)等之類的,常規(guī)的肮帐。在這個(gè)專題里塞弊,這些肯定會(huì)有,但我當(dāng)前更想呈現(xiàn)不一樣的東西泪姨,幻燈片動(dòng)畫的極限可以去到哪里?今晚我就開門見山饰抒,而這肮砾,只是冰山一角......
少?gòu)U話,上圖袋坑!
【下圖】下面這個(gè)動(dòng)畫很簡(jiǎn)單仗处,就是我們常見的開關(guān)按鈕,我之前做過(guò)用幻燈片模仿過(guò)iOS的開關(guān)按鈕枣宫,99%的相似度吧婆誓,可以了!
這個(gè)開關(guān)動(dòng)畫很簡(jiǎn)單也颤,層級(jí)只有2層洋幻,其次顏色很簡(jiǎn)單。只需要把握的一個(gè)點(diǎn)就是——圓圈到一端的時(shí)候翅娶,元素點(diǎn)亮的時(shí)間點(diǎn)文留。
【下圖】下面這個(gè)動(dòng)畫的畫龍點(diǎn)睛之筆在于中間的“點(diǎn)”的變化,透明度竭沫、大小燥翅、位置都在變化,動(dòng)感十足蜕提;配合外圈的變化森书,很爽!
【下圖】下面這張動(dòng)畫的訣竅在于層級(jí)和布爾運(yùn)算谎势,我把關(guān)鍵詞給你了凛膏,你自己可以試試。
【下圖】指紋識(shí)別的手機(jī)不少脏榆,這次我應(yīng)景了R氚亍!姐霍!指紋輸入那個(gè)過(guò)程怎么做鄙麦?現(xiàn)在阿里巴巴圖標(biāo)素材庫(kù)搜索指紋典唇,下載一個(gè)復(fù)制到幻燈片中,然后用幻燈片形狀中的自定義線條胯府,一條一條描介衔,然后再隨機(jī)挑選其中的線條來(lái)制作動(dòng)畫,分為3批出現(xiàn)骂因,就像是按了3次指紋炎咖。
另外的難度在于底部文字與上面形狀的切換時(shí)間契合度,好的寒波,可以了乘盼。
這一期我做了這么4個(gè)動(dòng)畫。這些個(gè)動(dòng)畫在演講中可能作用不大俄烁,但是你要明白绸栅,我做了這些,對(duì)幻燈片的動(dòng)畫可謂了如指掌页屠,況且可能可以勾起你們學(xué)習(xí)幻燈片的興趣粹胯。這,可以了......