AE錨點和位置梳理

當新建一個合成時,AE的世界坐標系是以左上角為原點的。

按Ctrl+R調(diào)出標尺可以看到,合成左上角對應(yīng)的坐標是0,向下和向右為正方向。

這個是錨點存在的前提。


下面拿固態(tài)層來說明錨點和位置的區(qū)別以及聯(lián)系,文本圖層和形狀圖層的錨點計算方式跟固態(tài)層有些不同,但是原理都是一樣的。

現(xiàn)在合成中有個固態(tài)層,現(xiàn)在問你它距離合成原點的位置是什么?

遇到問題了!這個固態(tài)層雖然比合成小,但仍然是一個有面積的圖形,它距離合成原點的位置?是指固態(tài)層左上角距離原點的位置?還是右下角的距離?

可見需要一個沒有面積、只表示位置的點來代替固態(tài)層在合成中的位置。

所謂的位置就是這個點到合成原點的位置,也就是藍色箭頭所指的距離。

而這個點在固態(tài)層中的位置則稱為錨點,這個位置是錨點相對于固態(tài)層中的左上角的距離,也就是黑色剪頭所指的距離。

這個點就是錨點。嗯,沒錯,錨點這個名詞本身也被用來表示錨點在固態(tài)層內(nèi)的位置了。


現(xiàn)在建立一個這個場景來理解固態(tài)層和素材層的錨點計算方式。

合成為800×800,固態(tài)層為400×400,藍色線交叉位置為合成中心點。

固態(tài)層的位置是參照合成原點來計算的,而錨點的位置是錨點在固態(tài)層的位置,相對于固態(tài)層的左上角計算。固態(tài)層自己也有個坐標系來計算錨點的位置。

新建合成后,默認的錨點位于屏幕中心,也位于固態(tài)層中心,而不是左上角。

所以固態(tài)層或其它媒體素材層中,默認下的錨點位置不是(0,0)。而是固態(tài)層長寬的一半。

在這個案例中,錨點在默認下的位置為(200,200),位置則是(400,400)。


現(xiàn)在把錨點位置改為(400,2000)。在調(diào)節(jié)的過程中,錨點位置不變,而是固態(tài)層在合成中的位置發(fā)生了變化,但是固態(tài)層的位置參數(shù)卻沒有變。

這是什么原因呢?

首先,固態(tài)層在合成中顯示的位置確實變了,但是固態(tài)層的位置參數(shù)仍然是(400,400),因為你調(diào)節(jié)是錨點參數(shù),并沒有調(diào)節(jié)位置參數(shù)。

也就是說變得是錨點相對于固態(tài)層的位置,而相對于合成原點的位置不變,所以錨點還處于合成中心位置。

之前說了,錨點是代替固態(tài)層表示固態(tài)層在合成中位置的點,在表示位置時可以把錨點看作是固態(tài)層,所以此時固態(tài)層距離合成原點還是(400,400)。

所以固態(tài)層顯示的位置變了,但是用來計算的實際位置并沒有變。

而錨點相對于固態(tài)層的位置變了,錨點位置現(xiàn)在為(400,200),固態(tài)層大小是400×400,所以現(xiàn)在錨點的位置處于固態(tài)層的右邊中點,也就是現(xiàn)在藍線交叉的位置。

因此錨點變了,位置沒有變,只有移動固態(tài)層在合成中的顯示位置才能滿足這個要求了。


現(xiàn)在再看一個例子,只要錨點X和位置X數(shù)值相同,錨點Y和位置Y數(shù)值相同,那么這個固態(tài)層總是位于合成的原點處。

這又是什么原因呢?

拿上面這個圖做例子,錨點為(400,200),位置同樣為(400,200)。

最開始說過,錨點的位置是相對于固態(tài)層左上角為原點計算的,也就是說錨點位于固態(tài)層左上角位置為(400,200)。

而固態(tài)層位置是相對于合成左上角計算的,錨點又是表示固態(tài)層位置的點,也就是錨點距離合成左上角為(400,200)。

于是錨點距離合成左上角的位置和距離固態(tài)層的位置相同了,自然固態(tài)層就貼在了合成左上角。

換做其他數(shù)值也是同樣道理。


然后再看看形狀圖層的錨點,形狀圖層和文字圖層差不多,但是細掰扯還是有點差異,所以分兩個段單獨梳理。

這是一個形狀圖層場景,合成大小為800×800,形狀圖層大小為400×400。

想要控制繪制出來的形狀圖層大小還真不容易呢,好像還真沒有直接控制形狀圖層大小的調(diào)節(jié)參數(shù),這個是依照之前那個固態(tài)層繪制的。

新創(chuàng)建后默認下,形狀圖層的錨點也在合成中心點。

但是查看以下形狀圖層的錨點卻和固態(tài)層不同了,形狀圖層的錨點為(0,0),也就是說形狀圖層的錨點是相對于形狀圖層的中心為原點進行計算的。

這就是形狀圖層的錨點和固態(tài)層錨點的區(qū)別之處,除此之外所有的原理都是相通的。

但是有時候會出現(xiàn)這個情況。

現(xiàn)在我沒有依照合成中心繪制形狀圖層,而是隨意在合成中畫了一個。

為什么錨點仍然是在合成中心,而不是在形狀圖層中心了呢?

打開形狀圖層的屬性,在Contens(內(nèi)容)中有之前畫的矩形,打開它的屬性后發(fā)現(xiàn)它自己也有一個單獨的變化控制屬性組,其中位置屬性并不是(0,0),如果把這個位置屬性調(diào)節(jié)為(0,0)。這個矩形就會回到屏幕中間,也就是讓錨點處于其中心點位置了。

即,在繪制形狀圖層的時候就已經(jīng)給內(nèi)容一個初始位置值了。

一個形狀圖層可以有很多內(nèi)容,很多個形狀,每個都有自己的變化屬性組。

那么問題來了,內(nèi)容變化屬性組中錨點與形狀圖層的錨點的關(guān)系又是什么呢?

形狀圖層的錨點是表示著這個圖層與合成的關(guān)系,形狀圖層雖然沒有直接的顯示區(qū)域,但是確實存在。

如果沒有直接顯示區(qū)域,不能直接看到,那怎么才能知道形狀圖層的狀態(tài)呢?

還是那句話,形狀圖層的錨點就相當于形狀圖層。這個錨點相當于所有內(nèi)容的父級,控制著整體位置。

而內(nèi)容的變化屬性組的錨點則控制著每個內(nèi)容的狀態(tài),這個錨點也各自內(nèi)容的中心點為原點進行計算,位置則是以形狀圖層的錨點為原點進行計算。

舉個例子:

這個場景中,錨點為(100,100),位置為(500,500)。

錨點相對于形狀圖層中心點偏移了(100,100),位置相對于合成原點偏移的是(500,500)。

但是為什么形狀圖層的錨點向正方向偏移,錨點反而在形狀的左上區(qū)域呢?

這就是因為形狀圖層的內(nèi)容變化組屬性也變了。內(nèi)核就是形狀圖層的錨點控制著形狀圖層(全部形狀),而不受某一形狀的影響。

內(nèi)容的錨點為(100,100),位置為(200,200)。

錨點相對于形狀中心偏移了(100,100),位置相對于形狀圖層錨點為(200,200),正好符合全部描述。

(所有計算都忽略了描邊帶來的影響,只考慮形狀本身)


文本圖層比較特殊。

不實用文字工具,直接在時間線右鍵新建一個文本圖層,默認下還是會顯示在合成中心。

默認下,錨點在文本的左下角,但是可以在段落窗口中調(diào)節(jié)。

但是同樣的,以文本圖層的中心為原點。

可以把文本圖層當做是形狀圖層,文本就是形狀內(nèi)容。

只不過每個文本圖層中只能有一個文本,而且文本這個“內(nèi)容”并沒有直接的控制自己位置和錨點的參數(shù),需要再添加。

在文本的Text屬性的右邊有個小三角,點擊就可以添加錨點和位置了。

這樣文本的錨點體系就和形狀圖層的體系完全相同了。


這就是各類型圖層錨點的性質(zhì)的梳理了。有的地方確實很繞,不過值的花些時間來弄清楚這些。

歡迎關(guān)注我的公眾號

我的公眾號
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 CALayer IOS SDK詳解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi閱讀 5,339評論 3 23
  • 官網(wǎng)中文版 1 簡易天空替換## 技能:線性擦除,追蹤運動,用顏色鍵K出人物,用色彩曲線調(diào)色。(1)天空圖片素材放...
    朱細細閱讀 11,651評論 4 81
  • 一、工作區(qū)和工作流程 1.工作區(qū)和面板 保存、刪除、重置工作區(qū)???、編組、浮動面板 2.首選項 常規(guī)、預(yù)覽、導(dǎo)入、...
    朱細細閱讀 8,199評論 0 52
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,696評論 6 30
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌。在這里你可以看...
    F麥子閱讀 5,270評論 5 13

友情鏈接更多精彩內(nèi)容