<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          全網(wǎng)首發(fā)“小愛(ài)同學(xué)”動(dòng)畫(huà)教程分享!

          共 1529字,需瀏覽 4分鐘

           ·

          2021-04-22 00:00


          點(diǎn)藍(lán)關(guān)UIHome


           前言 

          本期分享技術(shù),用C4D+AE實(shí)現(xiàn)出小米手機(jī)的“小愛(ài)同學(xué)”和蘋(píng)果手機(jī)的Siri動(dòng)畫(huà)效果。

          不熟悉軟件先別退縮,用到的都是軟件上最基礎(chǔ)的功能,所以跟著我的操作就能學(xué)會(huì)。

           小愛(ài)同學(xué)-動(dòng)畫(huà) 

          如果你用的是小米手機(jī),不妨現(xiàn)在對(duì)著手機(jī)叫一聲“小愛(ài)同學(xué)”,這會(huì)就出現(xiàn)一個(gè)制作精良,非常有科技感動(dòng)畫(huà)。

          小米手機(jī)中的小愛(ài)同學(xué)動(dòng)畫(huà)

          設(shè)計(jì)前先研究一下動(dòng)畫(huà)的結(jié)構(gòu)很展現(xiàn)形式,動(dòng)畫(huà)是一個(gè)3D的效果,一個(gè)玻璃球內(nèi)有若干圓形色塊做空間旋轉(zhuǎn)運(yùn)動(dòng)。

          既然是3D效果,所以首先想到用C4D來(lái)做,大概的設(shè)計(jì)構(gòu)思是使用幾個(gè)圓盤(pán)加上漸變材質(zhì),然后做關(guān)鍵幀空間旋轉(zhuǎn)動(dòng)畫(huà)。

          C4D部分

          打開(kāi)C4D新建兩個(gè)圓盤(pán),兩個(gè)圓盤(pán)與中心坐標(biāo)對(duì)稱,然后編組,對(duì)組打關(guān)鍵幀動(dòng)畫(huà)。


          下一步添加透明漸變材質(zhì),材質(zhì)編輯器中勾選顏色和透明選項(xiàng),透明選項(xiàng)中勾選“附加”(與顏色疊加的意思)。

          顏色選項(xiàng)中,選擇漸變,類(lèi)型選擇圓形漸變,邊緣使用黑色,疊加就是透明狀(正片疊底功能)。

          到這一步就完成一組圓形的動(dòng)畫(huà),復(fù)制多組使用不同方位,用同樣的方法圍繞中心旋轉(zhuǎn),下圖所示。


          到此基本形狀已經(jīng)出來(lái),但是每個(gè)圓盤(pán)都是一個(gè)平面,動(dòng)起來(lái)非常生硬,所以每個(gè)圓盤(pán)加一個(gè)扭曲變形器,下圖所示。


          接下來(lái),選擇所以圓盤(pán)組,打開(kāi)窗口中的“時(shí)間線窗口”,點(diǎn)擊線性去掉默認(rèn)的緩入緩出,因?yàn)?span style="color: rgb(48, 48, 48);font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;font-size: 16px;letter-spacing: 2px;text-align: left;">此類(lèi)動(dòng)畫(huà)不需要有緩動(dòng)效果,下圖所示。


          動(dòng)畫(huà)完成,現(xiàn)在加燈光,此動(dòng)畫(huà)需要全局光,所以我的辦法是上下左右中間全部加上區(qū)域燈光,然后在燈光參數(shù)“細(xì)節(jié)”中改為球形燈光。


          燈光加好了,打開(kāi)渲染設(shè)置,選擇物理渲染,點(diǎn)擊輸出,選擇保存位置,選擇PNG格式,勾選透明通道。


          在保存項(xiàng)設(shè)置渲染圖大小,幀范圍選擇全部,我這里使用了120F,全部設(shè)置好,點(diǎn)擊渲染。



          AE部分

          在AE中主要就是做出彩色的透明球體,打開(kāi)AE新建合成,把在C4D渲染的序列幀導(dǎo)入,此時(shí)中心的動(dòng)畫(huà)已經(jīng)完成。


          球體制作,新建純色選中純色圖層,雙擊圓形圖形,給純色加圓形模版,選中蒙板Command+T縮小圓形蒙板到合適的位置。


          復(fù)制蒙板,模式改為交集,向左移動(dòng)蒙板2,出現(xiàn)交集部分,給個(gè)高斯模糊數(shù)值大概給200左右,呈現(xiàn)下圖樣式。


          然后,復(fù)制帶有兩個(gè)蒙板的純色圖層,把蒙板2移動(dòng)錨點(diǎn)做成下圖狀態(tài),然后兩個(gè)圖層做軌道遮罩,選擇“Alpha遮罩”。


          最后復(fù)制四組球體高光,依次遞增旋轉(zhuǎn)90度成球狀,改變顏色,然后打關(guān)鍵幀選裝一圈,到此效果就出來(lái)了。


          小愛(ài)同學(xué)最終效果圖


           Siri-動(dòng)畫(huà) 

          Siri是蘋(píng)果手機(jī)著名的語(yǔ)音助手,動(dòng)畫(huà)效果也是及其炫酷,下面我們來(lái)搞定他。

          蘋(píng)果手機(jī)Siri動(dòng)畫(huà)

          設(shè)計(jì)Siri動(dòng)畫(huà)效果,同樣使用C4D+AE軟件,下面只介紹C4D部分,AE部分與小愛(ài)同學(xué)的操作基本一致。

          Siri動(dòng)畫(huà)其實(shí)就是幾個(gè)扭轉(zhuǎn)的曲面做空間的旋轉(zhuǎn)動(dòng)畫(huà),這在C4D中使用變形器非常容易實(shí)現(xiàn)。

          打開(kāi)C4D新建圓盤(pán),給圓盤(pán)加控制器“旋轉(zhuǎn)”和“扭曲”做出下圖樣式。


          依照這樣的方式做出3-4個(gè)不同樣式的曲面,并打關(guān)鍵幀做空間上不同角度旋轉(zhuǎn)方式。

          加燈光依舊是按設(shè)計(jì)小愛(ài)同學(xué)動(dòng)畫(huà)的方式,上下左右中間,中間的燈光要亮一點(diǎn)。

          加材質(zhì)同樣使用漸變色,只是要多種樣式,有暗面和高光,下圖所示。



          渲染設(shè)置同上,依舊使用物理渲染,如果想要更理想的效果,可以分別把每個(gè)曲面單獨(dú)渲染出來(lái),然后在AE中把三組序列幀使用“相加”模式,這樣中心部分就會(huì)更亮。


          Siri最終效果圖

          瀏覽 771
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  亚洲综合网狼人综合 | 高清精品热线视频 | 亚洲色大成网站www | 欧美成人一二三区 | 无码人妻少妇 |