Posted in 色彩与明暗

0基础像素画速成课程:灰度像素画

0基础像素画速成课程:灰度像素画摘要:0基础像素画速成课程:灰度像素画关键词:像素画,像素图,马赛克画,教程,速成,黑白,1bit上一篇我们学习了单一图形的黑白像素画,熟悉和了解了像素画的基本要素,线条和形状。今天我们来画比较复杂的像素画,但是颜色仍然只使用黑白。 练习主题我选择比较简单的宠物小精灵。去掉颜色后缩小用Aseprite打开图片,转换为灰度模式,这样就去掉了颜色信息。 然后将图片缩小到32X32像素后,发现非常模糊,看不清楚细节。这样就需要用画笔将原有的线条加粗。 再次缩小到48×48像素,就可以获得比较多有用的信息。线稿手工画出线稿。 可以叠加图层后描图。明暗增加1个颜色画出暗部。 在暗部区域,画出棋盘图案(这在像素画中称为抖动)。删除灰色现在可以删除灰色。 这样虽然只有黑白两色,但是借助抖动就实现了灰度效果。

Continue Reading... 0基础像素画速成课程:灰度像素画
Posted in 色彩与明暗

像素画高级教程:像素之道明暗和边缘

摘要:像素画基础教程:像素之道明暗和边缘关键词:像素画,像素图,马赛克画,明暗,教程1、明暗前一章简单介绍了面的画法,这次来研究下明暗。这是左上光源的立方体明暗示意图。 与前面的球体相比,立方体的明暗实在是很简单。类似球体的调子变化,高光,反光等在这里几乎可以被忽略。 光源的位置决定了暗部和投影的位置。同样明暗也反过来暗示光源的位置。 记住这个规律,画画经常会用到!2、边缘和立体感表现立体感的关键在于边缘的处理,是要凸起还是凹陷,大部分情况下也取决于边缘以及明暗。 来看例子:可以将平涂色块周围的一圈看作大边缘。图片中左上边缘较亮,右下边缘较暗,暗示光源在左上。 然后右图加了一圈内部亮边。没有亮边的的立体感较弱,也不够清晰。 可以思考下这个技巧还可以用在哪些地方?在此基础上可以继续添加边缘。 使用一边亮另一边暗的原理表现光影效果和物体的结构。不过请注意所有的明暗关系必须统一。 中间凹陷。因为光源在左上,所以要表现凹陷,就需要把内测左上边缘处理成暗色(因为背光),内测右下处理成亮色(因被光源直射)。 继续叠加,通过投影就可以制造出高度感。3、机械质感使用对比强烈的边缘可以很好的表现机械质感,下面是两个范例,供参考:平涂,然后添加各种凹陷和凸起,使用边缘来强化对比,表现金属的质感。…

Continue Reading... 像素画高级教程:像素之道明暗和边缘
Posted in 色彩与明暗

像素画基础教程:像素之道颜色搭配

摘要:像素画基础教程:像素之道颜色搭配关键词:像素画,像素图,马赛克画,基础教程,颜色搭配1、预留透明色Sprite(Sprite是指游戏中的可动单位)颜色限制为16色,在一开始配色的时候就该考虑透明色。即除去透明色,实际上Sprite只有15色。 2、配色思考需要从3个方面来思考配色1、角色个性和场景的属性在游戏构思阶段优先考虑主角,使用何种配色能更好的表现角色个性,使玩家喜爱并产生代入感?主角是最重要的游戏角色。 假设要制作一款RPG游戏,就需要考虑主角是成人?小孩? 男?女? 瘦?胖? 属性不同,配色也不同。另外角色不同的服装和装备(这些服装和装备也受前面属性的影响,比如你可以设定胖角色穿深色的服装,因为这样看起来显瘦……),配色也会有差异。 对于场景,通常都有固有色。比如大海蓝,沙漠黄等等。 在此基础上与角色协调一致就可以了。对于某些剧情需要加的特效,则可以比较灵活。 2、颜色对比一旦设定好主角,就可以开始设计配色方案了。对于配色设计都建立在颜色对比的基础上。 3、颜色对比下面简单了解下颜色对比吧。A…

Continue Reading... 像素画基础教程:像素之道颜色搭配
Posted in 色彩与明暗

像素画基础教程:怎样画出凹凸立体感?

像素画基础教程:怎样画出凹凸立体感? 摘要:像素画基础教程:怎样画出凹凸立体感 关键词:像素画,像素图,马赛克画,凹凸,立体感凹凸 画画就是追求在平面上塑造出栩栩如生的形象,所以画画是造型艺术。 像素画当然也不例外。那么怎样画出立体感? 立体感其实是个术语,普通人可能不容易理解。换一种说法就是怎样画出凹凸感? 有凹陷有凸起就自然有了立体感。凹凸感很容易画出来,任何人掌握了方法就可以画出来,这跟画画天赋没关系。 准备好Aseprite或其他画图软件,跟我一起来练习吧!凸起的画法新建32X32像素画布,填充灰色light1毫无疑问的,平涂灰色没有立体感。 现在用矩形工具画出一个白色正方形。light2现在还是没有立体感,但是有了亮度对比,所以眼睛可以看到一个白色边框的正方形。 神奇的一刻来了。现在用黑色把正方形右下角的2条边改成黑色!…

Continue Reading... 像素画基础教程:怎样画出凹凸立体感?
Posted in 色彩与明暗

像素游戏角色快速上色方法

摘要:像素游戏角色快速上色方法 关键词:像素画,像素图,马赛克画,游戏角色,快速上色,photoshop 本教程使用软件为photoshop。本方法适合有绘画基础的小伙伴,可以提高画像素画的效率。 效率提高在哪里?在草图、明暗、上色阶段都无需考虑像素画基本规则,仅仅在最后一步修掉瑕疵时需要考虑像素画基本规则,这样就大大提高了作画效率。 也就是说,仅最后一步是画像素画,前面步骤和画插画一摸一样(还比插画简单,因为不需要太多的细节,因为缩小后看不到)。第一步:草图导入Photoshop,或直接在PS中绘制。 建议使用wacom手绘板。软件我推荐ArtRage,线条很赞。 第二步:明暗填充基本色。使用魔棒工具选择空白区域,然后反选,新建图层填充灰色。 新建图层,然后用白色画出亮部。将之前填充的灰色区域做为遮罩。 这样用白色画亮部的时候就不用担心画出界的问题了。第三步:缩小图像把图像缩小到你期望的尺寸。 将颜色模式转换为索引,可以将模糊的位图转换为像素图,颜色数量设置为6。有一些小瑕疵,但是没有关系。…

Continue Reading... 像素游戏角色快速上色方法
Posted in 色彩与明暗

日本Takano像素画教程:黑白研究

摘要:日本Takano像素画教程:黑白研究 关键词:日本,Takano,像素画,像素图,教程,黑白研究 当今的游戏美术设计正从位图向3D多边形快速迁移。专业的像素画,费时费力,现状是几乎全军覆没,很多早期从事像素画的不是自己创业开发游戏,就是从事外包工作。 像素画不可否认的无法再现8位机时代的辉煌。但是像素画依然有其顽强的生命力。 对于想进入游戏行业的新人,像素画是一个非常好的切入口。一般业务用像素画的分辨率是320×240。 对于软件,满足以下3个条件即可1、放大缩小2、256色调色板3、支持帧动画像素画是点的集合8bit,电子,怀旧。计算机上第一代游戏-乒乓,一个像素点代表球。 像素点是像素画基础中的基础,两点连成线,线连成面。以黑白为例。 首先RGB:0,0,0和RGB:255,255,255分别代表黑色和白色。像素画的起点是黑白,白色的背景,黑色的方块像素。 放大400%的像素点这是放大400%的像素点(实际是方块),在分辨率高的设备上像素点是很小的,肉眼看来就是一个点。像素画就是由这些点集合而成。 看下面两张放大后的作品。当像素点很小的时候,你会感觉画的时候和在纸上画画差不多。…

Continue Reading... 日本Takano像素画教程:黑白研究
Posted in 色彩与明暗

日本Takano像素画教程:明度差异

摘要:日本Takano像素画教程:明度差异 关键词:日本,Takano,像素画,像素图,教程,明度差异 明度是美术专有名词,指颜色的亮度。明度最亮是白色,最暗是黑色。 每一种颜色都有明度差异,原因是混入了不同比例的白色和黑色。比1像素还小的错觉首选观察下面的图片。 第一个图中,黑色的方块放置在一堆白色方块中;第二个图白线的末端明度逐渐降低,最后变成黑色。你会发现黑色方块似乎比白块小一点,渐渐变黑的线也比白线细……像素方块难道会缩小吗? 因为黑色几乎不反射光,所以看起来就会比较小,而白色会反射90%以上的光,自带5毛特效,自然会有放大的感觉。事实上像素方块都是一样大的。 重点来了,像素画的所有高级技巧都是利用了这一点!颜色对比颜色的属性有3种:明度,色相,纯度。 我想让你看看下面的两个样本。将相同大小的正方形灰色区域,分别放置在黑块和白块边上。 黑灰颜色对比,在灰色背景上形状更清晰,更容易被辨识。从这个例子可以看出,颜色对比越大越突出。 这也是图书出版大部分都是白纸黑字的原因。黑白反差最大!…

Continue Reading... 日本Takano像素画教程:明度差异
Posted in 色彩与明暗

0基础像素画速成课程:更多灰色

0基础像素画速成课程:更多灰色 摘要:0基础像素画速成课程:更多灰色 关键词:像素画,像素图,马赛克画,教程,速成,灰色,1bit 上一篇我们学习了使用抖动,用黑白两色混合生成“灰色”。今天我们来生成更多的灰色,练习主题我选择比较简单的宠物小精灵。 为了降低大家练习的难度,可以直接使用现成的像素画宠物小精灵。去掉颜色用Aseprite打开图片,转换为灰度模式,这样就去掉了颜色信息。 去掉所有灰色,只保留黑色。明暗现在可以增加明暗了。 还是老办法,先用灰色,画出暗部区域。然后使用棋盘纹填充。 删除灰色现在可以删除灰色。这样虽然只有黑白两色,但是借助抖动就实现了灰度效果。 到这里就是上一课的内容。观察原图,灰色远不止1种,所以我们还需要用抖动混合出1种灰色。 我们可以使用现成的黑白两色抖动图案,来生成所需要的灰色。这里一共有20种黑白两色混合成的渐变灰色第2种灰色添加完第2种灰色,发现效果并不好。…

Continue Reading... 0基础像素画速成课程:更多灰色
Posted in 色彩与明暗

0基础像素画速成课程:16色像素画

0基础像素画速成课程:16色像素画 摘要:0基础像素画速成课程:16色像素画 关键词:像素画,像素图,马赛克画,教程,速成,16色 上一篇我们学习了彩色像素画,今天了解一下16色像素画。大多数街机游戏的角色都是16色,16色的效果就非常出色了。 很多游戏都是经典。用之前学会的方法来分析和学习街机游戏角色,对提高像素画水平很有帮助。 以街霸角色为例。颜色分析从面积最大的开始分析:从最亮到最暗,用吸管吸取,然后放在角色右边。 1、衣服和裤子:5个颜色2、肤色:5个颜色3、拳套:2个颜色4、黑腰带:1个颜色,AA部分共用衣服和裤子暗部颜色5、头发:1个颜色,头发亮部用的肤色暗部颜色,头发暗部共用了拳套的1个颜色这个角色一共只有14个颜色,加上透明色,15个颜色。明暗角色大的明暗其实2个颜色,那为什么衣服裤子和肤色用了5个颜色? 因为其他3个颜色都用来表现细微的渐变,尤其是轮廓线的明暗变化,非常细腻。如果将亮部颜色去掉,角色的立体感就会大打折扣。 减色分析每次减少1个颜色,然后观察角色的变化,你就能发现像素画细节的秘密了。关注 教你画像素画,让我们一起欣赏像素画,学习像素画。

Continue Reading... 0基础像素画速成课程:16色像素画
Posted in 色彩与明暗

像素画分析方法:减少颜色

像素画分析方法:减少颜色 摘要:像素画分析方法:减少颜色 关键词:像素画,像素图,马赛克画,分析,颜色 像素画以细节和自我限制(限制尺寸和颜色)为最大卖点。亿点点细节是什么? 像素画到细节是肉眼可见的,普通人也可以看清楚。不像油画,插画,细节普通人可以看到但是并不知道是怎么画出来的。 (因为笔触隐藏,颜色难调)像素画的细节只有2个属性:1、像素点的x,y坐标。(也就是位置)2、像素点的颜色值。 所以只要是像素画,细节都是可以被量化的。大多数时候,对像素画来说,颜色即细节,细节即颜色,没有颜色就没有细节。 以1bit像素画为例,画家只能使用黑白两种颜色,如果想要画出更多的细节怎么办?1、放大画布尺寸;2、使用抖动,用黑白交错的像素点模拟出“灰色”,抖动也必然导致画布尺寸增加。 减少颜色的细节分析方法减少颜色的细节分析方法:用aseprite打开你喜欢的像素画,先减少亮部的颜色,再减少暗部的颜色,最后只剩下固有色。以像素画家Pit的作品为例减少颜色步骤去掉帽子上2个亮部颜色。 2去掉帽子2个暗部颜色以及1个反光颜色。3去掉嘴巴上的1个aa颜色。…

Continue Reading... 像素画分析方法:减少颜色