動態(tài)圖像設(shè)計全文(5篇)

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

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

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

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

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

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

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

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

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

一、引言

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

二、動態(tài)海報設(shè)計中的圖形概述

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

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

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

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

引言

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

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

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

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

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

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

引言

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

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

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

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

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

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

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

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

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

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

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