像素画简单可爱教程(像素画简单可爱教程)
-
接要: 有很多朋友在寻找像素画简单可爱教程相关的资料,本文为大家罗列出像素画简单可爱教程一些文章介绍,希望可以帮忙到需要的朋友。如果用得上记得收藏。本文目录一览:1、请...
有很多朋友在寻找像素画简单可爱教程相关的资料,本文为大家罗列出像素画简单可爱教程一些文章介绍,希望可以帮忙到需要的朋友。如果用得上记得收藏。
本文目录一览:
1、请问一下怎样学好像素画?
2、怎么画像素
3、20分钟学会用Photoshop做一个像素小人
4、像素画怎么做?
5、手绘黑白像素画教程
6、像素画教程
请问一下怎样学好像素画?
想要练好像素画最重要的还是多看别人的作品和游戏去学习如何运用像素点,多玩一些像素风的游戏能让你对像素画有更深层次的理解,一些老游戏可以不玩,但是一定要看。因为这些游戏就是最好的学习例子,在电子游戏早期机能匮乏的时代每个游戏美术工作者都是像素艺术的大师。
像素画对于透视、线条的要求都不是很严格,更加重要的是你对物品造型以及光线的把握,如何用有限的像素最精确地表达出你想要表达的东西就是像素画最根源的魅力。
大多数绘画都不需要额外的创意,只需要如实的画出眼睛所看到的东西。像素画也是如此,主要用于独立游戏开发的像素画,必然要求能够被玩家识别和看懂。
清晰和容易识别是像素画的前提。因此在有参考资料(不限于像素画、图片、照片、视频截图)通过正确的方法和步骤,就可以快速获得像素画。
1、确定像素画主题
要确定像素画主题,就是决定要画什么。口袋妖怪皮卡丘很受市场欢迎,有众多的粉丝,我希望喜欢口袋妖怪的人也有机会看到和了解像素画,所以我准备画一个口袋妖怪主角皮卡丘的像素画。先找一张合适的参考图,只要画出皮卡丘的头部,玩家就可以识别出来。
2、缩小参考图片
用Aseprite打开参考图片,将头部裁切。然后缩小到16X16像素(推荐使用邻近模式)。如果缩小以后无法辨认,可以重新缩小,将尺寸放大到20X20像素,依此类推。选择最容易识别的尺寸。像素画在清晰可识别的基础上越小越好。
3、修改或重画缩小后的参考图
图片缩小以后,发现获得的图形效果比较糟糕,需要重画。还记得用方形圆形画像素画的方法吗?先把不需要的手臂擦掉,然后依次画出皮卡丘头部,耳朵,眼睛,腮红,嘴巴;这样就会简单很多。有缩小后的参考图参考,难度会大大降低。
怎么画像素
手把手教你画像素
本文是《手把手教你画像素》系列文章的第一篇,转自灯塔实验室的知乎专栏,原文
我想我应该写篇小教程来告诉你怎么画一个属于你的16*16的精灵(sprite)。可以日后把它用作你的网站或者游戏的图标。已经有了很多种画像素画的方法,所以这也只是其中的一种。不过这篇教程并不能教你怎么想出一个好的构思,sorry。另外,我将不会讨论如何使用作图程序的细节问题,所以你应该对你要用的软件有个大致了解。
启动你心爱的画图程序(我用的是GraFX2,可能你会用PS,GIMP或者其他什么),然后创建一个16*16的像素文档。好了吗?接下来就照着本教程一步步来画一只像素青蛙吧!
(译注:本文可以作为一起来画像素画吧!中提到概念的具体应用范例。)
第一步——轮廓
你要做啥:选择黑色,然后在边框里画。虽然16*16只给了你非常小的空间,但是这能够给你上关于像素画的第一课:让每一个像素都发挥作用。
注意:你所画的图形在这一步一定要清楚、易于辨认。如果你一开始就画了一坨,后面就算是神仙也补救不了。
(译注:读者可以回忆一下抗锯齿,噪点的有关知识。)
第二步——基本的颜色
你要做啥:在轮廓内添加基本颜色,不要加任何阴影。
注意:确保基本颜色互相间不冲突,且够鲜艳够生动。这个阶段完成后,图像应该比上一个更加清楚、生动,而不应该有所退步。
第三步——阴影
你要做啥:根据上一步里你用的基本颜色,为每一种都选取对应的但是稍微暗一点的颜色。然后把这些稍微暗的颜色根据需要添加到图画里。本教程里为了方便起见,想象我们的光源在正上方。
注意:要经常停笔来检查一下你刚刚画好的东西。如果加完阴影之后发现基本颜色太深了,你应该毫不犹豫地对基本颜色进行修改。
(译注:抖动,枕式阴影,以及颜色相关等等)
第四步——轮廓线的颜色
你要做啥:根据你的需要在基本的黑轮廓线上添加颜色。一般来说,轮廓线的颜色总要比里面的颜色深一些。
注意:有一个小技巧是,你可以把轮廓颜色用作阴影部分。仔细看一下青蛙的眼睛。上半部分的颜色比较鲜艳,但是下面的就很深。
(译注:残缺的轮廓线,色彩梯度等)
第五步——Enjoy!(或者去炫耀吧!)
希望你的像精灵看起来就像个小玩意。如果看起来不是很理想,你应该试着找找问题出在哪里。可能是因为你想一步到位,所以在这么个小空间里加了太多的细节。注意你应该总是想着怎么用最简单的图形来让整个作品看起来有立体感。也许你会觉得很沮丧,因为虽然你返工了很多次,但是效果却越来越不如人意。在这种时候你要做的就是休息一下,欣赏一下大神们画的像素图,直到你感觉可以重新开工。一旦你入门了,你就可以开始真正地欣赏别人作品里的优点。下面还有些用上述方
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年。
--------------------------------------------分割线--------------------------------------------
像素画怎么做?
首先在画像素画之前,我们要先要在网格本上估算出图案大概的面积,一般把图案画在网格本的中间最为合适。
接下来我们来画像素画,首先第一步就先先要画出像素画的轮廓。我们可以用特殊的符号进行记录,一般来讲像素画中图案的轮廓部分都会选用黑色,所以我们可以用“X”来记录黑色,当然其他颜色也可以用“O”或者不同的符号记录,方便之后的涂色。
像这样先将图案的轮廓画出来
像这样先开始画轮廓
所有轮廓画完
最后则是涂色环节
当然轮廓也没必要绘制的特别详细,只要自己可以看懂即可,主要是为了方便随后的上色环节。在上色时,一定要逐个颜色均匀涂色。并且在涂色的过程中,不要来回涂色一点,这样会使颜色变深,影响整个像素画的美观。
只要按照图案轮廓进行涂色,就可以轻松完成像素画的绘制。下面我们一起来看看成果如何:
使用几个简单的颜色通过像素就可以完成一幅像素画,当然在画的过程中也一定要注意用笔的力度以及色彩的搭配。
当然也有这样利用多种颜色搭配的小马,充分体现像素块之间的颜色差异。
通过像素画的几张成果来看,画的还是相当成功的。虽然没有过硬的绘画功底,但是只要画好轮廓,细心的填充颜色,就可以轻松的完成一幅像素画。
写在最后
看了这么多像素画的作品,相信你也跃跃欲试了吧。其实想要画一幅像素画完全不需要过硬的绘画功底,只需要准备好合适涂色笔和纸张,就能轻松完成像素画。当然在画的过程中,也一定要注意用笔的力度以及颜色的搭配,相信掌握了这些你也能画出生动形象的像素画,还不赶紧试试看。
手绘黑白像素画教程
像素画顾名思义就是由像素点组成的画,现在像素画非常流行,下面我们就来看看像素画是怎么画的吧。
我们先画出小女孩的头发,然后在头发上画出一个心形作为头部的装饰物,如图所示:
在头发的下面画出小女孩的面部,然后在面部上画出小女孩的两只耳朵,如图所示:
再在耳朵的基础上再画出小女孩的两只小辫子,如图所示:
再在小女孩的额头不下面再画出小女孩的脖子及衣服领子,如图所示:
最后再画出小女孩的眉毛,然后再画出小女孩的眼睛,这样像素画小女孩就画好了,如图所示:
像素画教程
像素画教程如下:
首先画画都需要一些形象思维和想象力。简单来说就是需要在你的脑海中有画面和图像。需要在平时多留意和多观察,刻意地多看各种图案,图形以及优秀作品(不限于画册,图片,游戏,动漫,电影等)。
看过的东西越多,留在脑海和记忆中的图像和画面也越多。这些留在你脑海中的都可以成为未来创作的素材和灵感来源。
1、可以先画下面这朵像素小花。
这朵花由8个像素组成,有3个颜色。任何人画这朵花应该都毫无压力。
2、然后画这朵尺寸比较大的像素小花。
可以以你自己感觉舒服的顺序和步骤来画这朵比较大的像素小花。
上面的内容就是像素画简单可爱教程的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于像素画简单可爱教程、的内容别忘了在本站进行查找喔。
-
车用行车记录仪多少万像素才好(行车记录仪多少万像素够用)
有很多朋友不知道车用行车记录仪多少万像素才好要如何操作,今天为大家整理了很多行车记录仪多少万像素够用相关的答案,组成一篇内容丰富的文章,希望能到您本文目录一览:
2023-01-22阅读:0 -
如何提高图片清晰度(如何提高图片清晰度?)
本篇文章给大家谈谈如何提高图片清晰度,以及如何提高图片清晰度?对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。本文目录一览:1、如何使用PS提高图片像素和
2023-01-11阅读:0 -
像素画简单可爱教程(像素画简单可爱教程)
有很多朋友在寻找像素画简单可爱教程相关的资料,本文为大家罗列出像素画简单可爱教程一些文章介绍,希望可以帮忙到需要的朋友。如果用得上记得收藏。本文目录一览:1、请
2023-01-11阅读:0 -
少女时代杰西卡素颜,卡卡西的素颜(少年卡卡西照片)
少女时代的JESSICA是不是同性恋,还有她好像素颜不行啊如果你是同性恋,那肯定不是。只是吸引女同的潜在魅力。可见她平时最有女人味。至于素颜,怎么说呢?让我卡卡
2022-10-12阅读:0 -
相机配置有差别吗(买专业相机主要看什么配置)
朋友们好,许雅玲来为大家解答以上问题。相机配置有差别吗很多人还不知道,现在让我们一起来看看吧1、屏幕大小上不一样:iPhone8配有一块4.7 英寸1334 x 750 像素分
2022-10-01阅读:0 -
小二寸照片有多大(小二寸照片有多大内存)
朋友们好,李铭茹来为大家解答以上问题。小二寸照片有多大很多人还不知道,现在让我们一起来看看吧1、小2寸(护照) 3.3*4.8cm, 390*567像素;小2寸 (普通) 3.
2022-09-30阅读:0