「秒」會教程!3600秒看懂時鐘動畫製作過程!

2021-02-08 完美動力教育

時鐘作為生活中常用的一種計時器,人們通過它來記錄時間,記錄著萬事萬物存在和運動的持續性和順序性,記錄著過去、現在和未來……

蘇聯作家高爾基《時鐘》一文曾這樣描述:

滴答,滴答!

夜闌人靜,獨自一人諦聽著鐘擺在冷漠地、不停地擺動,不禁毛骨聳然:這簡單而精確的聲音總是一成不變地表明一點:生命在不息地運動。

黑夜與睡夢籠罩著大地,萬籟倶寂,只有時鐘在冷冷地、響亮地計量著那逝去的分分秒秒……

鐘擺滴滴答答地響著,每響一聲,生命就縮短一秒,即我們每個人所擁有的時間中的一個微小部分,而逝去的這一秒就不再回到我們手中……

在三維動畫軟體Maya中,可以利用動畫編程製作一個鐘錶動畫效果,致敬永恆的時間!

要想實現一個寫實的鐘表動畫效果,首先要對時間單位和鐘錶的工作原理有一定的了解。因為這方面相關的知識眾多,我們只對Maya平臺下實現寫實鐘錶動畫效果涉及到的知識簡單說明一下。

眾所周知,鐘錶作為計時裝置,經常用到的時間單位就是時、分、秒。這些時間單位之間的換算採用六十進位,即1小時=60分鐘,1分=60秒。

鐘錶一般由錶盤和指針構成。錶盤多為圓形,在圓周上有刻度。一般將圓周均分為12大格,每1大格再均分為5小格。圓周上共60小格。這一大格表示1小時,而一小格表示1分鐘或1秒鐘。

指針多為長條針狀造型,分別是時針、分針和秒針。有的鐘表上,有時針、分針和秒針,而有的鐘表上,只有時針和分針,沒有秒針。當然,這是人所共知的知識,也是日常生活的常識。

 

我們可以根據以上知識,結合Maya動畫編程來實現一個寫實鐘錶動畫效果。接下來,我們將以視頻教學的形式來講解該案例動畫效果的製作與實現。

首先,在Maya平臺下,製作鐘錶秒針的動畫效果。

其次,在鐘錶秒針動畫效果的基礎上,製作鐘錶分針和時針的動畫效果。

最後,為鐘錶動畫設置初始時刻,將動畫效果做成一般通用性動畫。

至此,我們在Maya平臺下,利用Maya動畫編程實現了一個寫實鐘錶動畫效果,並且將該動畫效果開發成一般通用性動畫,具有普遍適用性,可用於不同動畫場景中。

本教程中涉及的表達式(Maya程序)如下所示。

其中符號「//」為程序注釋符號,用於對程序語句解釋說明。

在運行程序時,符號「//」後的語句不起作用。

在Maya表達式編輯器中編寫程序時,符號「//」及之後的語句可以不用寫入。英文輸入法書寫,不是中文輸入法書寫。輸入法不一樣,標點符號不一樣。

int $h=2,$m=25,$s=40;

//定義三個整數類型的變量,用來設置鐘錶動畫的初始時刻

//用來給定初始時刻的時、分、秒,即初始時刻為2:25:40

int $t=60*(60*$h+$m)+$s;

//定義一個整數類型的變量,用來保存按秒計算的初始時刻

//將初始時刻的時、分、秒都轉換成秒數,並累加成總秒數

a.rotateZ=-6*floor(time+$t);

//控制模型a(秒針)的動畫效果

//函數floor()為向下取整函數,將連續變化轉變成階躍變化

//用來模擬一秒發出一個脈衝信號,秒針一秒向前跳躍一格

b.rotateZ=a.rotateZ/60.0;

//控制模型b(分針)的動畫效果。秒針轉一圈,走60小格,分針前進1小格

//因此分針與秒針的旋轉速率之比為1:60,即1/60

c.rotateZ=b.rotateZ/12.0;

//控制模型c(時針)的動畫效果。分針轉一圈,走60小格,時針前進1大格

//1大格是5小格,因此時針與分針的旋轉速率之比為1:(5/60),即1/12

完美動力教育——中國CG行業的領導品牌!作為培養中國影視動漫遊戲製作人才的「黃埔軍校」,始終專注CG教育領域,名師授課,高薪就業!對CG感興趣或者想要學習的小夥伴,可以給我留言「姓名+聯繫方式」!風裡雨裡,我們在這裡等你!


相關焦點

  • 替換機械翻頁時鐘,秒秒測時鐘溫溼度計體驗
    開箱曬物:保留經典,熟悉的味道雖說秒秒測智能時鐘溫溼度計這次沒用上米家品牌,但作為生態鏈的一員,在秒秒測智能時鐘溫溼度計身上依舊能夠看到許多米家的影子,保留了經典的設計。在外觀上,秒秒測智能時鐘溫溼度計與米家電子溫溼度計Pro有了細節上的改變,一改米家電子溫溼度計Pro的圓潤設計,變為了類似iPhone12的垂直邊框,四角分明。設計感更加突出,喜歡硬朗風的小夥伴應該會愛不釋手,而我個人更偏向於圓潤造型。
  • photoshop CS6動畫製作入門教程-01動畫初識
    無論是哪一個軟體,它們的製作原理都是相同的,正如同我們曾經刻苦學習的RGB色彩模式一樣,到哪裡都能應用上。所以我們現在的任務是利用已經學到的Photoshop基礎知識,將它擴展到動畫製作上,從中學習到製作動畫的一般性技巧和方法。這些知識以後仍然可以應用於其它方面。 並且我們也會介紹如何將Photoshop動畫轉為視頻並為其加入聲音。
  • 快速上手的PPT時鐘動畫製作方法,用來裝B很不錯~
    用PPT製作這樣的時鐘動畫難嗎?乍一看好像有點複雜,但是拆解開來其實非常簡單,不信,我們一步一步拆解看看。製作動畫首先得有元素(靜態時鐘),所以,我們要分兩大部分來進行:一是靜態時鐘的製作,二是指針動畫的製作。
  • iWatch數字時鐘動畫,3步搞定
    >【 一 】|時鐘動畫時鐘,關於時鐘的動畫飛哥在往期的文章中有過分享。主要是關於陀螺動畫的利用。本期我們再分享一個【數字時鐘】的玩法。也很簡單。主要結合OneKey7插件以及數字時間字體進行設計。(本來想設計個定時炸彈的,怕嚇壞小朋友。
  • 【PS教程】製作GIF動畫詳解
    PS動畫的基本功能,動畫都是基於這些基礎功能組合運用的,做之前腦海中想好要呈現的效果,製作時注意動畫的可循環性,即首尾動作能夠完美銜接,不生硬,達到永久循環的效果。初學者製作時可一邊播放一邊預覽效果,以便發現問題隨時調整。我使用的是Adobe Photoshop CS6軟體,所以製作動畫的功能在 窗口-時間軸,不同版本的PS軟體叫法不同哦~,有些版本直接叫「動畫」。
  • 末日時鐘警示-2020年,距離末日還剩100秒
    但是,就在今年的1月23日,末日時鐘再度被撥快20秒,我們距世界末日僅僅只有100秒。 只剩100秒 那時候疫情還沒有爆發,如果考慮到疫情,那時間應該會更少。既然不是因為疫情,那今年末日時鐘為什麼更接近午夜呢?
  • 前端設計-JavaScript簡單數字時鐘開發實例
    簡單數字時鐘開發實例藉助於JavaScript window對象所提供的計時觸發函數setInterval可以實現前端動畫效果的設計與製作。由於我們數字時鐘相關素材都在統一圖片中,因此我們在設置展示數字與字符的過程中需要對每一個樣式中的背景截取位置通過background-position屬性進行精確控制。完成9個數字與一個分隔符樣式定義之後,可以將8個時鐘顯示DIV設置對應的ID標籤,實現內容展示,如我們將以上時鐘布局DIV標籤全部設置為展示數字0的ID標籤,效果如下:
  • PS極速30秒製作趣味GIF動畫
    小白都能學習,PS製作抖音很火的小動畫製作教程~各位老鐵們~今天給大家帶來的是
  • 漂亮的PPT時鐘動畫,3分鐘就學會,我簡直太愛了~~~
    大家都這麼忙,既然都點進來了,就不繞圈子嘍,咱們直接先來看一下最終效果↓用PPT製作這樣的時鐘動畫難嗎?
  • 高大上--origin 學術圖表的 ppt 動畫製作教程
    (針對本曲線圖,別的圖表動畫可以直接參考一般ppt動畫裡面的內容就可以了)前兩個問題實際解決時,其實是相互交織在一起的,所以教程裡面沒有作單步的標示。本人只負責解決最基本、最關鍵的origin圖表動畫製作問題,別的潤色工作就不廢話了。如果你學會了,你的ppt可能會得到老闆的誇獎,他看你的眼光也會不同,因為這個的確有些屌而且他不知道怎麼弄
  • 飛鴿會聲會影系列教程(全網最系統的會聲會影原創教學視頻)
    到目前為止,我更新了5套會聲會影視頻教程,內容幾乎不重複,應該是目前為止全網最系統的會聲會影教程。無論是銷量還是口碑,都很不錯。這篇文章,將對這幾套教程的定位做一個說明,方便大家選購。任何學習,包括軟體學習,這個學習的過程應該是分階梯、循序漸進的學習過程,跟學習數學、英語都遵循著相同的規律。一本教材、一套課程,往往很難解決所有的問題,很多時候,我們應該根據自己當前的水平和需要,去選擇相應的教材和課程。因此,在做會聲會影教程時,也是大體根據不同人群的需要,分階梯、分階段設計的。
  • 基礎培訓 PPT片頭動畫怎麼製作?
    在網上看到別人製作的高級PPT時,我們會有小小的驚訝,那裡面的高級動畫是如何製作而來的呢?PPT高級動畫製作有多難?
  • Adobe 60秒創意教程—如何在Premiere Pro中製作電影標題
    設計師展示、發現和探索設計的社群點擊題目下方藍字 Dribbbble 訂閱回覆:書 獲取65本精選設計電子書Make It Now是Adobe推出的一個系列創意教程:在不到六十秒的時間裡,向您展示了在Adobe Creative Cloud中創造一個有趣的創意項目的步驟。
  • 如何用PS製作動畫效果,PS動畫製作教程,GIF動畫教程
    有朋友在之前的教程文章留言中提到關於PS動畫的製作。本章教程就給大家分享一下如何用PS製作GIF動畫。
  • AE 製作音樂跳躍動畫
    開始之前,先看看我製作的效果:
  • 3D動畫模擬過程,看完秒懂!
    3D動畫模擬過程,看完秒懂!鎖的出現,可以有效的保護我們的貴重物品,有效的減少了盜竊的發生,一般情況下,除了主人會用鑰匙將鎖打開外,普通人是不可能直接將鎖打開的,每把鎖都有其固定的鑰匙,那將鑰匙插進鎖中究竟是怎樣開鎖的呢?3d動畫模擬過程,看完秒懂!
  • 用51單片機製作一個秒表的詳細過程(教程有程序)
    前面的話:和很多朋友一樣,在學51單片機的過程中我們肯定會涉及到製作一個秒表,牽涉到把單片機的多個部分組合起來使用,這對於我們初學者來說可能顯得有些困難,我同大家一樣,百思不得其解,最後頭都弄大了才把這個秒表製作出來,為了給以後的朋友們一些思路,一些參考,所以在這裡我把自己製作的整個詳細過程整理出來供大家參考。
  • 基礎跑步走路動畫製作教程
    ,小黃人動畫導演,Kyle 所提倡的層級動畫製作的方式。製作出生動的走路動畫。這種動畫的製作方式觀念廣為全世界的動畫師學習。在教程中捷層動畫導師將一步一步分享小黃人動畫導演Kyle如何運用3d軟體的物理原理去分析現實運動的物理原理來製作動畫,以及如何發揮3D軟體的優勢節省製作和修改的時間。這堂課你可以學到札實的走路動畫和跑步。簡單易懂,有邏輯性的步驟教學。細節再細節,讓學員學到走路和跑步的製作精華。
  • 入門ae教程:基礎線條動畫,這個真的是非常基礎的了
    效果圖最近有好多粉絲給我反饋說文章太難了,而且我有很多過程的都沒有配圖,跟著教程做也做不出來,我想說,其實跟著教程做你肯定能做出來的,我連參數都給你們寫出來了,配圖只是讓你們知道在什麼位置,但其實你們不一定要做得一模一樣,只要效果出來就行,參數可以自己調整,這樣以後才會記在心裡,
  • 分享2個PPT動畫,很有意思!
    但其實不是,我們仔細看,這些照片在向中間移動的時候,有一個縮小的過程,然後慢慢消失了。好了,不賣關子了,這個動畫其實用的是一個基本縮放動畫。而且是一個退出動畫。當消失之後,緊跟著出現了一個色塊,這個色塊也設置了動畫,是縮放動畫。