Recent Posts

Posted in environment

怎样画云-Pedro Medeiros像素画系列教程

形状简化组合将复杂的云,简化为圆形的聚合。 设定光源,画出亮部,暗部。 要注意的是云的颜色应该保持较低的对比度。简单的说,就是云总体上是白色的。 不管亮部还是暗部,亮度都比较高。光源的位置决定明暗 当光源(太阳或月亮)在云层后面,会在云的周围形成亮边。 阴影通常出现在云的底部。远近有虚实 在画较大场景时,云有远近关系。 远处的虚(颜色浅接近蓝色),近处的实(颜色接近白色)。想要画好云,需要多观察和收集云的资料照片。 如果你完全掌握了云的规律,就可以创造各种各样的云。短视频约4分钟

Continue Reading... 怎样画云-Pedro Medeiros像素画系列教程
Posted in animation

动画技巧1-平面旋转动画制作方法

原作者:シガタケ(SHIGATAKE)翻译:pixel32上面3个图形哪一个制作旋转动画最简单呢?答案是星形。 将动画分解,注意我标出来的红点,每次旋转约90度,红点所在的尖角完成了360度旋转,星形的旋转动画就完成了。而圆形和正方形旋转起来比较困难。 制作星形的旋转给了我很大的启发,在制作其他形状的旋转时,我可以利用星形旋转的规律!并且虽然只有4帧,但是实际效果却接近20帧的效果! 且看下面4帧和20帧旋转的效果对比。至少肉眼看起来差不多……这非常适合制作像素动画。 效果好,帧少!现在我详细的解说一下如何徒手画星形旋转。 “a”首先,画32×32像素的圆,点出中心点。“b”然后,在中心点向上延长交圆周于一点。 “c”星星是正五边形,360度÷5=72度。12点为0度,分别点出72度,144度。 “d”其他的点左右翻转即可。 “e”用直线把点连起来”f”填色”g”加上AA,减少锯齿感 用同样的方法画其他3帧,按照“1”→“2”→“3”→“4”→“1”→“2”→“3”→“4”…的顺序播放,为了使动画变得更加顺畅。…

Continue Reading... 动画技巧1-平面旋转动画制作方法
Posted in 色彩与明暗

初级教程-怎样使用明暗表现立体感?

摘要:以杯子为例子讲解如何使用明暗表现立体感。pixel32 原创  | 教你画像素画 出品立体感是什么像素画是二维艺术,是平面的(基于电子屏幕的),只有长和宽,用坐标系来表示就是x,y轴坐标。 三维会再多一个z轴。 立体感就是三维,除了长和宽,还有高度。 由于人眼成像是在视网膜上,实际上也是平面的……因此艺术家可以利用明暗对照法来表现立体感,其实是欺骗肉眼。画家合理地以明暗组织画面,使用明暗对照法在二维的平面上表现物体的立体感。 怎样表现立体感?绘画教材及课程中通常会用立方体为例讲解立体感。 这是因为立方体够简单,同时也是造型艺术最小的单位。将立方体放置在单一光源下,可以一目了然的表达出明暗对照法的精髓,就是物体在受到光照以后,会形成以下几个区域:高光1,亮部2,明暗交界线3,暗部4,反光5,投影6。 画画的时候只要能画出这些东西,就可以表现出立体感。…

Continue Reading... 初级教程-怎样使用明暗表现立体感?
Posted in character

RPG像素画游戏角色设计详细流程

原文:Joson Perry在上一篇中,我花了很多时间来研究形式和光源的重要性。今天,我将使用这种技术设计一个游戏角色。 这个角色将采用传统的自上而下视角来制作。如果你想为其他类型游戏设计角色,例如一个横版游戏,也可以使用相同的技术,但是光源的位置需要随之更改。 第一步:我建议从剪影开始。在这个例子中,我分离了角色的身体部件,这是为了初学者更容易理解。 平时工作中,这个步骤通常在我脑海中完成。 当你第一次设计角色时,可以在完成剪影后,就尝试将他拆分。 实际上在以后的步骤中,拆分是必不可少的一步,因为拆分部件可以方便制作动画,且减少很多重画的工作量。提示: 也许你会问手臂在哪? 恩,这是我个人的工作习惯,对躯干和腿满意后才会添加手臂,我认为这样可以帮助我创造更好看的人体比例。 光源设置在顶部,因为RPG游戏大部分都是顶透视。…

Continue Reading... RPG像素画游戏角色设计详细流程
Posted in 新手入门

提高像素画工作效率的5种方法

原文:Joson Perry我曾开发过好几款手机游戏,一个人负责所有的美术资源,在开发项目的过程中积累了很多经验。现在我要将这些方法告诉大家,帮助你节约时间,最大限度的提高工作效率。 eboy作品1、了解你使用的工具一件称手的工具可以极大的提高工作效率。市场上有非常多可以画像素画的软件,我个人主要使用Photoshop CS6(简称PS)。 为什么用PS?因为我最了解的是PS。 所以选择你用起来最称手的软件画像素画!如果你是新人,那么请尽量把每一款能找到的像素画软件都玩一下。 然后查看软件的帮助文档,上在线社区看别人总结的软件操作指南,观看在线教学视频,了解每一个版本新增的功能。PS适合我,但不一定适合你。 最好的办法就是实际用软件画一个角色,然后制作一个角色动画,再导出png序列帧或者gif动画。如果整个流程使用起来非常流畅,那么这款软件就是合格的。 然后再在合格的软件里选择一款你最喜欢的。2、可以重复使用的素材请务必保存你工作时候的每一个图层,也许以后的项目中可以继续使用。 最常见的就是素体重复使用了。使用素体制作一套基本动作,然后角色都套用基本动作。…

Continue Reading... 提高像素画工作效率的5种方法
Posted in animation

像素动画技巧2-立体旋转动画

原作者:シガタケ(SHIGATAKE)翻译:pixel32 接上期平面旋转动画,今天讲解立体动画的制作方法。首先将正方形如上图放置,然后隔行擦除,然后接起来就变成45度的正方形了。 这样做是为了更好说明平面和立体之间的关系,为之后复杂的立体动画打好基础。利用像素规则,画矩形还是很简单的。 使用同样的方法,将其他3帧(2,3,4)也画出来,4帧动画就做好了。 然后就好办了。 复制一份移动到下面,加上垂直线,再添上颜色。完美的立方体动画做好了! 就这么简单有木有?! 使用同样的方法可以做出旋转的星星。 想一想还可以玩出什么花样……错位。 三角体。…

Continue Reading... 像素动画技巧2-立体旋转动画
Posted in animation

像素动画技巧3-物体摆动动画

原作者:シガタケ(SHIGATAKE)翻译:pixel32 为了便于理解,我将圆形画成3种大小不一的珠子。 模拟时钟的摆动动画。 首先以顶点的圆心画出蓝色辅助线,这是每一个珠子的运动轨迹。红色直线内区域是珠子摆动的范围。 这样简单移动珠子就可以变成3帧了。圆或球体在移动时本身外形是没有变化的。 用1-2-3-2 的顺序就得到了下面的摆动动画。看起来不太流畅吧。 很多初学者到这一步就算完成了。请继续跟着我往下做更好的效果。 使用前一篇的方法,取到中点,然后增加过渡帧。这样就有5帧了。 按照1-2-3-4-5-4-3-2的顺序,就得到了下面的动画。看起来不错,但是有点假。…

Continue Reading... 像素动画技巧3-物体摆动动画
Posted in animation

动画技巧4-人物动画

原作者:シガタケ(SHIGATAKE)翻译:pixel32本篇是动画技巧系列最后一篇啦。 首先画出草稿,然后转画成像素稿。 第二步就是拆块了。将需要制作动画的部件单独拆分出来。 如果之前画的时候,你分层了,那么恭喜你,这一步就省事了!在这里将妹子拆成头部,身体,腿。 不要看到复杂的动画就害怕,其实呢复杂的动画都是由简单的动画组合而成的!化繁为简,这是任何一个画家必须具备的能力。 身体需要制作手臂动画。我将手臂摆动的幅度用红蓝小方块标记出来了。 就是这么简单哈。熟练的小伙伴这一步可以在脑袋里完成。 然后画出手臂动画就好了!还记得上一篇画摆动动画的方法吗? 然后呢再来画腿的动画。我将腿运动的曲线用红蓝小方块标记出来了。 迈腿收腿哈,就是这么简单!恩,这一次小人已经跑起来了。…

Continue Reading... 动画技巧4-人物动画
Posted in character

怎样画出可爱的天使妹子?像素画草图到完成稿范例

图片: パラ犬文字:pixel32首先需要画出草图。这种团子头最可爱了。 然后将草图缩小到64X64像素。然后新建图层,用1像素的画笔描出轮廓线。 用橡皮擦擦掉胖像素,把轮廓线精简到1像素宽。 修干净以后就好多啦。 接下来就是细修了!仔细观察像素线稿和草图,修改某些看起来不顺眼的地方。 比如翅膀的末端。 头部是非常重要的,需要重点照顾。 发现头部轮廓不够圆润。 首先填平,然后修改两端,尽量使头部圆润!…

Continue Reading... 怎样画出可爱的天使妹子?像素画草图到完成稿范例
Posted in character

像素画RPG游戏拿剑战士范例

图片: 春疾风文字:pixel32 软件:PS时间:线稿1小时;上色2小时首先搜集足够多的参考材料,然后在脑海中构思角色,最后开始动笔画草图。使用1像素铅笔(颜色设置为40%黑色),画出角色的大概姿势就,加上武器。 草图OK以后,用黑色1像素铅笔画出细致的线稿。 我习惯优先画眼睛,可以给脸填一个颜色。 画线稿的时候,随时将图片水平翻转,看看有什么别扭的地方。 完成线稿后,将草图隐藏掉。 接下去就要上色了。 用油漆桶填充固有色。 确定好光源(左上),先刻画皮肤。…

Continue Reading... 像素画RPG游戏拿剑战士范例