【場地動畫教程】在After Effects中對Google Earth城市圖進行動畫處理丨項目場地動畫教程 P2 - 【中英機翻】

各位朋友，最近如何？ 歡迎來到「展現更佳」。 我叫史蒂文。 在今天的影片中，我們將了解如何創建 這個城市動畫圖示使用 Google 地球， After Effects，以及一點點 Photoshop。 那我們開始吧。 好的，我要感謝 Skillshare 對本影片的贊助。 這段影片出現的時刻，正是我們所有人 在線上課程中，我們無法前往教室。 我們無法，你知道的，過那種生活 我們現在所居住的那個地方。 我們現在必須做的，就是適應 並好好利用它。 希望你們都在家中平安。 但我希望你們的簡報， 您與老師們的線上演示 與你的學生一起，也更能發揮創意。 在這支影片中，我們將要做的事 我要畫一個普通的圖表 我們會為城市場地分析所做的事 我們要為它加上動畫，對吧？ 它會多一點複雜性 我們正常的影片中， 但結果會好得多。 這個過程花了大約三個小時才完成。 我仍然不是 After Effects 的專家。 我正試著在大約15分鐘內恢復過來。 但如果你想看完整的三小時影片 並能存取檔案， 你可以前往我的 Patreon 頁面 並能存取所有檔案。 那麼讓我們開始吧，看看如何創建這個都市圖示。 好的，各位，我們首先來進行 進入 Google Earth，裁剪並儲存我們所需的影像。 對，這張圖我已經存好了。 而且我已經儲存了，因為那是一張很大的圖片 我修補好的那部分， 因此，它的解析度可能會更高。 但如果你願意，也可以使用低解析度的影像來完成。 沒有問題。 這是我的高解析度影像。 接下來我們要做的事情 我將建立一個新檔案，檔案，新增， 我將選擇一個 19 乘 20 的預設設定。 我要去點選「建立」。 接下來我們要做的事情 我要去Google。 並尋找一個體積測量網格， 但既然我已經下載了， 我會過去那邊把它匯入。 將它拖曳到我的 Photoshop 檔案中。 你們看到的，我就直接把它對齊在這裡。 把它稍微放大一點。 現在我要去看我的Google Earth影像 並匯入我的影像， 現在我要做的是，我會設定它 從這裡開始的視角網格。 所以我會透過按住鍵盤上的 Ctrl 鍵來執行這項操作， 而且我會有這些白色箭頭， 我就把它放這裡好了 並開始調整它。 現在我要做的是，我將建立一個遮罩 我們稍後會在 After Effects 中使用它。 所以我會建立一個新的圖層， 如果我降低 Google 地球圖層的不透明度， 那樣我就可以選擇大約兩三個方格 我幾乎看不見的 並使用套索工具選取這些方塊後， 我要把牠們變紅， 現在我們將開啟 Premiere Pro。 我將前往新專案並選擇資料夾。 現在我要前往「序列」>「檔案」>「新增序列」。 這是數位單眼相機，1080p。 1080p，25幀，完美，按確定。 現在我要過去看一下標示著「專案」的地方， 右鍵按一下，新增項目，色彩平面。 我就是這樣做的。 也許有更好的方法。 然後我會點選「基本版 After Effects」， 而且我要把這個拖到這裡。 我的動畫大約會是30秒左右。 現在我要去右鍵點擊 按一下「以 After Effects 編輯項目取代」。 現在我要做的是，我會去 在我的 PSD 檔案所在的位置 然後我會把它拖到我的 Photoshop 檔案中。 進入我的 After Effects 檔案中 而這裡我將選擇可食用層樣式， 組合，好的，我將雙擊 在這張圖片的上方。 現在如果我們檢查一下PSD檔案，會發現有一個圖層遮罩。 因此，如果我們停用此圖層遮罩並按一下儲存， 我們可以過去那邊。 而且它將會自動更新。 如果你要右鍵點選並點擊「預合成」， 其作用是在一個資料夾內建立另一個資料夾。 並且會讓我在該資料夾內編輯的所有內容都受到影響 獨立於外界。 所以我會點選基本地球影像。 現在在上方，選取此項後， 我要去設定 Alpha 混色，追蹤第 1 層，完美。 現在我們要改變位置。 情況大概會是這樣。 比例尺也可以進行調整。 正如各位所見，我們這裡有原始影像。 現在我們要做的是，我們將會加入 一層分析。 因此，我將進行分析， 就像我會在這裡選擇機場的區域。 那我接下來要做的事，就是走進去 此機場，按一下鉛筆工具， 然後開始選擇機場佔據的區域。 所以情況大致會是這樣。 現在我們將為這條線條添加動畫效果。 我們將前往顯示「內容」的地方。 新增「路徑修剪」，我先來調整「描邊」， 而且我要加一條破折號， 我會把它稍微縮小一點。 現在我要前往「修整路徑」，打開它， 以及當它顯示「結束」時，例如 在四秒的時候，我會結束它。 如果我再稍微往前放大一點， 我要把它降到零。 所以如果我現在按一下播放，就完美了。 現在我將選取這兩個項目，並按一下 F9 鍵以啟用快速淡入淡出功能。 所以我會把它複製一份， 按一下「填滿」，再按一下「白色」， 消除筆畫， 並且明顯地消除裁剪路徑。 我將按下 T 來調整不透明度， 然後我會點擊這裡的時間顯示功能， 把它調到零，一完成就立即 我要把它調到100。 如果我們回到最初的基準影像， 如果我們來看看這段動畫， 按下播放鍵，這是一個很好的開始。 但或許我並不想要純白的顏色。 也許我想要大約60。 如果我現在按播放，那就對了。 我將對另一層做同樣的事。 這條河將會一直延伸到這裡。 這有點長。 那我就加快速度了， 我將選擇這裡的河流。 好的，那麼現在我這裡有一條河。 如果你想的話，可以將這條線變成藍色的線， 也許大致就像這樣。 再來，到這裡看一下，上面寫著 內容、新增、修剪路徑 以及你希望它在何處結束。 例如，我們剛才就是這麼做的。 而且我希望它就在此刻結束， 那我開始了，按一下結束。 點擊時鐘，然後向下拖曳， 而這裡，我希望它從這裡開始， 那我現在要拖曳它了， 那麼，我們的第二行就完成了。 如果我們回到我們的基礎動畫， 我們可以看到它突然亮起來的樣子， 打開，然後河流也打開了， 另一個關閉了。 因此，如果你有兴趣了解更多 關於 After Effects，關於動畫 而且你想加入動畫 將其融入您的架構圖形中， 我推薦介紹 Adobe After Effects， 從零開始學習動態圖形 作者：Evan Abrams，僅在 Skillshare 上提供。 所以如果你們想看看那堂課， 這非常、非常、非常有趣。 我真的很建議你去做。 因此，Skillshare 是一個線上學習社群。 數以千計的課程涵蓋了數十個領域 創造力與創業技能。 高級會員讓您無限次存取， 這樣你就可以參加課程和社群了 正好適合你的。 無論您是想激發自己的好奇心， 創造力，甚至職業生涯 Skillshare 是最理想的場所 讓你持續學習並茁壯成長。 Skillshare 也極其性價比高， 尤其是與昂貴的實體課程相比 以及工作坊。 每年訂閱費用低於每月10美元。 由於 Skillshare 贊助了這支影片， 您可以在說明欄的連結中註冊 並獲得兩個月的免費試用。 所以，在我們有了這個之後， 我們將前往 Photoshop 檔案 我們已經匯入的 我們將複製背景圖片 然後我們要複製我們的網格圖像， 然後我們將把它們貼上 在我們其他的 After Effects 編輯項目中。 完成這件事後， 我剛剛為背景網格加上了動畫效果。 你可以前往「效果」並搜尋自動捲動 或垂直方向，系統將自動移動您的網格。 之後，我們想要建立一個遮罩。 所以這個面具是為了給它增添一點深度。 並為影像增添一點更強的立體感。 站在我的層次上，站在我的構成層次上 在我的基礎影像層上， 我將選擇鋼筆工具並開始選取 就像我們在 Photoshop 中所做的那樣 在圖像的周圍邊緣。 而且我可能會讓它稍微不那麼完美 所以它會呈現出三維的外觀。 我們就在此處結束這一切。 現在，我要做的一件事是 起初是， 我要放大這張圖，按一下 S 鍵來縮放。 現在我將點擊時間零件。 現在我要點擊返回，然後點選零。 所以它就會這樣出現。 但它可能顯得有點太慢了。 所以也許我會讓它看起來快得多 將它拖曳到這裡。 另一個令人驚嘆的技巧，我們也可以揭露 是一架飛機。 因為這是一件與機場有關的事。 因此我們把飛機運了進來。 我們需要為它添加陰影效果。 這就跟 Photoshop 一模一樣。 所以你右鍵點選，然後選擇「效果樣式」或「圖層樣式」。 並帶有陰影效果。 現在我們將為我們的立場設定時間範圍。 所以當你按下鍵盤上的 P 鍵時， 你的位置將會出現。 你將點擊時間錶 而你將選擇第20秒的時間點 並將飛機移動到你希望它降落的位置。 然後選擇零秒標記 並把飛機往回移動。 所以這將形成你的飛機的飛行軌跡。 現在我們只需加上文字即可。 這裡就是第一個。 按一下 Ctrl + T。 現在我想讓這個機場區域出現 一出現就立刻。 那我就不客氣地都選了。 按 T 鍵調整不透明度，點擊頂部。 然後再往後一點，我要點選零。 現在我要按 P 來設定位置。 當它達到 100 時，我希望它就在那裡。 那我現在要點選位置。 但當它在零時，我希望它在下面。 所以如果我按下播放。 我們將重複這個過程 我們所需要的所有文字。 我重複了多次。 還有創建一條線的過程， 動畫線條，建立一層分析層 動畫化該圖層大致上是相同的。 所以我也不想浪費你的時間 並讓你知道。 所以我也不想浪費你的時間。 如果你想看到全部， 完整的，每一處細節都完整地 然後你可以在我們的 Patreon 頁面上觀看。 但這裡重要的是 你用來為一切動畫化的一切依據 就像剛好完美契合的時機，對吧？ 所以大約是20秒或30秒 每張投影片的內容。 最重要的是，你得把 該投影片中的相關資訊。 所以如果你打算放，你知道的，那個， 我不知道，那裡的自然環境， 然後在30秒內解釋自然條件。 那麼如果你打算放置網站的各個區域， 然後你又只有30秒來播放下一張投影片。 那就是你將會這樣做的方式 同時也請規劃好你的簡報結構。 所以我不會，所以基本的，你知道， 動畫技術有這麼多，對吧？ 所以你 juste 把位置放上去， 你負責起點，你也負責終點， 這就是為線條添加動畫的方法 或是一架飛機，或任何東西。 現在，如果你想為文字添加動畫， 正如我告訴你的那樣。 這只會幫助你組織演示文稿的結構 並使其更加高效且清晰 當你介紹你的專案時， 無論是在大學裡，還是在你的辦公室裡。 現在，我們完成所有這些之後， 你們完成所有動畫後 你可以做的是回到 Premiere Pro。 記得我們之前有那個基礎檔案在那裡。 我們接下來要做的就是 我們 juste 按下控制鍵。 你也可以根據需要加上音樂。 你可以添加一些背景音樂 讓它變得，你知道的，有趣得多。 但如果不是這樣，那也完美無缺。 然後你按一下鍵盤上的 Control M，接著匯出。 您選擇要將影像匯出至的位置 然後你匯出它。 那裡沒有什麼太複雜的。 你們覺得怎樣？ 我真的很喜歡這個影片。 我真的很喜歡這個過程。 我正試著動畫更多東西。 而且我觉得這讓我們的簡報看起來酷多了。 如果你想看到更多動畫， 然後在下方留言。 如果你想查看其他科目， 在下方留言。 讓我們聊一聊。 讓我們看看，你知道的，你想看什麼影片。 我希望你們在家真的平安無事。 我知道，我住在哥倫比亞。 這是南美洲。 我們不能出去。 現在我們不能外出，除非是去買 groceries。 或者只是做些基本的事。 我知道現在我們待在家裡很不容易。 我想要帶給你最好的， 盡可能多地創造價值，當你們在家的時候。 我希望這能持續提供幫助 你的大學專案，你的辦公室專案， 等等，等等，等等。 是啊。