像素艺术教程像素绘画教程
在这10的步骤下,我会教你如何创建一个精灵,这个精灵是一个独立的角色或者物体。当然,这个术语来源于电子游戏。
创建像素绘画是一项技能,我学习它是因为我的游戏需要它。经过一番尝试,我也就适应了,开始把它当成真正的艺术,现在游戏开发和插画都很流行像素艺术。
我在几年前创作了这幅像素画,教授像素画的基本概念,我做了很多精简。还有一些像素教程,我觉得太复杂太罗嗦。像素艺术不是科学,你创作的时候不需要计算矢量。
像素绘画的一个好处就是不需要任何花哨的工具,使用电脑自带的画图工具就可以了!据说有专门为像素绘画制作的工具,比如Pro Motion,是Mac用户的Pixen。虽然我没尝过,但我听说它们很棒。在本教程中,我将使用Photoshop,虽然价格昂贵,但它可以应付各种艺术创作,并且它还有许多非常有用的创建像素画的功能。
使用PS时,你的主要工具是铅笔工具快捷键“B”,画笔工具是你的备用工具。铅笔工具允许您绘制纯像素而不消除锯齿。
另外两个工具是选框工具快捷键“M”和魔棒(快捷键“W”),用于选择、拖动、复制和粘贴。当选择在增加或减少选择之间切换时,记得按住“Shift”或“Alt”。当你试图得到一个不规则的选区时,这是很方便的。
您也可以使用滴管快捷键“I”来吸收颜色。色彩转换在创作过程中非常重要,你要尽量吸收相同的色彩,并加以利用。
最后,确保你学会了这些捷径。他们可以节省你大量的时间和精力。还有一个快捷键“X”,用来快速切换你的主色和辅色。
像素实际上是非常小的颜色块。第一年你需要学习的是如何有效地利用这些积木生成你想要的线条。我们将讨论两条基本直线,直线和曲线。
我知道你在想什么——它看起来像一块蛋糕!但是对于像素来说,直线可能也会有问题。我们应该避免“锯齿”——一些小锯齿使线条看起来不均匀。合理使用锯齿可以使一条线看起来比其他线段更大或更小。
对于折弯,确保上下弧度始终相同。在下面的例子中,更平滑的曲线像素是6 >;3 & gt2 & gt1,带锯齿的曲线为3 >:1 & lt;3。
画出舒适的线条是像素画的关键。稍后,我们将学习如何使用反走样来使我们的线条看起来非常平滑。
首先,要有个好主意!试着想象你想用像素画什么,不管是在脑海里还是在纸上。一点点的准备可以让你在后期的创作中更加专注。
1.你想让这个精灵做什么?是用于网页还是游戏?以后会被动画化吗?以后要想让它动起来,就要尽量做小,做细。相反,你可以把丰富的细节放入这个向导中,这样你就不用再处理它了。想象一下这个小精灵会走向何方,如何做得更好。
2.我将受到哪些限制?早期的时候我说过,限色很重要。一个原因是颜色受限于硬件或者其他相关因素(现在不存在了)。准确的说,如果你想模拟一些特定的风格(C64,NES等。),考虑你正在绘制的向导的大小来告诉你它将适应的环境(软件和硬件)。
在这个教程里,我不做任何限制,但是希望你能尽量大一点,让你能清楚的看到每一步都在发生什么。为此,我决定以摔跤律师为原型!他可以用在格斗类游戏中,也可以用在类似《哈布斯尸体爆破手》的电影中。
黑色的轮廓为你的精灵提供了一个很好的基础结构,这是一个很好的起点。我们选择黑色的原因是因为它是黑色的。稍后,我会告诉你如何改变轮廓的颜色,以获得更真实的效果。
我更喜欢用两种方法来勾勒轮廓。可以先手绘轮廓,再清理,也可以从头开始用像素画。就一直点啊点,你懂的。。。
我觉得你用哪种方法取决于你要画的精灵的大小和你的技能。如果这个小精灵特别大,用手画出它的形状,清理起来会容易很多,尤其是第一次接触的时候。
在这种情况下,我们创建了一个相当大的elf,所以我将演示第一种方法。用文字和图片更容易解释。
使用你的鼠标或图形输入板为你的小精灵画一个粗略的轮廓。然而,确保它不要太粗糙——它或多或少是你想要的最终产品。
第一,把滑轮放大到6倍或者8倍,这样我们就能看清每一个像素。然后清理轮廓!特别是,你必须擦除杂乱的像素(轮廓的线条只能有一个像素宽),处理所有的锯齿,并添加步骤1中绘制的细节。
即使是最大的sprite也不会超过200 x 200像素。“事半功倍”在画画的过程中永远不会错。你很快就会发现一个像素会改变多少。
保持你的简单轮廓。细节后面会讲,但目前来讲,重点讲“大线部分”,比如肌肉分化。这对你来说可能有点困难,但是要有耐心。
随着轮廓的完成,我们有了填色本来填色。油漆桶和其他上色工具让我们更容易上色。颜色的选择会比较困难,现在也不可能指导你学习色彩理论。但是我会介绍一些好的基本概念。
HSB代表色调、饱和度和亮度。这是计算机颜色模型之一(即颜色的数值表示)。还有RGB、CMYK之类的东西你肯定听说过。大多数程序使用HSB颜色渲染,所以我们将打破惯例:
hue hue——你懂什么颜色?像“红色”、“橙色”、“蓝色”等等。
饱和度饱和度-饱和度越高,颜色越亮。100%的饱和度会给你最亮的颜色。随着饱和度的降低,颜色会越来越灰。
亮度brightness-颜色的亮度,0%亮度是纯黑。
你选择什么颜色取决于你自己,但有些事情你应该记住:
1.饱和度低、亮度低的颜色看起来更“土”“卡通”。
2.想想色环。两种颜色之间的差异越大,它们之间的距离就越远。另一方面,像红色和细度这样的颜色在色环上非常接近,看起来很棒。
你用的颜色越多,你的精神看起来就越不像一个整体。要让你的小精灵脱颖而出,你应该只用2~3种主色调。想想超级马里奥!)
其实在颜色填充的过程中是非常容易的。如果用PS填充颜色,先用魔棒工具(快捷键“W”)选中要填充的区域,然后按住快捷键“ALT+F”(原色)或按“CTRL+F”(二次色)进行填充。
阴影是我们创造逼真像素的关键之一,精神变得更加生动或者可怕。然而,照我说的做,你会成功的。
首先,我们需要选择一个光源。如果你的小精灵是一个更大场景的一部分,可能会有各种光源(比如灯泡、火、自然光等。)照在上面。他们在精灵身上会很复杂。然而,在大多数情况下,选择一个遥远的光源(例如,太阳)是一个好主意。对于游戏来说,你需要创造一个尽可能适应各种地方的小精灵。
我一般会选择一个比较远的光源,放在它的上方,稍微靠前一点,这样可以照亮顶部或者前方,其余的就被遮住了。这种光源可以让精灵看起来最自然。
一旦我们确定了一个光源,我们就可以用最深的颜色来遮挡离光源最远的区域。阴影应该绘制在模型后面被上方和前方的光源照亮的区域,例如手臂和腿下面。
记住,光影之间的区域不会是均匀渐变的。把一张白纸卷成一团,然后平放在桌子上——你确定它是平的吗?因为你可以看到褶皱处有一个小阴影。阴影用于制造衣服褶皱的感觉,应用于肌肉、头发、皮毛、裂缝等。
之后的阴影,比之前更亮,应该更柔和。这些区域受到间接辐射。也可以用在由黑到亮的过渡中,尤其是画一些曲面的时候。
面向光源的区域可以为它们添加高光。高光要适度使用(比阴影小很多),因为会分散人的注意力。
总是先画阴影再画高光,会让你不那么担心。如果阴影画得不好,你会把高光画得更大。
阴影是大多数新手掉坑的地方。以下是绘制阴影时应该遵循的一些方法:
1.不要用渐变。新手最大的错误。渐变看起来很恐怖,连表面抛光都没有表现出来。
2.不要用枕头遮光。枕形阴影是由外向内的阴影。之所以叫枕影,是因为它看起来柔和不确定。
3.不要用太多的颜色。一般认为“颜色越多越真实”。然而,在现实生活中,我们倾向于看到物体上的明暗——我们的大脑会过滤这一切。在你的基色中使用这两种色调,暗(灰色或深灰色)和亮(明亮或更亮)。
4.不要用太相似的颜色。没有理由用两种非常相似的颜色,除非你想画一个非常模糊的小精灵。
保持原色是像素绘画艺术家不得不担心的问题。不使用更多的颜色来显示阴影,有一种技术叫做“抖动”。类似于“十字丝”或“点画”的传统绘画技巧,你将两种颜色交织在一起,以保持它们的统一。
简单的例子
复杂的例子
对比顶部PS渐变工具处理的图片,底部三种颜色抖动制作的图片。注意使用不同的颜色组合来创造图案。你可以尝试用不同的排列和组合创造新的纹理。
抖动显示可以让你感觉复古,因为很多老游戏只能靠抖动显示来打造有限的调色板(见世嘉创世纪的例子)。这不是我通常的方式。为了让你学会,我把这种方式应用到了这个小精灵身上。
你可以试着摇动显示器。说实话,我见过很少有人能把这个方法用好。
选择性轮廓或“selout”是一种类似阴影的轮廓。我们不用黑色,而是一种更接近精灵本身的颜色。此外,我们沿着轮廓改变亮度,让光源决定应该使用什么颜色。
现在,让我们把轮廓涂成黑色。没什么不好。看起来很好很和谐。但是我们用黑色的时候,就放弃了真实感,让它更“卡通”。选择性轮廓真的很好,见下图:
你会注意到,我还使用选择性轮廓,使其肌肉纹理更自然。最后,精灵们开始看起来像一个整体,而不是一堆独立的部分。
我们来做个对比:
抗锯齿有一个前提:添加中间色,让线条更自然。例如,如果您在白色背景上放一条黑线,您可以在线的边缘添加一些灰色,使其看起来更自然。
通常你要在破碎不自然的地方加入一些中间色。如果看起来还是不自然,那就涂上更亮的颜色。沿着曲线的方向处理中间区域。
我解释得很清楚了。看看图片,你就会明白我的意思了:
现在让我们使用反走样。记住,如果你想让你的精灵在任何背景下都能很好的工作,不要使用反走样来处理轮廓。否则,你会在你的小精灵周围看到一个丑陋的“光环”。
你可能会问,为什么我们不直接用绘画工具填充它,让它更平滑呢?答案是,除了手工制作,没有任何工具能让它变得自然。您可以完全控制,不仅可以控制颜色的数量,还可以控制从哪里获得颜色。而且你知道哪些区域是平滑的,哪些区域在使用抗锯齿后会丢失细节(像素)。
哇,终于到了关电脑喝杯冰镇啤酒的时候了。还没有!这是区分新手和专家的最后一步!
退一步,仔细看看你的小精灵。有可能还是有点粗糙。花点时间完善一下,确保每个细节都很完美。不管多累,这其实是最有趣的部分。加入一些小细节会让你的小精灵更有趣。这是真正展示你的经验和技能的时候。
你可能会奇怪为什么鲁查律师一直没有眼睛,或者为什么这个头巾一直缠在头上。这是因为我想在最后处理这些小细节。包括给他的胳膊加臂章,给他的裤子加拉链等等...还有,男人怎么可能没有乳头?我还加深了他的下体和左手,以突出他的躯干。
你终于干掉他了!!!鲁查律师用的是45色,比较简单(难度取决于你的调色盘限制),尺寸是150 x 115像素。现在你可以去喝杯啤酒了!
这永远是最有趣的,你可以在GIF图片中看到它的变化(点击查看)。
1.学习绘画的基本原理,用传统方法练习。所有的绘画上色技巧和经验都可以用在像素绘画上。
2.从画小精灵开始。最难的是学会用像素画小细节,而不是画一个超大的精灵(真的浪费时间)。
学会临摹一些艺术家的作品,不要怕临摹。工作后再学,需要时间找到自己的风格。
如果你没有图形平板电脑,买一个。反复点击鼠标是很弱的,肯定不会给你留下好印象。我用的是小图形平板,很适合我——我喜欢在小房间里用,放在桌子上很便携。你可能喜欢更大的图形平板电脑,但你必须先在商店里试用它!
5.与所有人分享您的工作并获得反馈。你可能会认识一些新朋友,或者一些键盘手,谁知道呢!!