今晚我想來點透明背景的gif,

讓網站活潑起來!
花了點時間研究讓svg動起來。

成果:
customer-service-agent_2.gif

step1:

illustrator 把塗層分開後存成ai檔

image

step2.

ae開啟ai檔 

分身出 vector layer:

image

給予各個layer需要的動作:

image

如果要輸出mp4:

image

h264輸出成mp4:

image

輸出for透明背景:

image

點擊lossless:

image

選取QuickTime 、 RGB+ALPHA:

image

image

render:

image

step3.用photoshop開啟render出來的mov檔案:

選取gif、勾選透明
image

 

儲存後完工

 

 

arrow
arrow
    創作者介紹
    創作者 MonkeyJ 的頭像
    MonkeyJ

    程式猴

    MonkeyJ 發表在 痞客邦 留言(0) 人氣()