網格本畫畫圖片可愛像素畫

① 20分鍾學會用Photoshop做一個像素小人

****標題是我YY的啦~不過作者這篇文章倒真的是蠻清晰的。上手簡單，完了還很適合給自己做個頭像啥的哈哈****

這是系列文章 Isometric Pixel Art 像素藝術 其中的一篇。

如果你和小朋友一樣喜歡玩樂高的話（或者你長大後還是喜歡玩也好），像素畫可能是你的菜；它可以很有科技感，感覺更像是建造而不是畫插畫，因為這玩意兒沒有透視，你可以按照你的想法進行布局。

接下來的教程里，我們會一起來做一個像素小人。它在像素畫里算得上是一個邏輯起點，因為它能幫助我們定義接下來要做的元素的比例。但是呢，在做像素小人之前，我們得先了解一些像素畫的基礎；如果你想直接開始做像素小人的話，可以直接跳到第3步。接下來我們開始。

這些線是像素畫的基礎，也是等距風格像素畫中最尋常（and有趣）的部分，我們將會用到的有：

這一類型的線，由兩個像素向下疊加組成，看起來相對平穩，常被用來做正方形的表面。

最常用的結構線還有像下面的這些，不過它們看起來會更有鋸齒感一些，每一節用的像素也更多。

相反地，這邊有些不規則的線：

非常鋸齒感的線，非常地不美觀。請盡量避免這樣。

我們的像素小人不會嚴格地按照等距視圖的所有規則來做，所以我們先做個簡單的立方體來掌握體積感。
在 Adobe Photoshop 中 新建 一個400px x 400px的文件。

通常我喜歡另開一個相同的窗口 ( 窗口>排列 > 為XX新窗口… ) ，一個顯示大約為600%，另一個保持在100%用來檢查進度。是否使用像素網格由你決定，但是我會覺得開啟之後有時候會讓人分心。現在，讓我們放大，開始做2:1的線吧：

我喜歡用5%的灰色，而不是純黑，這樣我之後就可以加上一些陰影（用黑色，調低透明度）並且能夠用魔棒工具分別選中顏色。

以下是一些做線條的方法：
方法1.選擇 直線工具 選中 像素 模式, 取消勾選 消除鋸齒 ，選用 1px 粗細 。畫的時候，直線工具會提示我們線的角度，選擇 26.6˚ 。（有時候，直線工具也不是很靠譜，如果角度不對的話，畫出來的線也可能很凌亂，需要加以注意。）

方法2.創建一個40 x 20px的矩形，然後選擇 鉛筆工具 (依舊是 1px 粗細 ) ，在左下角畫一個單獨的像素，然後按住shift鍵,在右上角畫另一個獨立的像素。PS會自動在這兩點之間連起一根線。以我的經驗來說，不用矩形選擇工具就可以把這些線做得很准（或者說幾乎是準的，只要再微調下就可以）。

方法3.用 鉛筆工具 畫兩個連起來的像素，選中它們之後，按住 Alt ，用鍵盤方向鍵或滑鼠拖動（以下簡稱 alt-移動 ），到新的像素和之前的像素首尾相連。接下來復選已有的像素，重復操作，讓線條變長即可。

按照上面的方法，我們得到了第一條線。我們選中，然後 alt-移動 它，，或者復制一份，粘貼後向下合並圖層。水平翻轉。( 編輯 > 變換 > 水平翻轉 ) 。（我用這個操作很多，所以把它做成了快捷鍵！）（PS：翻譯君這邊用的是F5水平翻轉，F6垂直翻轉）
讓我們把兩根線接在一塊兒：

然後，再次選中全部線段， alt-移動 ，垂直翻轉，然後將兩段拼起來，這樣我們就有了一個正方形平面（透視面哈哈）：

是時候加入 "第三個維度"了。 alt-移動 或者 復制 正方形平面，將復制的面放在原來的那個上方44px遠：

小提示： 如果你用方向鍵移動的時候按住shift，可以一次移動10像素。
為了創建一個整齊的立方體，接下來我們連接起立方體最左側和最右側的像素。之後，補上中間的垂直線即可：

現在將立方體背後的線擦掉。開始加顏色了，選一個你喜歡的顏色（盡量選亮色），將它填充在立方體頂部。

Now increase 10% brightness to that color (I recommend using the HSB sliders on the color panel)

現在將之前的顏色增加10%的明度（我建議使用調色板上的HSB 滑塊）

將前面的高光區域填充出來。我們把立方體的邊線刻畫出來，用亮色在黑線上的1像素做填充，效果是最好的，像這樣：

現在，將亮藍色下方的黑線去掉。 按住shift鍵使用鉛筆 的小技巧對橡皮擦同樣適用。你可以選中橡皮擦（ 鉛筆模式 ， 1px粗細 ）後，點起點，按住shift，再點終點，中間連線部分就被擦掉了。

用 吸管工具 從頂部吸取顏色（使用鉛筆或填充工具時，吸管工具的快捷鍵是 Alt ），將立方體中間的黑線變為亮藍色。然後將藍色降低15%亮度，填充左側面；再降低10%亮度，填充右側面。

這樣我們的立方體就完成了。在100%的尺寸下看起來應該是清晰，邊緣光滑的。我們可以接著進行下去了。

角色的風格依據個人喜好而定，你可以按你覺得合適的比例和元素做調整。我傾向於做一個瘦瘦的身體，有點大的腦袋。瘦瘦的身體可以讓線條看起來簡單/直接。
首先從眼睛開始做。嚴格來說的話，屏幕上像素小人的眼睛是不一樣高的，但是這個小小的戲法能讓我們的角色看起來更美觀，而且保證小尺寸下的清晰。

我們會做一個小小的人，因為在後面，我們可能會給它搭配上一輛車，一幢房子，一個廣場或者甚至是做一個城市。在那個時候；在這樣可以拓展的情況下，人物角色應該是插畫裡面最小的元素。
出於圖形效率考慮：你要在盡可能少用像素的情況下，創建一個精美的角色（能有一些面部細節）並且，小尺寸比大尺寸要簡單很多。除非你想要畫的，是精美寫實的肖像之類，我們擅長的是小尺寸。
讓我們新建一個圖層。我們用兩個像素點做出眼睛；一邊一個，中間空出一個像素的間隔。在左側的像素點邊，畫一條垂直線：

現在，新建一個圖層，在眼睛下畫一條2像素的水平線，當做嘴巴。將它移到下面你覺得合適的地方，向下合並圖層。你可以用同樣的方式把下巴做出來，用一條稍微長一點的水平線就可以了：

如法炮製發際線和頭頂，然後把邊緣像這樣較為圓潤的連起來：

現在，在右邊眼睛的邊上，留一像素的空格，增加鬢角（也幫助了角色耳朵部分的塑造），將鬢角移到和發際線相接。接著給耳朵的區域留一像素空白，用線連接邊角，將頭的邊緣封閉起來：

在耳朵上面的地方，增加一個像素點，按你喜歡的方式改變角色的頭型；腦袋在脖子的地方通常比較窄一些：

在下巴下面畫一條線，作為胸部。脖子的部分是在耳朵下面畫一組像素，然後一列對角線，作為角色肩膀的可見部分：

現在，在肩膀下面，畫一條12px的垂直線段，作為手臂，另一邊在2像素外。在底部用一組像素連接起來，做出手的樣子/第一步（講真，這些手沒有細節，但是沒啥大問題），在手的底部，上面一些，畫兩條2:1的水平像素，作為腰，然後完成胸部的線條。現在你有整個上身體的輪廓了。在身體左側其實還有一隻胳膊，但是被胸部擋住看不見了，所以也還OK。做完之後，看起來是這樣的：
It should be looking like this:

當然，你也可以按你的喜歡選擇不同的比例；我喜歡在決定做之前，試試各種不同的選擇。

現在，我們可以添加幾根垂直的線段作為下半身。我喜歡在鞋和腰之間留下大概12px的間距。腳很簡單，比腿出來一個像素就可以了，並且根據軸測圖來的話，屏幕上的右腳要比左腳低一個像素。

現在，我們給小人加點色彩。給小人找個合適的膚色不算容易，如果你想選和我一樣的膚色設置，那麼試試看#FFCCA5.給身體的其他部分加上色彩比較簡單。在這之後，你應該定義下袖長，衣領的位置和樣式，然後加上一些深一些的陰影，將衣服和身體區分開來。我喜歡把內部的線條做得比純黑色亮一些（特別當不同的區塊處在近似的水平時，比如從衣服到皮膚的交界處，或者衣服到褲子的交界處）這樣一來，各個線條的對比不會太強烈，不同的體積感也更明顯。

你可以在每個不同的顏色區塊加上一些高光。避免過多的陰影或是用漸變去表現陰影；幾筆(10% to 25%) 亮色或是深色就能幫元素跳出來，而不是看起來扁扁的。如果你想加一個100%明度的色彩，試著減少它的飽和度。有些情況下（比如頭發），改變顏色之間的飽和度可能是個不錯的主意。
你可以試試各種發型，下面是一些小參考：

如果你還要做更多的角色小人兒，一些小的變化，比如改變下衣服的樣式，袖子的長度，褲腿的長度，配件，服裝和膚色，各式各樣的人物也是手到擒來了。

現在，剩下一點點步驟，就是把各種元素集合在一起，看他們在同一環境里的展現了：

如果你想導出的話， PNG的格式最理想。

我希望這篇教程不會太復雜；我想我已經盡我所能把需要的步驟以及風格的解釋說清楚了。我們會持續探索像素藝術的世界；建築物，車輛，內飾，外飾。像素畫有無限多的可能和樂趣，不過也可能有點點難啦。

René Alejandro Hernández住在薩爾瓦多，已經從事像素藝術（尤其是等間距像素風格）超過10年。
http://tutsplus.com/authors/rene-alejandro-hernandez

--------------------------------------------分割線--------------------------------------------

② 網格本畫的畫叫什麼

叫像素畫。

像素畫也屬於點陣式圖像，但它是一種圖標風格的圖像，更強調清晰的輪廓、明快的色彩，幾乎不用混疊方法來繪制光滑的線條，所以常常採用gif格式，同時它的造型比較卡通，得到很多人的喜愛。

像素畫的應用領域相當廣泛，從以前的家用紅白機的畫面直到今天的GBA手掌機，從黑白的手機圖片直到今天全彩的掌上電腦，包括電腦中也到處能看到各類軟體的像素圖標，更有現在大家熟悉的QQshow形象，手機背景、QQ表情、泡泡表情等。

(2)網格本畫畫圖片可愛像素畫擴展閱讀：

像素畫（點陣式圖像）彌補了矢量式圖像的缺陷，它能夠製作出色彩和色調變化豐富的圖像，可以逼真地表現自然界的景象，同時也可以很容易地在不同軟體之間交換文件。

像素畫的缺點則是它無法製作真正的3D圖像，並且圖像縮放和旋轉時會產生失真，同時文件較大，對內存和硬碟空間容量要求也較高。

③ 像素畫是怎麼畫出來的

像素畫，電腦中的圖象是由一個個點構成的，即點陣圖(dot)。這些點稱為像素(pixel)，圖象稱為Icon(圖標)或者稱為像素畫。相素畫很清晰明快，輪廓清晰，線條光滑，通常保存為GIF格式。

④ 如何用矩形網格畫像素風格畫

寫在前面：
有些小夥伴在AI中找不到矩形網格工具，做個簡單的演示

話不多說，開始畫
1.新建一個800X800px的文檔，其他默認就好，單位像素

2.繪制網格
 找到矩形工具右鍵或滑鼠長按找到矩形網格工具

3.雙擊打開設置窗口，設置參數

可以根據自己的圖形復雜程度來設置，水平和垂直分割線數量相同即可，原理跟拼圖、十字綉差不多

4.選中矩形網格，對齊方式：水平垂直居中；描邊默認為1px，這里點擊右側屬性，設置0.1

沒有的可以在頂部菜單窗口，點擊對齊、屬性右側就會有了

5.左側工具欄找到實時上色工具，，快捷鍵是K，沒有看文章最頂部演示動圖，

從網上搜一張喜歡的圖片，復制進來，放在最底層，鎖住

接下來開始上色

6.Cmd+C或者Windows電腦Alt+C 吸取顏色，出現問題的話按順序檢查一遍，選擇實時上色工具（K）——選擇網格圖層——吸取顏色——滑鼠連續點，建議橫排填充，或者由邊緣到中間填充

需要換顏色，直接吸取，再重復操作即可

如果不小心點多了可以切換下實時上色選擇工具Shift+L

7.到這里其實已經畫完了，如果不需要網格的話，在頂部菜單欄執行【對象】>【擴展】

選中網格，執行兩次【取消編組Cmd+shift+G/win+shift+G】，刪掉多餘的就可以了

補充下一個像素字體：
中文：方正像素12，英文：Mouse

⑤ 像素畫怎麼做

首先在畫像素畫之前，我們要先要在網格本上估算出圖案大概的面積，一般把圖案畫在網格本的中間最為合適。
接下來我們來畫像素畫，首先第一步就先先要畫出像素畫的輪廓。我們可以用特殊的符號進行記錄，一般來講像素畫中圖案的輪廓部分都會選用黑色，所以我們可以用「X」來記錄黑色，當然其他顏色也可以用「O」或者不同的符號記錄，方便之後的塗色。

像這樣先將圖案的輪廓畫出來

像這樣先開始畫輪廓

所有輪廓畫完

最後則是塗色環節
當然輪廓也沒必要繪制的特別詳細，只要自己可以看懂即可，主要是為了方便隨後的上色環節。在上色時，一定要逐個顏色均勻塗色。並且在塗色的過程中，不要來回塗色一點，這樣會使顏色變深，影響整個像素畫的美觀。
只要按照圖案輪廓進行塗色，就可以輕松完成像素畫的繪制。下面我們一起來看看成果如何：

使用幾個簡單的顏色通過像素就可以完成一幅像素畫，當然在畫的過程中也一定要注意用筆的力度以及色彩的搭配。

當然也有這樣利用多種顏色搭配的小馬，充分體現像素塊之間的顏色差異。

通過像素畫的幾張成果來看，畫的還是相當成功的。雖然沒有過硬的繪畫功底，但是只要畫好輪廓，細心的填充顏色，就可以輕松的完成一幅像素畫。
寫在最後
看了這么多像素畫的作品，相信你也躍躍欲試了吧。其實想要畫一幅像素畫完全不需要過硬的繪畫功底，只需要准備好合適塗色筆和紙張，就能輕松完成像素畫。當然在畫的過程中，也一定要注意用筆的力度以及顏色的搭配，相信掌握了這些你也能畫出生動形象的像素畫，還不趕緊試試看。

⑥ 網格本畫畫教程簡單

網格本畫畫步驟具體如下：

第一步：找到坐標格，先用鉛筆在網格本上畫出網格本內頁的大致形狀。

第二步：畫出外面本皮的輪廓。

第五步：最後，彩色鉛筆在做好記號的小方框里進行填色。塗上顏色，網格本就畫好了。

⑦ 像素畫網格畫盆栽小動物怎麼畫

像素畫網格畫盆栽小動物可以按照以下方法畫出來。
1、在網格本上把小貓的大體形狀用符號標出來。
2、用顏色把標著符號的方框塗色。
3、把其他顏色的地方，先用符號標注。
4、給它塗上其它的色彩，其他的地方用另一種顏色塗上，小動物就完成了。