之前建立的圖像都是每幀64×64像素的秉剑,輸出后感覺(jué)圖片非常小侦鹏,這次將每幀的像素?cái)U(kuò)大到128×128略水。然后繪制一個(gè)超級(jí)馬里奧中金幣轉(zhuǎn)動(dòng)的動(dòng)畫(huà)劝萤。
首先建立一個(gè)合適的畫(huà)布,我選擇建立了一個(gè)512×128像素的畫(huà)布跨释。因?yàn)榻?jīng)過(guò)觀察鳖谈,要實(shí)現(xiàn)金幣轉(zhuǎn)動(dòng)的效果阔涉,需要4幀動(dòng)畫(huà)。每幀的大小為128×128贯要,則四幀的寬度為128×4=512椭住。
為了方便定位,我打開(kāi)了網(wǎng)格定位工具函荣。打開(kāi)方法如下扳肛。
這里每個(gè)網(wǎng)格的大小為16×16挖息。當(dāng)然我們也可以根據(jù)實(shí)際需要進(jìn)行調(diào)節(jié)套腹。
我從網(wǎng)上找了一張參考圖电禀,放大后大概是這樣
其實(shí)每個(gè)金幣大致是一個(gè)橢圓形尖飞,然后又增加了些細(xì)節(jié)店雅。
我選擇左邊和后邊各留出32px,上下留出16px沮明,因?yàn)榫C合考量的話這這樣金幣正好能位于128×128畫(huà)布的中心位置,如黑色矩形標(biāo)出的位置荐健。
我們?cè)谶@個(gè)矩形的基礎(chǔ)上江场,通過(guò)刪減邊角,大概形成橢圓形硬幣的基礎(chǔ)形狀吁峻。
如下所示用含,為了方便啄骇,我把網(wǎng)格改成了8×8px.
這樣填充每個(gè)網(wǎng)格缸夹,就能更方便的定位了螺句。
最后的效果如下
基本形狀有了蛇尚,我們會(huì)看到上面還有細(xì)節(jié)取劫。我們現(xiàn)在進(jìn)行添加研侣,并完成四個(gè)幀繪制庶诡。
然后,我們將文件保存為png格式璧函。然后以精靈表單方式導(dǎo)入基显,再導(dǎo)出gif動(dòng)畫(huà)。得到效果如下库继。