【動畫渲染】在After Effects和Premiere Pro中對建築渲染進行動畫處理丨建築動畫 製作

築研空間
16 位粉絲
2026年8月6日
AI 生成·可能包含錯誤
視頻概述
AI 生成This tutorial demonstrates how to create an animated architectural render using Adobe Premiere Pro and After Effects. The process involves importing static renders, creating custom vector outlines and text, and applying motion effects like trim paths and scaling to bring the architectural visualization to life.
在今天的影片中,我們將使用 After Effects 和 Premiere Pro 創建這個動畫渲染效果。
那我們開始吧。首先,我要感謝 Skillshare 贊助這支影片。
在影片結尾,我們將推出一堂特別的課程推薦,這堂課程將會是
對我們建築師來說非常非常有用。那麼,讓我們開始吧。我們的第一步是打開
Adobe Premiere Pro,我們建立一個新專案。我們可以隨意命名並儲存它。
無論我們想要在哪裡。創建這個新專案後,我們前往「檔案」,然後在「新增」所在的位置
建立一個新的序列。一旦我們建立了一個新的序列,我們就會選擇具有
1920x1080像素,每秒30幀的設定。所以你們如果在那邊搜尋的話
你會找到那個設定,打開它,然後我們會進入我們的資料夾
尋找我們想要修改的 5、3、2 號渲染圖像,並將它們拖曳到時間軸上。
好的,那就是第一步。我們的第二步是將滑鼠右鍵點擊上方
圖片。我們將前往第一張圖片,右鍵點擊其上方,然後在顯示處
用 After Effects 的合成取代,我們將點擊那裡。這將打開我們的
After Effects 程式。我們將以特定名稱儲存它,現在你將看到
這個介面擁有你的影像以及一個與 Premiere Pro 非常相似的時間軸。
以及一個與 Photoshop 非常相似的圖層面板。因此,我們將前往標示著圖層的位置
第一張影像,我們將按滑鼠右鍵並選擇「預先合成」。選取「預先合成」後
它會建立一個資料夾,更像在影像內部建立一個巢狀資料夾。
我們將在這張圖片內部雙擊,以便進行所有修改。
在影像內部,而我們在外部,你可以對影像做任何事,但它不會影響到我們。
原始影像。接下來的步驟是為渲染圖添加文字和輪廓。
這裡的想法是加入任何我們想要傳達給對方的資訊性文字。
正在觀看影片,我們也想為最重要的內容創建一些不同的大綱。
影片的主題。所以這並不是什麼你以前不知道的新東西,你原本就會做這件事,只是同樣的事情而已。
你可以在 Photoshop 中執行的操作。因此,當你按下鍵盤上的 Ctrl+T 時,就會啟用文字工具。
所以我寫下了「Parkview」,後來我又寫下了其他一些較小的不同的文字,但「Parkview」是
圖片的標題,並使用頂部功能列中的鋼筆工具開始操作
首先,我勾勒了那個位於前景的人。
圖片。我完成描繪他的輪廓後,建立了一個新的圖層,你知道的,我沒有選擇其他任何東西
層次,我開始勾勒廣場或它所在空間的輪廓,我想那應該是第二層。
一件重要的事情,最後我粗略地勾勒出那棵非常靠近的樹。
前景。因此,這些是我認為與這張圖片相關的三個元素,並非如此。
目前沒有什麼新內容,他們還沒有動畫效果,也沒有任何特殊效果,就是純白色而已。
你想要創建的內容大綱。因此,對於這一點,你必須記住要填滿你的內容。
將「選項」關閉,並開啟「筆畫」選項,這樣你就可以看到這些輪廓。最後,我所做的就是
在「Parkview」標題的後方或下方創建一條對角線,以便未來可以進行動畫處理。
還有一個圓圈,一個黑色的圓圈,從這條線延伸出來,所以這就是唯一的事物
因此,這裡我們已經建立了文字,也建立了大綱,但還沒有進行任何動畫處理。
我們剛剛創造了它。好的,首先讓我們來動畫化文字,所以讓我們開始吧
選擇這裡的 Parkview,點擊這邊的箭頭,上面顯示「動畫」在這裡,我們是
將點擊「動畫」,然後前往顯示「不透明度」的位置。現在在顯示「不透明度」的地方,我將進行
按一下它,並將其拖曳至零。現在我要開啟這個範圍選擇器,然後在顯示「開始」的地方
我要開始了,讓我們看看,這是我們的時間範圍,所以它顯示一秒、兩秒、三秒
四秒,四秒,我會前往顯示「一秒」的地方,按這裡的開始鍵,現在
現在我們將其調整至100,接下來我們將從兩秒處移動到一秒處,再至20秒處。
然後把它放到 Parkview,這樣我們一按播放,看起來就會是這樣。好了,現在讓我們繼續往下看。
進階並點選平滑度零,這樣看起來就不會那麼平滑。Parkview,沒錯,就是這樣。
我就喜歡這樣,我要做最後一件事,那就是改變位置,所以
這裡,當它出現時,我會按一下鍵盤上的 P,也就是顯示「位置」的地方。
我按一下鍵盤上的 p,現在我要點選時間範圍觀看,就像這樣,各位
看到它創建了一個時間範圍,現在我要往回稍微移動一點,然後我會拖動它
好的,所以當我按下播放時,看起來大致是這樣的。好了,接下來我需要做的是我
我需要為這些線條進行動畫處理,因此我需要為這條線、圓形、樹的線條等進行動畫處理,依此類推。
那我們一個一個來動畫,首先我們想要先出現什麼呢?我想也許可以先出現圖表。
這個廣場,所以廣場線就是這條,那麼我們直接進去,然後往下走
這裡點選新增,出現「修飾路徑」選項,我會將它往下拖曳,點選起始點這裡
然後將其拖曳至零,接著我會前往一秒半的位置,並將其拖曳至100。
所以,如果我們回到之前的渲染畫面,讓我們看看,完美,就在廣場線之後,我想要那個男人,對吧。
我們去前面那個傢伙,把他拉下來。我們這裡沒有預先組合的資料夾,所以我們可以
就在此處正確操作,讓我們往下拖曳,前往「新增修邊」,修邊,然後從這裡重新開始。
讓我們把它拖到 100,再稍微往前拖一點,然後把它拖到零,如果這樣的話
按下播放,完成,完美,最後我們想要那棵樹,對,那棵樹就是
大致在這裡,也就是標示著生物多樣性的位置,我們可以前往樹線處。
雙擊並拖曳至下方,新增「修邊路徑」,並可稍早開始。
我將點擊這裡的「重新開始」,將它拖曳到 100,現在我將往前移動一點。
並將其拖曳至零,讓我們看看,完成,完成,完成,完美。現在讓我們再次回到渲染線。
我們來看看整個廣場,這位先生和這棵樹都完美了,現在我們只需要把所有東西動起來就行了。
這個圓形在線上,因此圓形出現在線上必須在景觀出現之前。
所以第一件出現的事情就是這樣,那麼讓我們來看看圓形
就是這一個在最上面,對,我有秤,我必須要
將時間範圍縮放,讓你們可以看到我已選取圓形,以及圓形的中心點。
就在此處,但這是一個圓形,因此當我想將這個圓形拖曳到這裡時
你們可以看到,它不讓我這樣做,所以我必須按鍵盤上的 Y 鍵並拖曳它。
現在我將按鍵盤上的 S 鍵,設定時間框架的縮放比例,然後拖曳。
把它調到零,哎呀,零了。現在在這裡,我要把它拖到100、120。對不起,現在在上面。
我要把它設為100,看起來會有點像這樣,你們可以看見完成了。
當我們在這裡時,我希望這條線能夠斷開,因此我們將進入我們的線路檔案,也就是
這個,然後我們再來這裡,它顯示「新增路徑修飾」,路徑修飾,讓我們看看哪一個
一個是起點,好吧?這個是,所以我們必須在100這裡有起點,這裡我們有
把它設為零,現在按下播放,觀看公園景觀,讓我們再看一遍。
現在看起來太完美了,這看起來真的非常酷。再來一件事,讓我看看
讓我看看,讓我看看,讓我看看,我想去我的主資料夾,就是這個
按下 S 鍵進行縮放,所以我會點選這裡的時間範圍,顯示為 50
這裡我會輸入 52,如果我按下播放,它會稍微移動一下。
你們可以看到,這就是我們的做法,所以 Skillshare 是一個線上學習社群。
提供具有意義的會員資格,擁有豐富的實務專案可探索與創造,以及全方位的支援
與其他創作者同行,Skillshare 助你實現真正的成長。Skillshare 提供課程
為現實生活而設計,讓你無需停頓,持續推進創作之旅。
生活暫停中?你可以透過適合忙碌生活的短課程學習與成長,這裡有
各種科目,例如插畫、動畫、攝影和素描的課程
建築師是一個非常非常有趣的科目,我正在認真考慮修讀,你也應該考慮一下。
DKNG Studios 的 3D 插畫創作是否包含等距圖形與 Illustrator 課程?
作為建築師,我們需要更多聆聽插畫師和平面設計師專家的意見。
表示欄加上他們的類別中,會在三維圖示上顯示特定工具並提供相關內容。
對等距插畫的獨到見解。Skillshare 的價格也極其實惠。
尤其是與昂貴的實體課程和工作坊相比,一年期訂閱制
每月不到十美元,因此將2020年作為一年,用來探索新技能並深化現有技能。
讓激情引領你,沉浸於創作之中,探索 Skillshare 的線上課程,發現你所尋找的一切。
也許會讓你感到驚訝並受到鼓舞,快點擊描述中的連結,免費獲取兩個月服務
好的,所以在最後一步,我們將重複之前所做的相同流程。
我們最後一張圖片,所以我們將再次獲得標題、輪廓以及其中一些內容
你可以直接從其他檔案中複製貼上,這樣就不必重複做同樣的工作了。
請記住,如果你想要這個 After Effects 檔案用於此 Premiere Pro,
您可以將此檔案用作您自己專案的範本,您可以前往
歡迎前往我們的 Patreon 頁面觀看完整影片,並在 Patreon 上支持我們。
您可以將這些範本用於您自己的專案,這些是文字範本。
你們可以看到我們是如何深入創建輪廓和網格的,正如你們所見
我們對另一張圖像也重複了大致相同的過程,一旦你
各位,已經準備好了,你們可以回到 Premiere Pro,按一下鍵盤上的 Ctrl + M 來匯出檔案。
然後匯出,請確保以 h.264 格式並以 mp4 為副檔名匯出,你也可以加入音樂。
如果你想,也可以保持原樣,因此如果你想進一步查看,可以前往我們的網站
Patreon 頁面,這是最終的結果,我想這張圖真的非常棒,顯然
這裡的可能無窮無盡,你可以創造出無數更多事物,而且看起來會非常非常
太棒了,所以我非常興奮地製作這段影片,我真的很喜歡製作新穎且不同的內容。
我們作為建築師並不常見的影片,所以如果你們喜歡這支影片,請告訴我。
想要更多關於 After Effects 的動畫教學影片,還有非常多非常多的事情我們需要涵蓋。
如果你喜歡的話,請在下方留言,並分享給你的朋友,我會非常感激
非常感謝,謝謝大家觀看,我們下個影片見,再見
