9.24日(rì)音(yīn)訊,詳解像 ©★素圖設計(jì)和(hé)應用(yòng)範籌。什(shén)麽是(£↕shì)像素圖，它的(de)作(zuò)用(yòn☆g)是(shì)什(shén)麽，常常會(φελhuì)碰到(dào)有(yǒu)很(hěn)多(du¥δ€ō)人(rén)問(wèn)我什(shén)麽是(shì) ≈像素圖？如(rú)何設計(jì)像素小(xiǎo)圖标↔✘？像素小(xiǎo)圖标的(de)應用(yòng)？畫(huà≤₹)像素小(xiǎo)圖标有(yǒu)沒有(yǒu)¶↕≥★技(jì)巧？接下(xià)來(lái)為(wèi)≈'大(dà)家(jiā)從(cóng)以下(xià)幾個(gè)方面給Ω σ大(dà)家(jiā)介紹一(yī)下(xià)，希望能(n& éng)夠和(hé)大(dà)家(jiā)一(yī)起共同學習(xíδ∞)和(hé)探討(tǎo)。
像素畫(huà)（也(yě)叫點陣圖、光(guāng)栅₽→§£圖、位圖），就(jiù)是(shì)由點(一(y&∑♠ī)個(gè)點就(jiù)是(shì)一(yī)個(gè)像素♣×₽$)構成的(de)，這(zhè)些(xiē)點便稱為(wèi)像素(pixel)×α↑，圖象稱之為(wèi)Icon(圖标)或者稱為¶↔≥(wèi)像素畫(huà)。
我們這(zhè)裡(lǐ)說(shuō)的(de)“像≥素畫(huà)”并不(bù)是(shì)和(h♣☆é)矢量圖對(duì)應的(de)點陣式圖像，像素畫(huà)也(yě)屬于£β≈點陣式圖像，但(dàn)它是(shì)一(yī)種圖标風(fēng)格的(de↓✘✘≤)圖像，更強調清晰的(de)輪廓、明(míδλ©ng)快(kuài)的(de)色彩，幾乎不(bù☆φ♦÷)用(yòng)混疊方法來(lái)繪制(zhì)光(gu÷δ↕>āng)滑的(de)線條，所以常常采用(yòng)gif格式，同時≥♦(shí)它的(de)造型比較卡通(tōng)，得(de)到★←γ(dào)很(hěn)多(duō)朋(péng)友(yǒu)的(de)喜愛(àλ≠∞i)。繪制(zhì)這(zhè)種像素畫(h♦≤∑uà)除了(le)須具備相(xiàng)當的(de)耐心之外(wài £)，造型、繪制(zhì)方法也(yě)很☆♠(hěn)重要(yào)。
像素畫(huà)的(de)應用(yòng)無論在網站(zhàn)建設 •和(hé)其它方面也(yě)是(shì)非常廣泛的(de)。如(β♦rú)我們小(xiǎo)時(shí)候玩(λΩwán)的(de)FC家(jiā)用(yòng"§)紅(hóng)白(bái)機(jī)的(de)畫(•€¥huà)面以及今天的(de)GBA手掌機(jī)和(hé)®手機(jī)遊戲；從(cóng)黑(hēi)白(bái)的¶♣±∏(de)手機(jī)圖片直到(dào)今天全彩的(de)掌上(shàng)電(φ★∞→diàn)腦(nǎo)；以及我們面對(duì)的(de)電(diàn)腦(∞§nǎo)中也(yě)無處都(dōu)存在著(zhe)各類ββ∑σ軟件(jiàn)的(de)像素圖标。如(rú)網頁上(shàng)大(dà)✘γ量存在的(de)icon圖标。像素畫(huà)更是(shì∞∞∑♥)成為(wèi)了(le)一(yī)門(mβλén)藝術(shù)，被更多(duō)的(de)人(rén)所喜愛(àiφ )。
像素圖大(dà)家(jiā)一(yī)聽(tīng)₹≤≥這(zhè)個(gè)名字就(jiù)知(zhī)道(dà↑ o)它的(de)最大(dà)好(hǎo)處就(jiù)是(shì)它的(de≈₩γ↕)體(tǐ)積比較小(xiǎo)，在手機"↕® (jī)網站(zhàn)和(hé)pC網站(z¥∑hàn)上(shàng)大(dà)量使
用(yòng)，一(yī)是(shì)節省流量，二是(sεhì)使頁面打開(kāi)的(de)速度更快(kuài)，三是(shì)像σ™$素圖标比直接壓縮的(de)圖更清晰、更美(měi)觀。
用(yòng)什(shén)麽工(gōng)具來(lái)繪制(£™zhì)像素畫(huà)呢(ne)，其實選擇什(shéσ÷↓n)麽樣的(de)軟件(jiàn)可(kě)以因各人(rén)ε♦的(de)習(xí)慣而定，無論你(nǐ)©α選擇什(shén)麽軟件(jiàn)，
繪制(zhì)像素畫(huà)的(de)方♠♥法和(hé)流程還(hái)是(shì)一(yī)樣的(de)。不(bù)過✔✘↑如(rú)果選定了(le)軟件(jiàn)，使用(yòng)的(de)時(∏←₹≠shí)候也(yě)要(yào)注意一(y₽δ'σī)些(xiē)技(jì)巧。在這(zhè)裡(lǐ)我是(shì®✘♦)建議(yì)大(dà)家(jiā)用(yòng)PS這(zh$ è)款軟件(jiàn)，他(tā)的(de)功能(néng)很(hě®φ©n)強大(dà)，用(yòng)起來(lái)也(yě)非₹₹Ω常的(de)方便。
首先學習(xí)畫(huà)像素畫(huà)我們可(kě)以從(cóng≠'♥↓)最簡單的(de)線條開(kāi)始畫(huà)起¥γ¥↑如(rú)（22.6度的(de)斜線/30度的(de)斜線≤φ'/45度的(de)斜
線/直線/弧線）。
接著(zhe)我們可(kě)以來(lái)嘗試基礎圖形的(de)繪制₩™∏(zhì)如(rú)(等邊三角形/矩形/圓角/圓形).
然後來(lái)學著(zhe)做(zuò)透視(shì)圖如(r♦ ú)22.6度透視(shì)/45度透視(shì)/✘π圓柱的(de)透視(shì)/錐體(tǐ)的(de)透∏→σ&視(shì).
技(jì)巧：
1，畫(huà)像素畫(huà)一(yī)般選擇&'≠₹鉛筆(bǐ)工(gōng)具并選擇1像素的(de)筆(bǐ)<$÷♣刷來(lái)繪制(zhì).
2,把常用(yòng)的(de)線條筆(bǐ)劃以及基礎圖形定義成筆σ★←(bǐ)刷，可(kě)以大(dà)大(dà)的(γ>de)提高(gāo)工(gōng)作(zuò)效率。
3,像素圖形中線條的(de)排列其實是(shì)很(©Ω☆ hěn)有(yǒu)規律的(de)，線之間(jiā♥§ ≤n)的(de)排列都(dōu)比較對(duì♦₹δ)稱。
4,在畫(huà)像素圖時(shí)常常∑♠₽≠會(huì)用(yòng)到(dào)水(sβ π∑huǐ)平對(duì)稱和(hé)上(shàng)下(xφ$→ià)翻轉的(de)快(kuài)捷方式來(lái)作(zuò)圖↔"，以提高(gāo)工(gōng)作(zuò)效率。
上(shàng)面講的(de)都(d♦↕ōu)是(shì)像素的(de)一(yī)₩→σ←些(xiē)基礎知(zhī)識，具體(tǐ)的(d>™≤e)繪畫(huà)過程大(dà)緻如(rú)下(xià)δ¶≠。
第一(yī)步：用(yòng)黑(hēα∑↕i)色線條把整體(tǐ)輪廓給勾出來(lái)，在這(zhè)一(yī)€©'♠步可(kě)以不(bù)要(yào)過多(duō)注重<♠§λ細節。
第二步：上(shàng)色，鋪整體(←♥♣tǐ)色調。
第三步：給對(duì)象繪制(zhì•© ↔)明(míng)暗(àn)度，讓物(wù)體(tǐ)顯得(de)更有(yǒu$<×∏)立體(tǐ)感。
第四步：細節上(shàng)的(de)Ω≈修飾和(hé)色彩處理(lǐ)，讓物(wù)體(tǐ)顯得(de)更¥ ®加豐富，這(zhè)裡(lǐ)發比較多(duφ↕ō)的(de)時(shí)間(jiān)，±™因為(wèi)像素圖中的(de)一(yī)個(gè)點的≈✘↑(de)多(duō)少(shǎo)直接影(yǐng)響到(dào)效果₽¶圖上(shàng)的(de)差異。
