****標題是我YY的啦~不過作者這篇文章倒真的是蠻清晰的。上手簡單,完了還很適合給自己做個頭像啥的哈哈****
這是系列文章IsometricPixelArt像素藝術其中的壹篇。
如果妳和小朋友壹樣喜歡玩樂高的話(或者妳長大後還是喜歡玩也好),像素畫可能是妳的菜;它可以很有科技感,感覺更像是建造而不是畫插畫,因為這玩意兒沒有透視,妳可以按照妳的想法進行布局。
接下來的教程裏,我們會壹起來做壹個像素小人。它在像素畫裏算得上是壹個邏輯起點,因為它能幫助我們定義接下來要做的元素的比例。但是呢,在做像素小人之前,我們得先了解壹些像素畫的基礎;如果妳想直接開始做像素小人的話,可以直接跳到第3步。接下來我們開始。
這些線是像素畫的基礎,也是等距風格像素畫中最尋常(and有趣)的部分,我們將會用到的有:
這壹類型的線,由兩個像素向下疊加組成,看起來相對平穩,常被用來做正方形的表面。
最常用的結構線還有像下面的這些,不過它們看起來會更有鋸齒感壹些,每壹節用的像素也更多。
相反地,這邊有些不規則的線:
非常鋸齒感的線,非常地不美觀。請盡量避免這樣。
我們的像素小人不會嚴格地按照等距視圖的所有規則來做,所以我們先做個簡單的立方體來掌握體積感。
在
AdobePhotoshop
中
新建
壹個400pxx400px的文件。
通常我喜歡另開壹個相同的窗口(
窗口>排列>為XX新窗口
),壹個顯示大約為600%,另壹個保持在100%用來檢查進度。是否使用像素網格由妳決定,但是我會覺得開啟之後有時候會讓人分心。現在,讓我們放大,開始做2:1的線吧:
我喜歡用5%的灰色,而不是純黑,這樣我之後就可以加上壹些陰影(用黑色,調低透明度)並且能夠用魔棒工具分別選中顏色。
以下是壹些做線條的方法:
方法1.選擇
直線工具
選中
像素
模式,取消勾選
消除鋸齒
,選用
1px粗細
。畫的時候,直線工具會提示我們線的角度,選擇
26.6_
。(有時候,直線工具也不是很靠譜,如果角度不對的話,畫出來的線也可能很淩亂,需要加以註意。)
方法2.創建壹個40x20px的矩形,然後選擇
鉛筆工具
(依舊是
1px粗細
),在左下角畫壹個單獨的像素,然後按住shift鍵,在右上角畫另壹個獨立的像素。PS會自動在這兩點之間連起壹根線。以我的經驗來說,不用矩形選擇工具就可以把這些線做得很準(或者說幾乎是準的,只要再微調下就可以)。
方法3.用
鉛筆工具
畫兩個連起來的像素,選中它們之後,按住
Alt
,用鍵盤方向鍵或鼠標拖動(以下簡稱
alt-移動
),到新的像素和之前的像素首尾相連。接下來復選已有的像素,重復操作,讓線條變長即可。
按照上面的方法,我們得到了第壹條線。我們選中,然後
alt-移動
它,,或者復制壹份,粘貼後向下合並圖層。水平翻轉。(
編輯>變換>水平翻轉
)。(我用這個操作很多,所以把它做成了快捷鍵!)(PS:翻譯君這邊用的是F5水平翻轉,F6垂直翻轉)
讓我們把兩根線接在壹塊兒:
然後,再次選中全部線段,
alt-移動
,垂直翻轉,然後將兩段拼起來,這樣我們就有了壹個正方形平面(透視面哈哈):
是時候加入"第三個維度"了。
alt-移動
或者
復制
正方形平面,將復制的面放在原來的那個上方44px遠:
小提示:
如果妳用方向鍵移動的時候按住shift,可以壹次移動10像素。
為了創建壹個整齊的立方體,接下來我們連接起立方體最左側和最右側的像素。之後,補上中間的垂直線即可:
現在將立方體背後的線擦掉。開始加顏色了,選壹個妳喜歡的顏色(盡量選亮色),將它填充在立方體頂部。
Nowincrease10%brightnesstothatcolor(IrecommendusingtheHSBslidersonthecolorpanel)
現在將之前的顏色增加10%的明度(我建議使用調色板上的HSB滑塊)
將前面的高光區域填充出來。我們把立方體的邊線刻畫出來,用亮色在黑線上的1像素做填充,效果是最好的,像這樣:
現在,將亮藍色下方的黑線去掉。
按住shift鍵使用鉛筆
的小技巧對橡皮擦同樣適用。妳可以選中橡皮擦(
鉛筆模式
,
1px粗細
)後,點起點,按住shift,再點終點,中間連線部分就被擦掉了。
用
吸管工具
從頂部吸取顏色(使用鉛筆或填充工具時,吸管工具的快捷鍵是
Alt
),將立方體中間的黑線變為亮藍色。然後將藍色降低15%亮度,填充左側面;再降低10%亮度,填充右側面。
這樣我們的立方體就完成了。在100%的尺寸下看起來應該是清晰,邊緣光滑的。我們可以接著進行下去了。
角色的風格依據個人喜好而定,妳可以按妳覺得合適的比例和元素做調整。我傾向於做壹個瘦瘦的身體,有點大的腦袋。瘦瘦的身體可以讓線條看起來簡單/直接。
首先從眼睛開始做。嚴格來說的話,屏幕上像素小人的眼睛是不壹樣高的,但是這個小小的戲法能讓我們的角色看起來更美觀,而且保證小尺寸下的清晰。
我們會做壹個小小的人,因為在後面,我們可能會給它搭配上壹輛車,壹幢房子,壹個廣場或者甚至是做壹個城市。在那個時候;在這樣可以拓展的情況下,人物角色應該是插畫裏面最小的元素。
出於圖形效率考慮:妳要在盡可能少用像素的情況下,創建壹個精美的角色(能有壹些面部細節)並且,小尺寸比大尺寸要簡單很多。除非妳想要畫的,是精美寫實的肖像之類,我們擅長的是小尺寸。
讓我們新建壹個圖層。我們用兩個像素點做出眼睛;壹邊壹個,中間空出壹個像素的間隔。在左側的像素點邊,畫壹條垂直線:
現在,新建壹個圖層,在眼睛下畫壹條2像素的水平線,當做嘴巴。將它移到下面妳覺得合適的地方,向下合並圖層。妳可以用同樣的方式把下巴做出來,用壹條稍微長壹點的水平線就可以了:
如法炮制發際線和頭頂,然後把邊緣像這樣較為圓潤的連起來:
現在,在右邊眼睛的邊上,留壹像素的空格,增加鬢角(也幫助了角色耳朵部分的塑造),將鬢角移到和發際線相接。接著給耳朵的區域留壹像素空白,用線連接邊角,將頭的邊緣封閉起來:
在耳朵上面的地方,增加壹個像素點,按妳喜歡的方式改變角色的頭型;腦袋在脖子的地方通常比較窄壹些:
在下巴下面畫壹條線,作為胸部。脖子的部分是在耳朵下面畫壹組像素,然後壹列對角線,作為角色肩膀的可見部分:
現在,在肩膀下面,畫壹條12px的垂直線段,作為手臂,另壹邊在2像素外。在底部用壹組像素連接起來,做出手的樣子/第壹步(講真,這些手沒有細節,但是沒啥大問題),在手的底部,上面壹些,畫兩條2:1的水平像素,作為腰,然後完成胸部的線條。現在妳有整個上身體的輪廓了。在身體左側其實還有壹只胳膊,但是被胸部擋住看不見了,所以也還OK。做完之後,看起來是這樣的:
Itshouldbelookinglikethis:
當然,妳也可以按妳的喜歡選擇不同的比例;我喜歡在決定做之前,試試各種不同的選擇。
現在,我們可以添加幾根垂直的線段作為下半身。我喜歡在鞋和腰之間留下大概12px的間距。腳很簡單,比腿出來壹個像素就可以了,並且根據軸測圖來的話,屏幕上的右腳要比左腳低壹個像素。
現在,我們給小人加點色彩。給小人找個合適的膚色不算容易,如果妳想選和我壹樣的膚色設置,那麽試試看#FFCCA5.給身體的其他部分加上色彩比較簡單。在這之後,妳應該定義下袖長,衣領的位置和樣式,然後加上壹些深壹些的陰影,將衣服和身體區分開來。我喜歡把內部的線條做得比純黑色亮壹些(特別當不同的區塊處在近似的水平時,比如從衣服到皮膚的交界處,或者衣服到褲子的交界處)這樣壹來,各個線條的對比不會太強烈,不同的體積感也更明顯。
妳可以在每個不同的顏色區塊加上壹些高光。避免過多的陰影或是用漸變去表現陰影;幾筆(10%to25%)亮色或是深色就能幫元素跳出來,而不是看起來扁扁的。如果妳想加壹個100%明度的色彩,試著減少它的飽和度。有些情況下(比如頭發),改變顏色之間的飽和度可能是個不錯的主意。
妳可以試試各種發型,下面是壹些小參考:
如果妳還要做更多的角色小人兒,壹些小的變化,比如改變下衣服的樣式,袖子的長度,褲腿的長度,配件,服裝和膚色,各式各樣的人物也是手到擒來了。
現在,剩下壹點點步驟,就是把各種元素集合在壹起,看他們在同壹環境裏的展現了:
如果妳想導出的話,PNG的格式最理想。
我希望這篇教程不會太復雜;我想我已經盡我所能把需要的步驟以及風格的解釋說清楚了。我們會持續探索像素藝術的世界;建築物,車輛,內飾,外飾。像素畫有無限多的可能和樂趣,不過也可能有點點難啦。
RenéAlejandroHernández住在薩爾瓦多,已經從事像素藝術(尤其是等間距像素風格)超過10年。
--------------------------------------------分割線--------------------------------------------
怎麽用AI畫出壹組這樣的小人，不同的動作，我感覺很難，有什麽訣竅嗎主要是先把臉部和身體畫完,那樣只是變換不同的動作和表情,其實也不難,這個圖來說就是形狀和顏色,連漸變都沒有多少,只要鋼筆工具用得好就很簡單了,畫插畫這種東西沒有什麽訣竅,關鍵是熟練,只要手上功夫到了,再難的圖案也出的來~
小人怎麽畫才好看1、首先畫出人腦袋的輪廓。
2、之後將腦袋內的頭發輪廓勾勒出來。
3、之後畫出人的耳朵。
4、之後畫出壹個小辮子。
5、之後將眼睛、嘴巴畫出來。
6、之後畫出人的身體。
7、之後將人的胳膊和手畫出來。
8、之後將人的腿畫出來。
9、最後我們給人塗抹上顏色,即可將人畫出來。