這篇文章寫了這支一分鐘MG動畫的一些技術(shù)上思考難點。涉及了表達(dá)式，效果器，形狀圖層，少量插件以及一些可能需要的三維軟件。本文偏技術(shù)型較強，可能你需要對AE有所接觸。我對AE也是自學(xué)的，可能有些做法看起來并不專業(yè)吧，望一起矯正探討。

After Effects cs5 官方免費中文版(附安裝教程)

• 類型：媒體其它
• 大?。?/span>2.80MB
• 語言：簡體中文
• 時間：2014-12-11

查看詳情

MG 動畫源地址：http://weibo.com/5168338024/Ekn7u77fq

在干貨之前，聊聊這個一分鐘小動畫發(fā)布之后吧。其實有些超乎預(yù)料，公眾號收到了歷史最多的一次留言點贊打賞！微博被轉(zhuǎn)發(fā)了280多次，閱讀量24w+…瞬間破了千粉（真不容易…大v們別嘲笑！請叫我網(wǎng)紅少年?。?，想想還有些小雞凍！做這支視頻的目的更多的不在于要表達(dá)什么，而在于思考這畢業(yè)后這一年自己在設(shè)計上的一些理解以及技術(shù)層面上的一次嘗試吧。

我差不多從十月中旬開始策劃，創(chuàng)意之初，我把整個工程分成5個chapters（開篇基礎(chǔ)幾何 – 色彩變換 – 空間運動 – 粒子應(yīng)用 – 三維與角色）三維部分章節(jié)目前結(jié)合導(dǎo)入效果不好加上時間問題幾乎被放棄了。）

△ 非常草稿的草稿

我在思考基礎(chǔ)幾何這部分時，開始是想用純粹的幾何變化來設(shè)計，從點到線條到面，沒有其他修飾。但導(dǎo)出播放總覺得畫面太過于單調(diào)。后面加了些小點綴，場景隨機位置出現(xiàn)4px的彩色點，但也覺得畫面小氣了些。

△ scene1的第一版

我去重新思考這部分，也看了大量國外優(yōu)秀作品，behance上看到JR公司對幾何圖形設(shè)計的一些不一樣的方式，在基礎(chǔ)幾何圖上加入粗線條，端點，過渡線條等方式，確是打開了我的眼界。我想，這一章就是應(yīng)該這樣去呈現(xiàn)！當(dāng)然這無形增加了實現(xiàn)難度。AE中，端點實現(xiàn)并不能直接賦予線條，而是單獨做一個小正方形圖層（你所看到的端點都是4px的正方形）作為端點。端點如何跟正方形進(jìn)行交互聯(lián)動便需要通過表達(dá)式實現(xiàn)了。

原理很簡單：設(shè)置正方形A中心為初始坐標(biāo)原點，右上角端點坐標(biāo)為（A寬/2，A高/2），左下角為（-A寬/2，-A高/2）

原理：設(shè)置圓形A中心為初始坐標(biāo)原點，獲取圓半徑r，上頂點坐標(biāo)（0，r）。而不在正上方的點坐標(biāo)呢？其實不用求坐標(biāo)，只需要給點一個旋轉(zhuǎn)即可，因為A中心是原點坐標(biāo)。

幾何圖形章節(jié)所有元素都是運用這樣基礎(chǔ)幾何數(shù)學(xué)知識去構(gòu)造的，去運算點的位置，設(shè)置好層級關(guān)系，分鏡處理，如何過渡等。

△ scene1的截圖

章節(jié)末三角形旋轉(zhuǎn)部分用到了形狀圖層的中繼器效果（如下圖），通過調(diào)節(jié)副本數(shù)目，來復(fù)制有規(guī)律的三角形，給旋轉(zhuǎn)K上關(guān)鍵幀，便可輕易做到讓其復(fù)制成一個圓形。

chapter 2

這個章節(jié)重點體現(xiàn)色彩變換，我重點介紹兩個地方，一是"彩虹"的設(shè)計，二是波形的設(shè)計。

彩虹部分主要用到形狀圖層的漸變描邊以及修剪路徑工具，漸變描邊倒很熟悉，用漸變色對路徑進(jìn)行描邊，可以控制描邊粗細(xì)，顏色，漸變方式等。（新建形狀圖層，添加 – 橢圓路徑 / 添加 – 漸變描邊 ）

而修剪路徑，就是只顯示整個形狀路徑的百分比，從0到100（百分比）。通過設(shè)置修剪路徑的開始值和結(jié)束值來得到描邊顯示的多少，從而產(chǎn)生彩虹運動的一個元素?？梢試L試拖動這幾個數(shù)值觀察他們的關(guān)系。（添加 – 修剪路徑）

最新評論