教你用C4D,玩轉超酷的動態字體設計~

2021-02-25 最畢設

 最畢設 の 設計學習臺 

定期更新開腦畢設丨畢業生新思維丨大咖新視野

🤔

如何將字體做成三維？

如何將三維字體做成動態？

本期小教程

將會帶大家從零開始

製作一個完整的動態字體

使用到的軟體：

Adobe illustration + Cinema 4D

先給大家介紹一下這個三維字體的製作原理：

首先是在AI中創建字體的曲線路徑 > 將字體曲線導入C4D轉換為曲線管子 > 形體調整並添加材質 > 在C4D中創建生成動畫 > 輸出

 Tips：

小編特意為大家整理了本次的教程所需的字體、材質等素材。

後臺回復「C4D」即可獲取

Step 1

在AI中輸入文字內容

按「T」快捷鍵，輸入你的文本內容並將字體調整為Amplify (商用需購買喲~)

Step 2

在 AI 中用鋼筆工具描繪

選擇輸入的文本，按「cmd+2」鎖定

按鍵盤「P」，選擇鋼筆工具按照文本的線條描繪

Step 3

存儲為 AI8 格式的文檔

Step 4

將AI文檔拖入至C4D軟體

Step 5

新建一個圓，調為合適尺寸（三維字體粗細度）

在右邊物件欄，點選圓後。下方屬性菜單修改圓的半徑。

Step 6

單軌放樣

切換為透視視角（滑鼠中鍵點擊控制視窗之間切換）將調整好大小的圓（截面形狀）以及一個字體路徑拖到Sweep的下面，作為子物體

Tips: 圖層關係，在sweep下，字體曲線路徑一定要放在截面形狀下方。一個sweep只能夠使用一條曲線路徑。

點選sweep之後，在右下角sweep的設置處選擇caps，將start和end都設置為Fillet Cap，Steps設置為3。

複製多個Sweep，替換其中的字體曲線路徑。

Step 7

調整線段重複地方


選擇所有綠色放樣物件，在下方屬性欄，選擇「Basic」，點擊 X-Ray模式。

在右邊物件欄選擇字體曲線路徑，然後再左菜單欄選擇點編輯模式。將路徑調整為合適的前後關係。

Step 8

新建sky和floor

在場景中新建一個sky和floor，將字體調整在floor的正上方。

Step 9

賦予對應材質

創建一個空集，將所有的字體放樣組件都放入這個空集下。

打開預設的材質，將Gold材質拖給「Null」物件賦予，將Floor材質賦予「Floor」物件，Sky 材質賦予「Sky」物件。

Step 10

環境反射設置


sky&floor 賦予compatible標籤，並調為不可見。右鍵點擊Floor，選擇CINEMA 4D Tags>Compositing

在下方菜單欄中，去掉Seen by Camera處的勾。意思是相機不可見。

按著cmd（alt）鍵，將Compositing標籤拉到sky。即可複製一份到sky。

無法複製的同學請按照上方步驟在sky下再創建一個compositing標籤並設置為相機不可見。

Step 11

光的設置

場景中添加一個面光源，並調整為正對字體角度及位置。

Step 12

渲染測試微調


調到一個合適的角度，點擊渲染。

Step 13

序列幀設置

開啟Autokeying

在進度條，點擊第一幀

選中所有放樣字體，將屬性欄處的Start Growth 設置為100%。並將前面圓圈點擊為紅色

將時間軸拉至90F

將 Start Growth設置為0%，並開啟左邊的按鈕

此時拉一下時間軸，就可以看到已經有動畫啦！

Step 14

導出設置

渲染一共有3個按鈕，第一個是「渲染預覽」，第二個是「渲染導出」，第三個是「渲染設置」。

點開渲染設置，可以根據需求調整寬度（width）、高度（height）、解析度（resolution）為合適的尺寸。

如果要渲染單張圖片，Frame Range那裡只需要開頭（From）和結尾（To）固定為一幀即可，如果需要導出動畫，則要設置開頭（From）為第0幀開始到第90幀。

在Save設置中，點擊 File 確定渲染圖導出路徑，Format可以根據自己的需求選擇格式，如果想要透明背景的話則選擇 PNG。

Tips：如果是導出動畫，C4D 只能通過導出很多張圖片再到其他軟體合成。所以保存這裡一定要指定一個新的文件夾，否則會很難管理喲~

點擊「渲染導出」按鈕，進度條走完之後。就可以到之前設置的文件夾找到對應的輸出圖啦~

Step 15.

輸出序列幀，導入剪輯軟體合成

如果要做出動畫的話，還需要將所有的序列幀組合剪輯。這方面使用的工具就很多啦。imovie、Final Cut、PR、PS等等，快根據你的需要將這些序列幀組合成動畫或者 GIF 吧！

若大家想學習更多C4D動態視覺

點讚右下角，超過100個

下周推出更多教程類文章

只要30天

從完整項目系統 C4D 動態視覺設計

點擊二維碼諮詢
購買後，立即上課


拼團優惠丨僅剩4天

課程亮點🌟

1️⃣ 市場上的課程偏向於技能教學，將所有功能都講解一遍；最畢設 C4D 課程專門為平面設計零基礎入門動態平面（三維）而定製，結合項目進行知識點講解。

2️⃣ 每節課的學習，能輸出一個有效的小作品為導向教學；完成所有課程作業，將是一套完整的主視覺設計；

3️⃣ 老師美院出身，結合設計思維與創意，有趣地教學；

課程購買連結

👇👇👇

 課程諮詢丨請添加小編 

課程最終解釋權歸最畢設所有

👇戳原文連結直接購買喲！

相關焦點

  • 四款字體神器,不收藏你可能會後悔哦,再也不怕字體侵權
    NO.1   360查字體  https://fonts.safe.360.cn/很多時候，作為設計師的我們有時並不確認我們電腦安裝的字體是否可以商用，這款神器可以幫到你，他不僅可以查詢到你電腦安裝的字體是否可以商用，還可以幫你查詢到市面上所有的字體是否商用，這樣，作為設計師的你就再也不用擔心字體侵權了。
  • 8種字體設計技巧玩轉海報字體設計
    點擊 photoshop大師教ps  關注我喲☀ 關注photoshop大師教ps玩轉photoshop！
  • 玩轉PPT字體,這些東西你知道麼?
    字體是PPT設計感的重要體現，字體用的不好，會毀了整個作品。但在現實生活中，除了設計師，很少人會意識到字體在設計中的重要性。下面來看幾個「用錯字體毀一生」的例子。認為左圖沒用錯字體的，你可以點擊左上角的關閉按鈕了，咱們有緣再會。
  • 如何把平面字體設計玩出新花樣?
    在現代平面設計中字體的設計既作為設計內容的主體，又是平面設計中重要的點綴元素。每個平面設計師在字體的設計風格中都有個人的主觀意識，帶有極強的個人風格化和個性化。字體在現代平面設計作品中往往需要別具一格，玩出新花樣。
  • 為什麼C4D越來越受歡迎?
    3D一般都是在建築行業，裝潢，環藝，工業設計，影視等領域的人才會用。而且他們用的都是比較重型的軟體，例如maya,例如3dmax，因為我自己就是學工業設計的，所以對3D軟體有所了解，也知道其複雜性比ps有過之無不及。也是因為學習三維軟體相對困難。所以在平面上能使用三維圖像表現的人，顯得特別的難能可貴。
  • 兩節動態字體課的作業
    也越來越考究字體設計師的能力今天繼續和大家分享一下上期線上動態字體班部分同學其中兩節課的作業咱們先看看第14節「動態基礎」▼而經常瀏覽各大設計網站的同學也不難發現，動態字體和版式成為了近年來流行的視覺表現趨勢。希望大家在學會平面字體設計的基礎上，加大對文字設計和數字媒體的研究，多些接觸多看並動手動態文字設計，不要安於現狀，需要學習的東西還很多。最後說個事，第28期「動效+字體」線上設計課，13日截止報名，7月17日上課。
  • 人人稱道的「字體聖經」,教你系統完整的學中文字體設計!
    配色、網格版式、圖片等，花了20多個小時，當你把所有元素都設計完整，發現唯獨壞在字體上？是不是很氣？最近小林就遇到類似這樣的事情。對於字體設計，一竅不通的我，在2天內，跟著好幾位國際著名字體設計大師學習，解決了字體設計的基本問題：1. 如何從零學字體設計？2.
  • 11款免費可商用手寫體字體打包下載
    手寫體的個性灑脫、親切隨和感，和具有人情味和手工感的獨特視覺效果，是其他字體所不具備的，恰當的使用可以讓你的設計錦上添花。本期為大家推薦11款免費手寫字體，前6款偏可愛風格，後5款瀟灑靈動。偏可愛風格手寫字體設計師「春顏秋色」原創的偏可愛風格手寫字體。這款字體以設計師女兒名字拼音命名，叫做「MuYao」，因為是用軟頭毛筆寫的，全名就叫做「沐瑤軟筆手寫體」。Tips：字體在軟體顯示的名稱為：Muyao-Softbrush
  • 他們用新字體和動態排版為市值一億的公司重塑品牌
    、IBM、騰訊、Uber（優步）、Burberry（巴寶莉）……他們大多數都有個共同點：愛用現代、簡潔、大方的無襯線字體（sans serif）。而動態影像是線上品牌傳播的最好方式。你有了新字體，又想跟別人不一樣？如果想從現有的無襯線體上做突破，不妨考慮一下動態影像這種新的表現形式。還記得上個月剛和大家聊過《動態將是未來文字版式設計的主流》。引用SQSP品牌首席創意官David Lee所說「Brands are no longer static.
  • 解鎖新姿勢の古典字體標
    關注微信訂閱號：nicepsd每天分享優質的設計資源
  • 17款免費可商用黑體字體打包下載
    本期推薦17款免費商用黑體，前3款為常規黑體，後14款是在傳統黑體上進行設計改造，變為各有特點的黑體字形。設計優雅，顯示效果優秀，7款字重這款字體的開發過程持續了4年，除了Adobe和Google之外，還有來自中國、日本、韓國的字體開發公司參與。由於字體是開源且免費的，用戶還有權修改它，以此衍生出了大量基於思源黑體改造的字體。思源黑體共有七個字重，字體設計優雅，顯示效果優秀，可以滿足不同場景下的文字顯示需求。
  • 小字體,玩轉大創意
    近日,創意字體設計系列圖書《小字體大創意1：字體圖形化設計》與《小字體大創意瀏覽器版本過低，暫不支持視頻播放這套書直擊設計主旨和創作過程；多角度圖片全景呈現頂尖藝術家對小字體平面/空間應用的創意玩轉過程，帶領讀者置身現場體驗「小」字體的「大」
  • 插畫包裝教程,教你玩轉包裝設計【480期】
    今天挨批君為你精選了 教程—插畫包裝教程> 大小：7G 提供方式：百度網盤 獲取方式：請查看文章底部 今天的平面設計插畫視頻教程
  • 【免費資源】可商用字體推薦——藝術體
    良好的標題字體能準確、快速的傳達美感並表達設計的理念，本期推薦22款適合運用在標題的免費商用藝術字體。水平傾斜8°，充滿力量和速度感筆勢節奏鮮明，個性十足由字體設計師胡曉波設計的免費字體，筆勢節奏鮮明，字體形態表現出獨特的設計個性和創造性。
  • 如何給視頻添加動態字幕?教你用手機一鍵製作
    很多人在生活閒暇之餘都會刷一下短視頻，那當看到一些有動態字幕的視頻時，大家有思考過它是怎麼做出來的嗎？如果你有興趣，那就看一下小青使用清爽視頻編輯APP添加動態字幕的圖文分享吧！希望能幫助到你們！因為要製作動態字幕，所以可以直接點擊【添加字幕】按鈕，或者【更多工具】按鈕，可見它裡面有三大板塊，分別是視頻編輯、特效編輯、後期處理；我們點擊其中的【添加字幕】進入編輯窗口。
  • 【免費資源】免費可商用字體推薦——圓體、卡通體
    字體設計靈感來源於千圖網IP千小兔的形象，將可愛的千小兔融入字體設計中，盡顯年輕、活力與俏皮。適用於各類可愛、少女風的海報和店招場景。該字體去掉了所有尖銳的折角，使用圓潤的弧形代替，字體的大小不完全一致讓整體有了一種自然可愛的手拙感。字體中的「口」字用不規則的圓形代替，像極了小孩子隨手畫的泡泡，讓字體更加可愛，童趣中不失活潑。
  • 【免費資源】粉筆字體Procreate筆刷 Chalk Dust – Procreate Lettering Kit
    今天為大家分享的是粉筆字體Procreate筆刷打包下載，這組筆刷將會給您的設計項目提供最真實的粉筆紋理外觀，您也會得到一個提示和技巧指南頁，向您展示如何做陰影和繪製花卉元素等
  • 字體設計教程--手繪字體
    但是還有一些字體形態不規則，隨意性很強，手繪感很強，還有些書法字體，這些做設計時我們也會遇到，為了便於區分和訓練，我們直接分成「隨意感的手繪字體」和「書法字體」。這些字體不能通過筆畫方直處理得到基本字形，它們加入了更多筆畫變化，字體重心隨意，字體動態感強烈，要想把控好這些字體的美觀度，其實還是前面強調的三個能力。 這類字體的感覺和風格基本來自字面意義的分析，有的筆畫就是某個相關圖形符號的轉化。所謂隨意的手繪的依據也是這個字面意義的感覺分析。
  • 學平面設計要學C4D軟體嗎?為什麼C4D軟體這麼火?
    本文由：「學設計上兔課網」原創，圖片素材來自網絡，僅供學習分享 學平面設計要學C4D軟體嗎？為什麼C4D軟體這麼火？任何產品的的高使用率都說明了這個產品可以高程度滿足相關需求且並非難如登天，C4D也不例外。
  • 一位多才多藝的設計師:會插畫、會字體設計、會C4D、會開發設計產品…
    除了矢量和手繪插畫，她在字體設計上也有自己的理解。Iteration 迭代 | 英文字體設計/ 海報設計 ，是她今年二月份的作品設計。「迭代」設計展表達了一個有意識的，批判性的設計思考，我們用語言，設計方法和設計實踐來解讀和探索傳統設計行業，與各個不同的學科進行交流。所有的結束都是一個新的開始，「迭代」則是在原有的基礎上再增添新的儲備，為著下一次進步做準備，正如畢業的學生們向新的人生篇章出發一樣。