9.24日(rì)音(yīn)訊,詳解像素圖設計"γ(jì)和(hé)應用(yòng)範籌

 　　9.24日(rì)音(yīn)訊,詳解像素圖設計(jì)和∑₽×₩(hé)應用(yòng)範籌。什(shén)麽是(shì)像素圖，它的(deλ↑←)作(zuò)用(yòng)是(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ì)巧？接下(xΩλià)來(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è)些(x™✘×↑iē)點便稱為(wèi)像素(pixel)≥‍¶，圖象稱之為(wèi)Icon(圖标)或者稱為(wèi)像素畫(huà)。

　　我們這(zhè)裡(lǐ)說(shuō)的(☆γδ♥de)“像素畫(huà)”并不(bù)是(s£→hì)和(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è)種像素<§畫(huà)除了(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)ico♠↕ ∏n圖标。像素畫(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網站(zhàn)上(shà™<≈ng)大(dà)量使

　　用(yòng)，一(yī)是(shì)節省流量，二是(shì↓φ$​)使頁面打開(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)斜線/4₽λ"¶5度的(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)排列其實是(s ¥$hì)很(hěn)有(yǒu)規律的(de)，線之間(jiān)的(de)σ★排列都(dōu)比較對(duì)稱。

　　4,在畫(huà)像素圖時(shí)常常會(huì)♥©§用(yòng)到(dào)水(shuǐ)平對(duì)稱和(÷$ε≤hé)上(shàng)下(xià)翻轉的(de)快(kuài)捷方式來(lá≈↔i)作(zuò)圖，以提高(gāo)工(gōng)作(zuò)效率。

　　上(shàng)面講的(de)都(dōu)是(shì)像素★Ω的(de)一(yī)些(xiē)基礎知(zhī)識，具體±₩(tǐ)的(de)繪畫(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ín‌ δg)暗(à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)差異。