使用Photoshop構建動態(tài)演示GIF動畫(3)

步驟3

創(chuàng)建新幀，延遲0.1s，隱藏tap圖層組中最細的描邊

步驟4

再添加一幀，再隱藏剩下的那個描邊

步驟5

添加新幀，隱藏tap圓

步驟6

創(chuàng)建新幀，將和雜志無關的內容項不透明度設置為0%（這里修改了最后一個作品）

步驟7

依舊在這一幀中，將和雜志相關項上移

步驟8

在當前幀和上一幀直接選擇過渡，為了加速動效，要添加的幀數(shù)選擇3

步驟9

最后一幀設置延遲1s

效果展示：

點擊具體項效果

步驟1

創(chuàng)建關鍵幀，延遲0.2s，顯示Tap圖層組（移動到具體項位置）

步驟2

添加新幀，延遲0.1s，隱藏最細的描邊

再添加新幀，隱藏次細描邊

步驟 3

添加幀，隱藏Tap圓圖層。

添加幀，將具體項大圖不透明度設置為100%，將圖中的小項不透明度設置為0%

步驟4

在當前幀和前一幀添加過渡，要添加的幀數(shù)5

效果：

嵌入到手機模板里

步驟1

時間軸面板，選擇將幀數(shù)拼合到圖層

每一幀都變成了圖層

步驟2

在圖層面板中選擇所有幀，轉換為智能對象，然后點擊轉換為視頻時間軸

步驟3

將智能對象復制到模板PSD里面

步驟4

選擇智能對象，按cmd+（Control-T），按住CMD/Control來調整每個點。

步驟5

保存為web所用格式，ok，成功。

（如果對效果不滿意，可以導出城視頻，然后導入到AE中合成）