動(dòng)態(tài)圖像設(shè)計(jì)全文(5篇)

摘要：本文結(jié)合學(xué)生的學(xué)習(xí)興趣，在二維動(dòng)態(tài)圖形課程教學(xué)中對(duì)學(xué)生進(jìn)行階段性訓(xùn)練，并在教學(xué)實(shí)踐中歸納了動(dòng)態(tài)圖形教學(xué)的基本規(guī)律。文章通過(guò)教與學(xué)的過(guò)程詳細(xì)介紹了二維動(dòng)態(tài)圖形設(shè)計(jì)創(chuàng)意及軟件應(yīng)用技巧，通過(guò)教學(xué)設(shè)計(jì)案例的制作方式結(jié)合平面圖形設(shè)計(jì)軟件和動(dòng)態(tài)圖形設(shè)計(jì)軟件等計(jì)算機(jī)輔助教學(xué)軟件探索動(dòng)態(tài)平面的設(shè)計(jì)方法。了解動(dòng)態(tài)圖形設(shè)計(jì)的原理及方法。該方法可為設(shè)計(jì)教學(xué)提供參考。

關(guān)鍵詞：計(jì)算機(jī)軟件二維圖形動(dòng)態(tài)圖形

一、二維動(dòng)態(tài)圖形教學(xué)內(nèi)容

二維動(dòng)態(tài)圖形起源于19世紀(jì)60年代，美國(guó)動(dòng)畫師約翰•惠特尼第一次使用這個(gè)名字，是指在平面設(shè)計(jì)背景下，簡(jiǎn)單化和抽象化的動(dòng)態(tài)圖象形式，主要用來(lái)傳達(dá)信息和視覺(jué)設(shè)計(jì)。1955年，平面設(shè)計(jì)師索爾•巴斯制作的動(dòng)態(tài)圖形電影片頭應(yīng)用他對(duì)平面字體和當(dāng)代設(shè)計(jì)的經(jīng)驗(yàn)，影響了二維動(dòng)態(tài)圖形的設(shè)計(jì)發(fā)展。此后，在不斷的探索中，二維動(dòng)畫課程教學(xué)也成為平面設(shè)計(jì)專業(yè)教學(xué)的一個(gè)重要組成部分。通過(guò)近幾年的課程教學(xué)，我認(rèn)為二維圖形的內(nèi)涵主要表現(xiàn)在以下方面：第一，在電腦屏幕中，二維作為平面范圍內(nèi)的視覺(jué)形式通過(guò)景深形成有形空間。其畫面中的圖像具有圖形和影像兩種視覺(jué)形式。二維的圖片可以傳遞出具體的觀點(diǎn)或情感，吸引觀眾的注意力，進(jìn)一步豐富觀眾的想象力，最終突出和強(qiáng)調(diào)所傳遞的視覺(jué)信息。第二，在二維動(dòng)畫教學(xué)中，圖形是說(shuō)明性的圖畫形象，例如象形文字，圖像字符，繪畫，插畫，照片以及印刷等，盡管每一種圖像都有自己獨(dú)特的特點(diǎn)和功能，相對(duì)視覺(jué)文字，它們都可能成為文字的補(bǔ)充。第三，圖像可以是二維的或虛擬的，例如照片，插畫或顯示屏，它也可以是三維的，像雕塑作品，圖像還可以通過(guò)一些視覺(jué)工具捕捉到，例如照相機(jī)，鏡子，激光，望遠(yuǎn)鏡或顯微鏡，以及人眼等自然物和水面的倒影等自然現(xiàn)象。在學(xué)校的課程設(shè)置中，二維動(dòng)畫教學(xué)是基于平面圖形的教學(xué)設(shè)計(jì)思維的軟件應(yīng)用型課程，教學(xué)目的圍繞著平面圖象的基本設(shè)計(jì)思維而展開(kāi)，讓學(xué)生在對(duì)設(shè)計(jì)基礎(chǔ)知識(shí)的掌握中也適應(yīng)數(shù)碼時(shí)代的設(shè)計(jì)應(yīng)用，通過(guò)該課程的學(xué)習(xí)，理解傳統(tǒng)動(dòng)畫、MG動(dòng)畫、微電影、動(dòng)態(tài)網(wǎng)頁(yè)、網(wǎng)絡(luò)廣告、微視頻、UI動(dòng)效等動(dòng)畫設(shè)計(jì)領(lǐng)域的基本特點(diǎn)。

二、二維動(dòng)態(tài)圖形課程階段性教學(xué)

相對(duì)來(lái)說(shuō)，二維圖象的構(gòu)成方式主要有靜態(tài)和動(dòng)態(tài)兩種。由于我們?cè)谟^看動(dòng)態(tài)圖形的時(shí)候，是一系列靜態(tài)圖片以序列的方式運(yùn)動(dòng)，因此在教學(xué)中，我將二維動(dòng)態(tài)圖形的課程分為兩個(gè)步驟來(lái)進(jìn)行階段性訓(xùn)練。

（一）二維靜態(tài)圖形圖像

摘要：現(xiàn)代社會(huì)中新媒體技術(shù)的發(fā)展，產(chǎn)生了與傳統(tǒng)靜態(tài)設(shè)計(jì)不同的藝術(shù)風(fēng)格，帶給我們不同體驗(yàn)，動(dòng)態(tài)海報(bào)也在新的傳播方式中得到充分展示。圖形是視覺(jué)設(shè)計(jì)的基礎(chǔ)，在動(dòng)態(tài)海報(bào)中起到關(guān)鍵作用。本文通過(guò)圖形在動(dòng)態(tài)海報(bào)中的設(shè)計(jì)應(yīng)用，從動(dòng)態(tài)海報(bào)中的圖形概述、風(fēng)格展現(xiàn)與意義三個(gè)方面探究動(dòng)態(tài)海報(bào)中的圖形，使觀者切身體會(huì)到動(dòng)態(tài)海報(bào)中圖形的美。

關(guān)鍵詞：圖形；動(dòng)態(tài)海報(bào)；風(fēng)格；情感

一、引言

動(dòng)態(tài)海報(bào)設(shè)計(jì)在現(xiàn)代新媒體技術(shù)的指引下出現(xiàn)了不同風(fēng)格的表現(xiàn)形式，海報(bào)作為視覺(jué)傳達(dá)的一種表現(xiàn)形式，需要借助大量的圖形圖像設(shè)計(jì)。相比于普通的靜態(tài)圖形而言，動(dòng)態(tài)圖形更能對(duì)人的視覺(jué)、情感等產(chǎn)生共鳴，并且動(dòng)起來(lái)的圖形與人產(chǎn)生互動(dòng)的行為，融入大眾心理，如此傳達(dá)的視覺(jué)信息和深層意義更加全面。

二、動(dòng)態(tài)海報(bào)設(shè)計(jì)中的圖形概述

動(dòng)態(tài)圖形具有交叉性，它在現(xiàn)代動(dòng)態(tài)新媒體技術(shù)發(fā)展下，融合靜態(tài)海報(bào)中的圖形設(shè)計(jì)，從而讓受眾對(duì)海報(bào)有不同接收方式，由此產(chǎn)生新的不同的視覺(jué)體驗(yàn)。動(dòng)態(tài)圖形豐富的表現(xiàn)形式使圖形自身有了很大的包容性，可以運(yùn)用于平面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、影視設(shè)計(jì)等一切能展現(xiàn)于受眾視野的藝術(shù)當(dāng)中，現(xiàn)階段的動(dòng)態(tài)海報(bào)主要被運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)、App客戶端的宣傳和啟動(dòng)頁(yè)面以及各大高校畢業(yè)展海報(bào)等方面。海報(bào)設(shè)計(jì)中動(dòng)態(tài)圖形的呈現(xiàn)，經(jīng)常是我們?？吹降撵o態(tài)圖形組成連環(huán)的動(dòng)態(tài)形式，從而帶給觀眾動(dòng)態(tài)的視覺(jué)效果。實(shí)驗(yàn)表明，人本身心理與生理對(duì)于運(yùn)動(dòng)的感受就遠(yuǎn)遠(yuǎn)超過(guò)靜態(tài)，一切靜態(tài)的行為只要運(yùn)動(dòng)起來(lái)，就能迅速抓住人的眼球。當(dāng)在海報(bào)設(shè)計(jì)中用到一些動(dòng)態(tài)圖形時(shí)，圖形的存在狀態(tài)不斷變動(dòng)，每個(gè)圖形元素之間產(chǎn)生一種緊張感或者松弛感，還有一些動(dòng)態(tài)圖形與文字的互動(dòng)排版與色彩襯托，圖形元素中的不同方向、位置、韻律感和動(dòng)感使畫面產(chǎn)生了脫穎而出的空間感與層次感。圖形的運(yùn)動(dòng)形式在視覺(jué)上對(duì)人的心理產(chǎn)生了引導(dǎo)性的作用,圖形動(dòng)態(tài)化也具有流暢的故事性表達(dá)方式,可以直接引導(dǎo)觀者在欣賞作品時(shí)的思維情感方向，更容易激起觀者共鳴從而達(dá)到思想和精神層面的升華。

三、動(dòng)態(tài)海報(bào)中圖形的風(fēng)格展現(xiàn)

摘要：論文分析了表情動(dòng)畫、網(wǎng)絡(luò)動(dòng)畫、動(dòng)畫導(dǎo)航及網(wǎng)絡(luò)視頻等動(dòng)態(tài)圖形圖像設(shè)計(jì)的關(guān)鍵技術(shù)與方法，總結(jié)了FLASH圖形動(dòng)畫在廣告設(shè)計(jì)中的應(yīng)用。從靜態(tài)圖形的創(chuàng)建到圖案動(dòng)畫的設(shè)計(jì)，解析了FLASH中位圖與矢量圖形的不同運(yùn)用，并結(jié)合實(shí)例分析了FLASH中運(yùn)用多層的矢量元素去制作運(yùn)動(dòng)補(bǔ)間和關(guān)鍵幀運(yùn)動(dòng)的方法。制作基于圖案的Flash動(dòng)畫。該方法可為廣告設(shè)計(jì)中的電腦動(dòng)畫課程教學(xué)提供參考。

關(guān)鍵詞：矢量圖形影片剪輯動(dòng)態(tài)圖形

引言

動(dòng)態(tài)圖形作為一種獨(dú)特的設(shè)計(jì)語(yǔ)言，是視覺(jué)傳達(dá)設(shè)計(jì)目前常用的媒介和作用方式。在不同時(shí)代動(dòng)畫受藝術(shù)，美學(xué)與音樂(lè)的發(fā)展影響，引發(fā)的對(duì)互聯(lián)網(wǎng)及動(dòng)漫娛樂(lè)產(chǎn)品的需求，讓越來(lái)越多的動(dòng)畫師、交互設(shè)計(jì)師、游戲開(kāi)發(fā)者、數(shù)碼藝術(shù)家們將更多的細(xì)節(jié)擴(kuò)展到網(wǎng)絡(luò)經(jīng)營(yíng)的更大空間。例如Macromedia公司的Flash軟件是一款多媒體動(dòng)畫軟件，隨著HTML和CSS的發(fā)展，F(xiàn)lash軟件還在不同領(lǐng)域運(yùn)用，F(xiàn)lash是傳統(tǒng)的動(dòng)畫技術(shù)的自動(dòng)化和智能化版本，如補(bǔ)間，變形，洋蔥般皮膚等，其格式和工作區(qū)操作簡(jiǎn)便，因此可以縮短制作周期并減少項(xiàng)目預(yù)算，具有運(yùn)用多層的矢量元素去制作運(yùn)動(dòng)補(bǔ)間和關(guān)鍵幀運(yùn)動(dòng)的動(dòng)態(tài)圖形設(shè)計(jì)能力，以及對(duì)矢量圖的應(yīng)用能力以及文件量小，傳輸快的特點(diǎn)，可用來(lái)制作互動(dòng)界面與基于圖案的動(dòng)畫。

一、FLASH在廣告設(shè)計(jì)中的影響

計(jì)算機(jī)以矢量圖形或位圖格式顯示圖形，而flash善于處理矢量圖像，使用Flash可以創(chuàng)建壓縮矢量圖形，并將它們制作為動(dòng)畫，也可以導(dǎo)入和處理在其他應(yīng)用程序中創(chuàng)建的矢量圖形和位圖圖像，或者在“舞臺(tái)”區(qū)域直接繪制圖形。在編輯矢量圖形時(shí)，可以修改描述圖形形狀的線條和曲線屬性，也可以對(duì)矢量圖形進(jìn)行移動(dòng)、調(diào)整大小、重定形狀及更改顏色的操作，而不更改其外觀品質(zhì)。在Flash中繪圖時(shí)，創(chuàng)建的是矢量圖形，它是由數(shù)學(xué)公式所定義的直線和曲線組成的。矢量圖形是與分辨率無(wú)關(guān)的，因此，可以將圖形重新調(diào)整到任意大小，或以任何分辨率顯示它，而不會(huì)影響其清晰度。另外，與下載類似的位圖圖像相比，下載矢量圖形的速度比較快?？梢詫?dǎo)入ILLUSTRATOR制作的矢量圖并制作動(dòng)畫效果，也可以直接在舞臺(tái)上繪制圖形。在FLASH中，不同版本對(duì)工作區(qū)域的大小設(shè)置是不同的，如Flash3.0的工作區(qū)域要求在1-2880像素之間，而CC可以做到無(wú)限制的工作區(qū)域，滿足了輕松管理大型背景或之外的內(nèi)容的要求。簡(jiǎn)潔整齊的用戶界面能更好地關(guān)注繪制的內(nèi)容，對(duì)話框和面板方便瀏覽。和其他軟件一樣，F(xiàn)LASH軟件也不斷更新其功能以方便用戶的使用，作為在線工具和應(yīng)用軟件，還支持ActionScript動(dòng)作腳本，這種腳本語(yǔ)言可以在軟件中實(shí)現(xiàn)交互，進(jìn)行數(shù)據(jù)處理或者制作復(fù)雜的動(dòng)畫，能夠幫助用戶更快地完成動(dòng)畫效果的制作。

二、FLASH在廣告設(shè)計(jì)中的應(yīng)用

摘要：在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，計(jì)算機(jī)圖像處理技術(shù)屬于核心關(guān)鍵，熟練掌握且合理使用計(jì)算機(jī)圖像處理技術(shù)能夠全面提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量，從而吸引更多關(guān)注且提高點(diǎn)擊。基于此，文章將主要針對(duì)計(jì)算機(jī)圖像技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用情況與應(yīng)用技術(shù)措施展開(kāi)分析，希望能夠?yàn)橄嚓P(guān)從業(yè)者提供參考借鑒。

關(guān)鍵詞：計(jì)算機(jī)；圖像處理；網(wǎng)頁(yè)設(shè)計(jì)；應(yīng)用

引言

網(wǎng)頁(yè)設(shè)計(jì)有著極為顯著的時(shí)代特征，在應(yīng)用計(jì)算機(jī)圖像處理技術(shù)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)一定要確保技術(shù)與審美的完美融合，以更加精美的效果去吸引人們的關(guān)注，進(jìn)而提高網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量。隨著計(jì)算機(jī)圖像處理技術(shù)的高速發(fā)展，處理后的圖像同樣能夠擁有非常高的分辨率與傳輸速率。在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中對(duì)計(jì)算機(jī)圖像處理的合理應(yīng)用成為關(guān)鍵點(diǎn)，憑借其存儲(chǔ)方便、環(huán)境良好的優(yōu)點(diǎn)，更重要的是能夠?qū)崿F(xiàn)圖像數(shù)字化，也就是通過(guò)模擬圖像采樣、量化與編碼去得到計(jì)算機(jī)能夠處理的數(shù)字影像格式。

1計(jì)算機(jī)圖像處理與網(wǎng)頁(yè)設(shè)計(jì)

基于工作原理層面來(lái)看，圖像處理與網(wǎng)頁(yè)設(shè)計(jì)均是對(duì)計(jì)算機(jī)圖像格式進(jìn)行分析，采取圖像處理與網(wǎng)頁(yè)設(shè)計(jì)的方式去進(jìn)行圖像的設(shè)計(jì)。在計(jì)算機(jī)當(dāng)中有著眾多不同種類的圖像格式，網(wǎng)頁(yè)設(shè)計(jì)中用到的圖像格式包含圖像交換格式、JIF格式等，有著無(wú)損壓縮的優(yōu)點(diǎn)，能夠滿足網(wǎng)頁(yè)設(shè)計(jì)對(duì)高質(zhì)量、高效益的需求。應(yīng)用計(jì)算機(jī)圖像處理軟件進(jìn)行針對(duì)圖像的合成、上色、裁減、特效、調(diào)整分辨率等操作，能夠讓設(shè)計(jì)預(yù)想變?yōu)楝F(xiàn)實(shí)，體現(xiàn)更多樣的網(wǎng)頁(yè)設(shè)計(jì)效果[1]。其中，將圖像轉(zhuǎn)化為三原色數(shù)字圖形代碼且對(duì)代碼展開(kāi)解讀與處理，是計(jì)算機(jī)圖像處理技術(shù)的價(jià)值所在。

2計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的作用

1新媒體中平面設(shè)計(jì)的信息梳理

當(dāng)受眾面對(duì)具備大量信息的網(wǎng)頁(yè)或者廣告電子屏?xí)r，設(shè)計(jì)師對(duì)信息的歸納與整理就顯得尤為重要，因?yàn)槭鼙姴幌Ｍ谎蜎](méi)在信息的海洋中，那樣會(huì)給自身造成一種負(fù)擔(dān)，會(huì)覺(jué)得瀏覽信息很累，從而拒絕接受設(shè)計(jì)師所力圖傳遞的信息。在傳統(tǒng)意義上的平面設(shè)計(jì)中，設(shè)計(jì)師會(huì)采取一些技巧，比如以功能強(qiáng)弱、構(gòu)圖層次、主次關(guān)系、圖像外觀來(lái)進(jìn)行分類，遇到一堆圖片時(shí)，可以利用攝影的構(gòu)圖來(lái)編排，比如遠(yuǎn)景、近景等。同樣的在新媒體中，設(shè)計(jì)師也可以采取一定的方法進(jìn)行分門別類，比如一個(gè)以特色菜為主題的網(wǎng)頁(yè)，設(shè)計(jì)師將需要展現(xiàn)的信息按照食材進(jìn)行分類，分別為蔥爆肥羊、咖喱嫩牛、豆瓣石碇魚、霸王雞等，然后將圖片、文字、聲音等信息按照上面的4個(gè)菜品進(jìn)行分類，最后布置在主頁(yè)和子頁(yè)對(duì)應(yīng)的位置上。在布局的設(shè)計(jì)過(guò)程中，無(wú)論載體是平板電腦還是智能手機(jī)，最好不要將雞蛋放在一個(gè)籃子里，而是采取組別的形式，將需要的信息進(jìn)行分類，然后放在相應(yīng)位置，到底要分多少類，這取決于載體大小，一般來(lái)說(shuō)，載體越大，分的種類就越多，一般來(lái)說(shuō)屏幕的物理尺寸大小和像素大小都制約著信息的容量大小，這與傳統(tǒng)媒體排版是一致的，只要在載體上控制適當(dāng)?shù)囊?guī)格，對(duì)信息進(jìn)行精心組織，都會(huì)讓受眾覺(jué)得舒適。

2信息主次關(guān)系的合理布局

當(dāng)代人的生活節(jié)奏很快，不管在哪里，低頭看手機(jī)，抬頭看電子屏，設(shè)計(jì)師要想讓所設(shè)計(jì)的內(nèi)容抓住受眾的眼球，最好的辦法就是簡(jiǎn)潔明了的內(nèi)容。設(shè)計(jì)的精髓在于既要傳遞自己所要表達(dá)的內(nèi)容，也要讓受眾有美的享受，所以在設(shè)計(jì)上給予受眾一定的空間，才能互相碰撞出火花。對(duì)信息的主次關(guān)系必須進(jìn)行合理區(qū)分，主體信息一定要有足夠的空間來(lái)展現(xiàn)，在傳統(tǒng)的平面設(shè)計(jì)中，設(shè)計(jì)師會(huì)有目的地留白，利用留白來(lái)減輕頁(yè)面所造成的窒息感，利用留白也可以擴(kuò)展設(shè)計(jì)的空間，利用留白使形式產(chǎn)生一些變化。面對(duì)新媒體時(shí)，設(shè)計(jì)師同樣會(huì)用類似的技巧來(lái)處理畫面，不過(guò)由于是新媒體，信息的主次關(guān)系與傳統(tǒng)媒體還是會(huì)有一些區(qū)別，它會(huì)更為復(fù)雜，信息的主次將以累加的形式呈現(xiàn)，邏輯和結(jié)構(gòu)關(guān)系的要求更高，比如一本電子雜志，首頁(yè)會(huì)出現(xiàn)主要內(nèi)容的信息，每個(gè)子頁(yè)面又會(huì)有獨(dú)立的內(nèi)容，這些子頁(yè)面可能還會(huì)分出下一級(jí)的獨(dú)立內(nèi)容，因此將所有的主體內(nèi)容抽取出來(lái)，再按照層級(jí)的關(guān)系來(lái)編排。

3圖片信息的優(yōu)勢(shì)

越來(lái)越多的平面設(shè)計(jì)以圖片作為主要的設(shè)計(jì)元素，與此同時(shí)，伴隨著科學(xué)技術(shù)的進(jìn)步，用戶瀏覽頁(yè)面的速度也越來(lái)越快。圖片總是比文字更能給瀏覽者營(yíng)造一種身臨其境的效果，因此在平面設(shè)計(jì)中，圖片的地位極為重要，在新媒體中甚至還有專門的圖片展示區(qū)域讓瀏覽者去欣賞。新媒體中的圖像可以是靜態(tài)的，也可以是動(dòng)態(tài)的，或者兩者組合而成。在傳統(tǒng)設(shè)計(jì)中，圖片有自己的編排法則，例如主體之間要注意位置關(guān)系、圖片之間的組合關(guān)系等。在新媒體中，設(shè)計(jì)師面對(duì)靜態(tài)圖像可以采取與傳統(tǒng)平面設(shè)計(jì)一樣的方法來(lái)處理，但是對(duì)于動(dòng)態(tài)圖像就要考慮手機(jī)和電腦的不同瀏覽體驗(yàn)，一般來(lái)說(shuō)新媒體的內(nèi)容更為豐富，受眾在獲取信息的時(shí)候可以選擇自己所需要的信息，所以在處理動(dòng)態(tài)圖像的時(shí)候，應(yīng)該遵守下面這些標(biāo)準(zhǔn):第一，所有的編排都是突出同一個(gè)主題，盡量將同一個(gè)主題的動(dòng)態(tài)圖像放置在一起，這樣才會(huì)讓版面顯得完整;第二，主體部分應(yīng)該是靜態(tài)圖片和文字，便于用戶觀看，視頻和音頻只能作為補(bǔ)充，然后利用新媒體的特點(diǎn)讓他們彼此產(chǎn)生關(guān)系，以避免瀏覽者淹沒(méi)在信息的海洋中;第三，任何一種編排方式，都必須讓瀏覽者迅速地找到自己所需要的內(nèi)容。設(shè)計(jì)師使用電腦的時(shí)候要依托電腦，在電腦的基礎(chǔ)上進(jìn)行修改，如果只是照單全收，設(shè)計(jì)出來(lái)的作品必定是冷冰冰的，失去人類所應(yīng)具備的靈性，因此平面設(shè)計(jì)作為新媒體設(shè)計(jì)中的一個(gè)重要的組成部分，不能為了迎合新媒體而扭曲了其固有的屬性，設(shè)計(jì)師必須遵循其內(nèi)在法則，才能在新媒體中拿出亮眼的設(shè)計(jì)。

作者：范煒 譚忠凱 楊澍彬 單位：荊州市視信網(wǎng)絡(luò)有限公司