5分鐘打造3D螺旋曲線動效
前言
光陰似箭,日月如梭,距離這篇教程的預告已經三個月了,在這秋風送爽的時節,終於迎來了正文。教程產出速度雖然慢,但從標題來看,它的特點依舊是:快。是快速出效果,而不是我很快就能寫完。不然你以為我這三個月都在幹嘛?
先說說我做這個動效的初心,是有天我在YunOS上看到了下面這套牛逼的動效: ofollow,noindex" target="_blank">https://www.ui.cn/detail/230109.html (@tcwison大神作品),瞬間膝蓋不聽使喚掉在了地上,從此沒法站起來,為了恢復行走能力,我利用吃雞組隊的時間間隙苦苦鑽研,在嘗試用 3d Stroke 來實現失敗後,不得不轉求 C4D,發現真**簡單,我在跳傘之前實現了這個效果。
正文
以上純吹牛逼,你要是一字不落地看到這怕是五分鐘完不成了,雖然全文只需建立只 兩個元素:圓環、螺旋變形器 , 以及 兩個動畫:圓環旋轉動畫、螺旋變形器器角度動畫(扭轉動畫) 。
一、建立圓環
1.動畫的主體是一個環,所以我們先來建立一個環。
2.調整圓環半徑到合適大小,分段可以先增加一些,後面我加到了144,沒別的意思,就是72x2。
3.先把圓環立起來。 (先立起來,保平安。下文中應用螺旋變形器之前沒立起來,可能會導致螺旋方向不正確)
二、建立螺旋變形器
1.建立螺旋變形器。
2.將螺旋應用給圓環,在物件管理器上按住螺旋拖動到圓環圖層上,出現向下箭頭時果斷點鬆手。
3. 應用成功後,將螺旋變形器拉長,使螺旋變形器在旋轉到較大的角度時也能將圓環包裹住。1200是因為我老家村裡人都覺得12吉利。
三、建立圓環旋轉動畫
1.選中圓環,在0幀位置,R.P的旋轉角度為90度時按下左側錄制鍵,打下關鍵幀。
2. 在30幀位置,將R.P的旋轉角度設為310度,並打下關鍵幀。至於為什麼是30幀和310度,因為在下文中要講到的觀察角度上看,我覺得這兩個值這麼搭配這樣比較好看 (會在一定程度上避開螺旋扭轉導致圓環的線條在透視角度下明顯粗細不均的狀態)
3. 在90幀位置,將R.P的旋轉角度設為450度,並打下關鍵幀。90幀是C4D預設動畫時長,為了能在5分鐘裡做完,哥,這個我們就不改了。450度是為了跟最開始的90度相減得到完整的一圈360度,好讓圓環回到最初的角度。此時,點選時間軸上綠色的播放鍵,圓環能做一圈忽快忽慢的旋轉運動了。
四、建立螺旋變形器角度動畫(扭轉動畫)
1. 真正的特效要來了。在物件管理器中選中螺旋,在時間軸20幀處,螺旋角度值為0度時,打下關鍵幀。為什麼是20幀處,為毛不從0幀開始。因為前面20幀圓環要醞釀一下,給人家20幀準備工作怎麼了,1秒時間都不到,不過分吧。認真臉說,圓環先轉起來,積攢一點勢能,再發生形變,這樣的動畫更自然一點。不過我這教程裡也沒有做得很自然,旋轉方向跟扭轉方向不一致,運動速度也還需要優化,但是為了你五分鐘就能學會,我忍了。
2. 在45幀時,將螺旋角度設為1200度,對,還是1200,原因同上。打下關鍵幀。
3. 在90幀時,將螺旋角度改回0度,打下關鍵幀,圓環恢復原貌。
五、建立攝像機/選擇視角
1. 輸出動畫時我們需要一個合適的角度,所以需要有一個合適的視角,可以通過建立攝像機,調整好角度,再以該相機視角輸出動畫。也可以直接切換檢視,看看有沒有能直接用的·。點選預覽視窗右上角的切換檢視按鈕。你看右下角正檢視這個角度剛剛好。
2. (如果用上述選擇檢視的方式定下了輸出視角,下面建立攝像機這一步就可操作可不操作了,畢竟說好的只要5分鐘,不要讓你的雞友等太久)
建立攝像機的方法則是如下圖建立一個攝像機。
3.將攝像機座標旋轉角度都歸0 (如果發現你的圓環不見了,別慌,在物件管理器中選擇圓環,按一下O,是歐,不是零,他就就回到你的視野裡了) ,同樣的,我們擁有了一個合適的可輸出動畫的視角。
六、選擇材質
1.效果圖裡不會是騙人的,所以我們要上個材質來實現效果圖中單色的線條效果。建立一個材質球,雙擊開啟材質編輯器,勾選發光,一個純白的材質球就有了。
2. 點選“渲染到圖片檢視器”圖示,可以看到渲染器中的圓環已經變成白色,仔細看圓環的曲線不是很圓滑,前面叫你多加點分段數時不知道你有沒有聽,沒有聽也沒關係,現在還可以回去再加點,我加到144就好多了。
七、輸出動畫
1. 其實這一步我很不想寫了(現在是凌晨2點半,我想睡了),應該所有C4D的動效教程都會有這一步吧。但評論區一定會有人問,所以...先點預覽視窗左上角“檢視”,選擇“作為渲染檢視” (前面以正檢視做輸出視角的也記得選一下正檢視作為渲染檢視)
2.點選“編輯渲染設定”圖示,輸出設定這裡選好你要輸出序列幀的起點和終點,0~90。
3. 儲存設定這裡選擇格式為影片相關格式,如果需要背景透明記得勾選Alpha通道。選好儲存位置,準備輸出。
4. 點選“渲染到圖片檢視器”圖示,渲染完成,5分鐘時間到,如果超了,請反思一下是不是你電腦速度太慢。
最後
如果有幫到你, 請記得點贊 。現在是凌晨3點,天亮了我還要上班…