首先聲明我是菜鳥，近些日子做了一些像素圖，得到了一些朋友的好評，在這向你們表示感謝對我的支持。很多朋友希望我做一個類似教程的東西想了解像素的繪制方法，我也是剛接觸像素，教程談不上，只是向朋友介紹一下我所了解的知識。

1、什么是像素。

畫這個自然要知道什么是像素圖。電腦中的圖形分矢量圖和位圖(像素圖)兩種。

矢量圖：

像素圖：

區(qū)別在于矢量圖根據(jù)的是數(shù)學(xué)公式，所以可以無限放大。像素圖是由點組成，因此放大后你就能看到放大的點[ ],這些點成為像素[pixel],像素圖創(chuàng)作需要的是點繪。

2、優(yōu)點

就因為它由很小的點組成，我認(rèn)為它最適合運用到帶液晶屏的電子設(shè)備上。具體如下：

掌上游戲機，別懷疑所有的掌上游戲機，gameboy什么的都是像素圖，當(dāng)然我的文曲星也屬于這類。

電腦屏幕：桌面圖標(biāo)、網(wǎng)頁gif、QQ秀、字體等。

手機：手機上的手機電池、信號等圖都是。

玩具：有沒有感覺樂高玩具都像是像素一樣。

3、工具

不像矢量圖需要專門的工具。像素只需要[開始]>[所有程序]>[附件]>[畫圖]，不是開玩笑的。最簡單的就是最有效的，這一款免費的無需安裝的及破解的綠色軟件。要是復(fù)雜的創(chuàng)作還是選用photoshop吧，功能上很多優(yōu)勢，最低版本都可以。當(dāng)然像素也分很多類，需要不同的工具，我只介紹上面這兩種軟件。像素不需要技術(shù)，需要的是細(xì)心。

4、基本元素舉例

在ps里工具就是鉛筆工具?？旖萱I是,導(dǎo)航器最好放大到400%

點：

線：

角：

面：

友情提示：常用的線條可以設(shè)置為畫筆，選中線條>編輯>定義畫筆預(yù)設(shè)。之后用鉛筆工具時就右鍵就會看到在列表的最后。

5、字體

自然在圖形中需要出現(xiàn)字體。這個就不需要你費事了，有專門的字體，推薦幾個。

英文

中文

友情提示：如果字體不想變形，一定要成倍放大。如英文字體上面舉例的都是8號，放大就要變成16號，依此類推，當(dāng)然圖形也是如此。

6、下面舉一些實例來說明

例1：先教大家畫一個MP3，以后有時間再寫點“教程”，沒有固定的方法，看自己的習(xí)慣，僅演示我做的過程。

通常640*480就足夠了

放大到400%，選擇鉛筆工具或者按鍵盤。

要在新的透明層上繪制選擇一種筆形，設(shè)置為1像素。

繪制幾種線條，存為筆形之后就方便了。

選中線條>編輯>定義畫筆預(yù)設(shè)。

常見的，當(dāng)然也可設(shè)一邊的，之后進(jìn)行水平或垂直翻轉(zhuǎn)?？梢栽诋嫻P預(yù)設(shè)管理器中把這幾種放到最前面。

友情提示：繪制過程中難免有錯的地方可用歷史記錄挽回。如果是多出來的點，可以先填充成白色，之后通過[選擇]>[色彩范圍]。選中白色再刪除就可以了。

接下來填充顏色要去掉這個，否則顏色會溢出。

最外面的描邊填充顏色最好是黑色。

開始畫一個蟲蟲的圖舉例說明

新建一張畫布，不用太大。

上來先放大400%。

開始畫1/4腦袋的半圓，不用畫完。

選中后再復(fù)制三個即可，因為是圓。

再把嘴和臉部稍改改。

加上觸角。

接著是身子。

同上面的腦袋，畫身體相同的部分也只需復(fù)制即可。

接著開始上色步驟，先用魔術(shù)陽選擇腦袋里面任何處。

接下來按住[shift]鍵，多蜒身子都選上。

選取填充工具，按住[alt]鍵在色板處選擇一個深綠色，

直接按[alt]+[delete]進(jìn)行填充。

選擇菜單>[選擇]>[修改]>[收縮]>

看圖操作，默認(rèn)[1]像素。

在原選區(qū)基礎(chǔ)上整體收縮1個像素，并選擇一個淺綠色。直接按[alt]+[delete]進(jìn)行填充。

開始高光等部分。用魔術(shù)棒[shift]進(jìn)行多選，選取圖上的部分。

然后按左鍵將選取移動到圖上高光部分。

選取亮色后直接按[alt]+[delete]進(jìn)行填充。

(上面的選取感覺有些多了，因此下面又去掉多余部分了。)

填充高光也是用上面的復(fù)制選取填充方法。

然后是修改黑色輪廓線，先到右面[圖層]面板,按住[ctrl]鍵在層上點擊一下，選取了整個圖形。

之后菜單>選取]>[色彩范圍]>

用鼠標(biāo)單擊原有輪廓的黑色部分，將圖形黑色輪廓選中。

填充工具選中滿意的顏色進(jìn)行輪廓線填充。使得圖形不呆板。

當(dāng)然[單色]輪廓線和[漸變]輪廓線效果也是不同的。

由于是像素圖，原有漸變樣式也需要改變一下使畫面整體均為像素形式。

舉例說明我講的意思，下圖是矢量形式的漸變。

經(jīng)過修改后的漸變，圖中的左面的即為像素風(fēng)格的漸變。

輪廓選區(qū)漸變后，菜單>[圖像]>[調(diào)整]>[色調(diào)分離]>

根據(jù)具體情況調(diào)整數(shù)值。下面是三種輪廓線填充后的對比，小圖來說不太明顯。

加上其他修飾，基本完成。

先看看效果圖

1. 放大存儲

很多人不知道怎么放大，因為一旦放大，圖像就會變得模糊，就算不放大出來的效果也不是太清楚。這是因為像素的特殊性，所以保存只能為gif或png。作任何操作前，最好備份一份psd文件，以免出錯后無法挽回。

首先ctrl+s保存一下當(dāng)前文件

然后把模式改為[索引模式]會提示合并所有圖層，不用擔(dān)心，存完會自動恢復(fù)。

然后根據(jù)需要放大。

然后下面這一步一定要注意，一定是[另存為]，不然沒有保存副本的話，你可能把源文件覆蓋，里面的層都會丟失。

推薦為png格式，當(dāng)然為了保護(hù)版權(quán)，允許你存為jpg。

現(xiàn)在關(guān)閉當(dāng)前文件，選擇不保存。

因為合并圖層了，保存的話之前的層就都沒有了。

2. 填充色出現(xiàn)毛邊

很多人上色的時候不知道一些設(shè)置，結(jié)果出現(xiàn)毛邊。

字體也是一個道理，這是幾種選項結(jié)果。

3. 替換顏色

像素的色彩通常很鮮艷，如果做完后發(fā)現(xiàn)要調(diào)色，不必再去一個個點繪方式去修改，那樣等于重畫一遍，有兩種方式：

(1) 選擇工具

到要改顏色的層，然后下面的菜單

直接用滑鼠選取圖像中的顏色，以墻壁為例。

選取確定后，到調(diào)色板選色，直接按alt+delete即可填充。

當(dāng)然在選擇的模式下也可操作修改這部分的其他屬性。

(2) 顏色替換工具

到要改顏色的層，然后下面的菜單

依然是選擇墻壁，然后可以修改其中的選項、色相等，

也可以點擊標(biāo)注區(qū)域的色框。

點擊標(biāo)注區(qū)域的色框后，出現(xiàn)調(diào)色板，即可選色更改。

4. 線條的注意

此幅作品線條有一些問題

首先此類像素作品是沒有透視的，因此地基的線條均以下方式開始繪制

兩邊線的線也一定要準(zhǔn)確，這樣才會美觀

其次直線不要打好幾個彎

這是我重繪的，像素最重要的就是線條和顏色，如果線條都錯了，之后的工作將是徒勞的。

以上就是Photoshop制作像素畫入門實例詳解，教程很基礎(chǔ)，希望這篇文章能對大家有一定的幫助！

最新評論