木疙瘩官方下載動(dòng)畫公司廣告設(shè)計(jì)教學(xué)

木疙瘩是一個(gè)專業(yè)級(jí)H5交互動(dòng)畫制作云平臺(tái)，功能非常強(qiáng)大，能夠幫助用戶輕松制作完成交互動(dòng)畫，不管是公司廣告設(shè)計(jì)還是日常的生活需要，多媒體編輯動(dòng)畫，不需要添加任何代碼就能夠輕松完成制作，制作完成的作品能夠在各種設(shè)備中進(jìn)行流暢播放，通過(guò)手機(jī)掃描二維碼即可查看觀看效果，需要的朋友趕緊下載體驗(yàn)吧！

1.添加序列圖片制作元件

如圖進(jìn)入到元件的設(shè)置面板頁(yè)面如下圖所示用戶可以在頁(yè)面中點(diǎn)擊重新創(chuàng)建一個(gè)新的元件，并且還能夠?qū)⑵溥M(jìn)行自定義命名，我們?cè)O(shè)置為打開盒子，然后在頁(yè)面中點(diǎn)擊素材庫(kù)，打開菜單欄，使用快捷鍵快速選取多張我們所需要的序列圖片設(shè)置完成之后，以真實(shí)的形式進(jìn)行添加。

木疙瘩官方下載動(dòng)畫公司廣告設(shè)計(jì)教學(xué)圖1

添加完成之后我們就會(huì)發(fā)現(xiàn)，剛才選擇的圖片將會(huì)以每一幀的方式進(jìn)行添加到舞臺(tái)頁(yè)面效果當(dāng)中，用戶可以直接點(diǎn)擊播放按鈕，以相同的方式導(dǎo)入手機(jī)旋轉(zhuǎn)這一個(gè)圖標(biāo)，在原件的列表頁(yè)面選擇新建元件，并且將其命名為手機(jī)展開元件，然后根據(jù)播放的序列進(jìn)行排序圖片。

木疙瘩官方下載動(dòng)畫公司廣告設(shè)計(jì)教學(xué)圖2

2.在“舞臺(tái)”上添加元件

以上的添加完成之后，點(diǎn)擊返回到。瀏覽預(yù)覽面板，用戶可以將剛才設(shè)置的各種圖片直接使用鼠標(biāo)拖拽到操作臺(tái)中，并調(diào)整元件位置、大小等屬性，新建“背景”圖層，將其拖拉至“圖層0”下層。點(diǎn)擊“素材庫(kù)”，在“舞臺(tái)”上選擇添加一個(gè)背景圖片，重命名“圖層0”為“盒子”，新建“手機(jī)”圖層。在“手機(jī)”圖層上鼠標(biāo)將“元件”面板下的“手機(jī)展開”元件拖拉至“舞臺(tái)”上。

木疙瘩官方下載動(dòng)畫公司廣告設(shè)計(jì)教學(xué)圖3

用戶如果需要修改舞臺(tái)中各個(gè)元素的參數(shù)設(shè)置，比如說(shuō)銅元素的位置和大小如下圖所示，點(diǎn)擊之后進(jìn)入到編輯頁(yè)面，根據(jù)用戶自己的需求進(jìn)行更改即可。

木疙瘩官方下載動(dòng)畫公司廣告設(shè)計(jì)教學(xué)圖4

雙擊“舞臺(tái)”上的“打開盒子”元件進(jìn)入“打開盒子”元件編輯頁(yè)面，鼠標(biāo)選中最后一幀，點(diǎn)擊最后一幀上的圖片的“添加/編輯行為”按鈕，在“編輯行為”對(duì)話框中選擇“動(dòng)畫播放控制”→“暫停”→觸發(fā)條件：“出現(xiàn)”。

木疙瘩官方下載動(dòng)畫公司廣告設(shè)計(jì)教學(xué)圖5