二維像素動(dòng)畫制作

1、第一頁，共28頁。本章重難點(diǎn)u 像素線條、基本形的繪制方法u 動(dòng)畫的逐幀制作方式 初學(xué)者在學(xué)習(xí)過程中需要仔細(xì)體像素點(diǎn)的排列方式和組合規(guī)律，以便在實(shí)際繪制過程中能夠根據(jù)對(duì)象靈活運(yùn)用，切實(shí)提高像素畫的繪制效率，而在動(dòng)畫的制作過程中則需要體會(huì)如何用最少的幀數(shù)來表現(xiàn)最好的動(dòng)畫效果。第二頁，共28頁。4 42 2像素動(dòng)畫設(shè)計(jì)像素動(dòng)畫設(shè)計(jì)u 宏觀上來說，日常我們所俗稱的像素動(dòng)畫藝術(shù)隸屬于二維動(dòng)畫中的一種，這一門類的制作技法雖然區(qū)別于傳統(tǒng)的無紙動(dòng)畫，但基本原理還是和傳統(tǒng)動(dòng)畫相一致的?；谙袼鬲?dú)特的視覺感受，我們一直在思考如何把這種新潮的審美取向與當(dāng)前的動(dòng)漫產(chǎn)業(yè)相結(jié)合，回顧歷史，從早年任天堂的電視游戲到現(xiàn)在的

2、手機(jī)GAME，從計(jì)算機(jī)出現(xiàn)初期的簡(jiǎn)易圖標(biāo)到現(xiàn)代復(fù)雜的交互式媒體GIF動(dòng)畫，我們都不難發(fā)現(xiàn)，新時(shí)代的媒體平臺(tái)無處不透露出像素藝術(shù)運(yùn)用的種種跡象。 第三頁，共28頁。4.2.14.2.1像素動(dòng)畫簡(jiǎn)介像素動(dòng)畫簡(jiǎn)介u “像素”（Pixel） 是由 Picture 和 Element這兩個(gè)字母所組成的，是用來計(jì)算數(shù)碼影像的一種單位. 第四頁，共28頁。 4.2.2.4.2.2.像素動(dòng)畫的應(yīng)用領(lǐng)域像素動(dòng)畫的應(yīng)用領(lǐng)域u游戲領(lǐng)域第五頁，共28頁。u 視覺設(shè)計(jì)第六頁，共28頁。u 用戶界面第七頁，共28頁。4.2.3.4.2.3.主流像素動(dòng)畫的設(shè)計(jì)軟件主流像素動(dòng)畫的設(shè)計(jì)軟件 一種是用來制作Icon圖標(biāo)的專用軟件

3、，比如Microangelo、Iconcool、Articons等 另一種則是用來編輯位圖的圖形軟件，比如：Photoshop 、Fireworks、甚至Windons自帶的畫板工具。如果是一些較復(fù)雜、大型的動(dòng)畫.可以使用Flash.第八頁，共28頁。4.2.4 4.2.4 像素圖設(shè)計(jì)流程像素圖設(shè)計(jì)流程線條一：?jiǎn)吸c(diǎn)線 線條二：雙點(diǎn)線第九頁，共28頁。線條三：三點(diǎn)雙間線 線條四：圓線 線條五：縱向雙點(diǎn)線第十頁，共28頁。22.6度的斜線度的斜線 30度的斜線度的斜線 45度的斜線度的斜線 第十一頁，共28頁。 直線直線弧線弧線 第十二頁，共28頁。4.2.4.2基本圖形基本圖形 等邊三角形等邊三

4、角形 圓角圓角 矩形矩形 圓形圓形第十三頁，共28頁。4.2.4.34.2.4.3像素圖設(shè)計(jì)基礎(chǔ)透視像素圖設(shè)計(jì)基礎(chǔ)透視 第十四頁，共28頁。4.2.4.44.2.4.4像素圖設(shè)計(jì)基礎(chǔ)造型像素圖設(shè)計(jì)基礎(chǔ)造型 造型是體現(xiàn)像素畫特征的基本要素。 學(xué)會(huì)適應(yīng)像素畫的特點(diǎn)，把造型復(fù)雜的東西簡(jiǎn)單化：逐步進(jìn)行深入刻畫的過程 第十五頁，共28頁。4.2.4.54.2.4.5像素圖設(shè)計(jì)色彩過渡像素圖設(shè)計(jì)色彩過渡u 單色過渡單色過渡 u 雙色過渡雙色過渡u 圓柱體過渡圓柱體過渡 u 網(wǎng)點(diǎn)漸變過渡網(wǎng)點(diǎn)漸變過渡 第十六頁，共28頁。4.2.4.6像素圖設(shè)計(jì)明暗關(guān)像素圖設(shè)計(jì)明暗關(guān)系系 第十七頁，共28頁。4.2.4.7網(wǎng)

5、絡(luò)像素圖尺寸規(guī)網(wǎng)絡(luò)像素圖尺寸規(guī)范范u常用的圖片規(guī)格 系統(tǒng)圖標(biāo)：16*16、32*32論壇頭像：32*32、50*50鏈接logo：88*31分辨率一般在72左右第十八頁，共28頁。4.2.54.2.5像素圖的繪制流程像素圖的繪制流程 第十九頁，共28頁。u小精靈第二十頁，共28頁。u龍第二十一頁，共28頁。4.2.5.34.2.5.3手機(jī)像素圖設(shè)計(jì)規(guī)范手機(jī)像素圖設(shè)計(jì)規(guī)范 手機(jī)像素圖片效果要求圖像輪廓清晰、色彩明快，畫面細(xì)膩、結(jié)構(gòu)清晰，不使用混疊的方法來繪制光滑的線條 在軟件的選擇上一般選擇Photoshop、Fireworks、Microangelo、Iconcool、Articons等專業(yè)軟

6、件；分辨率統(tǒng)一設(shè)置為72dpi 基本像素線條必須根據(jù)像素特有的屬性排列組合，像素畫邊緣不允許粗糙、圖形邊緣如需用黑線勾邊要保證輪廓線完整，禁止像素點(diǎn)“并排”“重疊”現(xiàn)象文件的最終存儲(chǔ)格式一律采用PNG格式，如規(guī)定透明背景層在輸出過程中則需選取透明方式 版權(quán)問題則不可直接截取其他有版權(quán)的圖片素材，如必須使用素材須保證制作完成片與原圖片素材至少有80%以上的差異 第二十二頁，共28頁。4.2.5.44.2.5.4手機(jī)游戲像素資源庫中對(duì)于手機(jī)游戲像素資源庫中對(duì)于像素圖的保存規(guī)范像素圖的保存規(guī)范對(duì)于圖片格式要求統(tǒng)一保存為PNG格式的透明圖片文件；對(duì)色數(shù)來說如果是簡(jiǎn)單的圖片，壓縮后定為8色；如果是復(fù)雜的圖片，壓縮后需要定為16色或32色；尺寸的規(guī)范可以根據(jù)手機(jī)類型的不同將角色（主角、配角）、道具和地圖的單元格分別定為16X16或 32X32。 手機(jī)屏幕較小的可用16X16，較大的可用32X32 ，界面、面板中所使用中文字體小于2424；對(duì)于像素保存文件命名更具公司的要求會(huì)有所變化 關(guān)于其他方面的規(guī)范： (1) 圖片在制作的時(shí)候，盡量考慮到容量問題 (2) 盡量把一些圖片合成為一張圖片。（合并的時(shí)候，單元格要相同） (3) 單個(gè)角色動(dòng)畫幀合成一張圖片，保證單個(gè)幀尺寸一致。 第二十三頁，共28頁。4.2.64.2.6手機(jī)游戲中像素動(dòng)畫的繪制流