[發(fā)明專利]一種基于逆向反演的交互式網(wǎng)頁動畫設(shè)計方法

在審

• 申請?zhí)枺?/td>: 201610093519.8
• 申請日: 2016-02-19
• 公開（公告）號: CN105701235A
• 公開（公告）日: 2016-06-22
• 發(fā)明（設(shè)計）人: 韋艷麗;趙韓;周莉莉;楊益星
• 申請（專利權(quán)）人: 合肥工業(yè)大學(xué)
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06T13/00
• 代理公司: 杭州君度專利代理事務(wù)所(特殊普通合伙) 33240
• 代理人: 王桂名

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體涉及一種基于逆向反演的交互式網(wǎng)頁動畫設(shè)計方法。

背景技術(shù)

交互式網(wǎng)頁動畫是動畫與互聯(lián)網(wǎng)結(jié)合的產(chǎn)物，是指在互聯(lián)網(wǎng)上被使用和播放的動畫。動畫在互聯(lián)網(wǎng)上的應(yīng)用，使網(wǎng)頁富有活力，達(dá)到吸引眼球和引導(dǎo)頁面瀏覽操作的目的，其運(yùn)動的原理來自于動畫的運(yùn)動原理。動畫是通過連續(xù)播放一系列連續(xù)畫面而形成動感的視覺映像。

傳統(tǒng)的動畫設(shè)計遵循的是從前到后的原則，設(shè)計時首先將動畫逐幀分解，然后按照從第一幀到最后一幀的順序依次設(shè)計，設(shè)計工作量大，對于要求高效率且經(jīng)常需要更換內(nèi)容的網(wǎng)頁動畫設(shè)計適用性較差。

發(fā)明內(nèi)容

本發(fā)明提供一種基于逆向反演的交互式網(wǎng)頁動畫設(shè)計方法，解決了平面設(shè)計和傳統(tǒng)動畫設(shè)計的方法均不能獨(dú)立應(yīng)用于交互式網(wǎng)頁動畫設(shè)計的問題，結(jié)合了平面設(shè)計和傳統(tǒng)動畫設(shè)計的特點(diǎn)，適用于交互式網(wǎng)頁動畫的設(shè)計。

本發(fā)明的技術(shù)方案如下：

一種基于逆向反演的交互式網(wǎng)頁動畫設(shè)計方法，設(shè)計時首先確定動畫最后一幀的靜態(tài)視覺效果，再逆向完成動畫的運(yùn)動過程，該方法具體包括以下步驟：

步驟一、確定動畫最終幀的靜態(tài)視覺畫面；

步驟二、對最終幀靜態(tài)視覺畫面中需要運(yùn)動的元素進(jìn)行分解，并利用計算機(jī)軟件將其分解到不同的圖層中；

步驟三、將運(yùn)動元素轉(zhuǎn)換為運(yùn)動元件；

步驟四、將運(yùn)動原件用動畫表現(xiàn)形式加工，產(chǎn)生動態(tài)效果，然后在運(yùn)動原件上添加交互語句；

步驟五、輸出動畫。

其中，所述步驟二中需要運(yùn)動的元素包括但不限于背景、圖形、圖像和文字。

其中，所述步驟二中的計算機(jī)軟件是動畫制作軟件。

其中，所述步驟三中的運(yùn)動原件可以是圖形元件、按鈕元件或影片剪輯元件。

其中，所述步驟四中的動畫表現(xiàn)形式包括但不限于逐幀動畫、形狀補(bǔ)間、運(yùn)動補(bǔ)間、運(yùn)動引導(dǎo)、遮罩動畫、腳本動畫和插件動畫。

其中，所述步驟四中的交互式語句是ActionScript交互語句，更具體的說，例如“stop”、“goto”、“getURL”、“l(fā)oadMovie”和“quit”等。

本發(fā)明的技術(shù)方案基于逆向反演的原理——傳統(tǒng)動畫的設(shè)計和播放均是按照“從前向后”的順序，即播放時從第1幀開始播放一直播放到最后一幀，而設(shè)計時也是按照先設(shè)計第一幀，然后依次向后設(shè)計直到最后一幀；而采用本發(fā)明的技術(shù)方案進(jìn)行交互式網(wǎng)頁動畫設(shè)計時，首先確定最后一幀的靜態(tài)視覺效果，然后再讓這張靜態(tài)的圖像動起來，在圖像的設(shè)計基礎(chǔ)上采用一些能表達(dá)動畫主題，具有一定視覺沖擊力的圖形、圖像、文字和色彩等視覺元素來表現(xiàn)，吸引用戶的注意，并用一些動畫形式使這些元素運(yùn)動出現(xiàn)，引導(dǎo)用戶的視覺流程，從而達(dá)到有效傳達(dá)信息的目的。采用本發(fā)明的基于逆序反演的交互式網(wǎng)頁動畫設(shè)計的方法，無需進(jìn)行幀分解并針對每一幀進(jìn)行設(shè)計，僅需要根據(jù)最終幀的靜態(tài)視覺效果，運(yùn)用逆向運(yùn)動反向演示的方法設(shè)計制作，通過交互式網(wǎng)頁動畫的運(yùn)動形式表現(xiàn)，再添加交互語句，即可創(chuàng)建基于網(wǎng)絡(luò)的交互式動畫。本發(fā)明的方法大大提高了互聯(lián)網(wǎng)網(wǎng)頁動畫設(shè)計的效率，對于互聯(lián)網(wǎng)網(wǎng)頁的形式多樣化、內(nèi)容豐富化和信息傳達(dá)高效化都有十分重要的意義。

附圖說明

圖1是本發(fā)明一種基于逆向反演的交互式網(wǎng)頁動畫設(shè)計方法的流程圖；

圖2是本發(fā)明的實(shí)施例的交互式網(wǎng)頁動畫設(shè)計的最終幀靜態(tài)圖；

圖3是本發(fā)明的實(shí)施例的設(shè)計流程圖；

圖4是本發(fā)明的實(shí)施例的交互式網(wǎng)頁動畫設(shè)計的輸出效果圖。

具體實(shí)施方式

下面將結(jié)合本發(fā)明的附圖和具體實(shí)施例對本發(fā)明的技術(shù)方案進(jìn)行清楚完整地描述。

本發(fā)明提供一種基于逆向反演的交互式網(wǎng)頁動畫設(shè)計方法，設(shè)計時首先確定動畫最后一幀的靜態(tài)視覺效果，再逆向完成動畫的運(yùn)動過程，該方法具體包括以下步驟：

步驟一、確定動畫最終幀的靜態(tài)視覺畫面；

步驟二、對最終幀靜態(tài)視覺畫面中需要運(yùn)動的元素進(jìn)行分解，并利用計算機(jī)軟件將其分解到不同的圖層中；

步驟三、將運(yùn)動元素轉(zhuǎn)換為運(yùn)動元件；

步驟四、將運(yùn)動原件用動畫表現(xiàn)形式加工，產(chǎn)生動態(tài)效果，然后在運(yùn)動原件上添加交互語句；

步驟五、輸出動畫。

其中，所述步驟二中需要運(yùn)動的元素包括但不限于背景、圖形、圖像和文字。

其中，所述步驟二中的計算機(jī)軟件是動畫制作軟件。