Recent Posts

Posted in animation

初级教程-简单像素小人待机动画

游戏的角色都是以上面这种循环小动画的形式出现的。无论是角色的待机,行走,跳跃,还是攻击,受伤,死亡等等,都是循环小动画。 设计角色做动画之前需要有原型,按照像素画绘画步骤画出原型,一般情况下都是站立姿势。1、查找参考资料:画的是自己特别熟悉的形象,就不需要找参考资料了。 2、画出大致的线稿:2头身比例。 制作动画原型画好之后就可以制作动画了。 这是一个简单的待机动画,一共有4帧,其中有2帧重复使用,还有2帧只有略微变化,实际上只有2帧。 第1帧、首先将原型还原到站立姿势。 第2帧、然后将膝盖以上的身体向下移动1像素,将左右腿分别向两边移动1像素,将手臂上举。移动眼睛和嘴巴往左边一点,嘴巴画大一些好像张嘴说话一样。 到这里这个简单待机动画的2帧关键帧已经完成了。 第3帧,将第1帧复制过来。 第4帧,将第2帧复制过来,然后水平翻转眼睛和嘴巴即可。导出和保存动画…

Continue Reading... 初级教程-简单像素小人待机动画
Posted in 抗锯齿AA

pixel-logic像素画教程:什么情况下需要使用AA

pixel32 编译  | 教你画像素画 出品前一篇: 手工抗锯齿技术什么情况下需要使用AA下面我会教你一些技巧,帮助你理解哪里需要添加AA。1、平滑曲线下面是一些平滑曲线的例子,多出现在一些大尺寸的角色中。 像素的阶梯越长,需要的AA也越长。 虽然位图不是像素画,但是它们在技术上也是由屏幕上的像素组成。 其技术术语是光栅图形或简单的英文:“像素网格上的图像”。让我们放大一个非常水平的曲线。 然后将其与对角线进行比较。 概要…

Continue Reading... pixel-logic像素画教程:什么情况下需要使用AA
Posted in animation Aseprite

Aseprite入门教程-动画编辑帧和图层

摘要:以小球动画为例讲解时间轴窗口图层和帧的使用。新建图层,复制图层,删除图层,合并图层;新建帧,复制帧,移动帧,帧tag;洋葱皮视图。 pixel32 原创  | 教你画像素画 出品图层Aseprite的图层与photoshop相似,只有细微差别。常用的命令,新建,复制,删除,合并,向下合并都在菜单Layer下面。 Aseprite支持设置图层叠加模式和透明度,在Properties属性菜单里设置,快捷键是Shift+P。初学者不追求速度,只要记住在什么菜单可以执行什么命令就可以了。 操作的多了自然就记住了,菜单右边就是快捷键,比如New Layer新建图层的快捷键就是Shift+N。另外所有的快捷键都可以自定义,在Edit-KeyboardShortcuts修改。 帧Aseprite的帧和Flash非常相似,是以点来组织的,空白就是空白帧,实心点就是关键帧。因为是像素画,所有中间帧都要手动完成,哈哈哈。 动画动画就是由一张张画连续播放而成的视觉假象。…

Continue Reading... Aseprite入门教程-动画编辑帧和图层
Posted in Aseprite

Aseprite入门教程-图像裁切和导出

摘要:像素画画好以后,需要对图像进行一切修改和移动,这个时候就需要用到选区工具以及复制剪切和粘贴,还有图像到裁切,最后完成动画后需要导出。pixel32 原创  | 教你画像素画 出品图像复制粘贴和剪切使用选区工具,选中需要进行编辑的图像,然后按快捷键Ctrl+C是复制,Ctrl+V是粘贴,Ctrl+X是剪切。 注意Aseprite也有魔棒工具,用法和Photoshop一样。其实Aseprite很多工具都和Photoshop差不多。 图像裁切同样的图像裁切也是先用选区工具选中需要进行编辑的图像,然后执行菜单命令Sprite-Crop。 图像导出完成角色的动画后就需要导出啦。 导出之前需要清掉透明和空白区域。Aseprite提供的菜单命令Sprite-Trim,一键清理所有帧上的透明和空白区域。 太赞了有没有,我记得以前只有gameloft的欧若拉编辑器可以自动处理和编排SpriteSheet。 导出SpriteSheet,程序就可以调用啦。…

Continue Reading... Aseprite入门教程-图像裁切和导出
Posted in Aseprite 色彩与明暗

Aseprite入门教程-图像的旋转、翻转和替换颜色

pixel32 原创  | 教你画像素画 出品视频约5分59秒图像的旋转Edit-Rotate,软件默认的旋转命令有3个,分别是180度,顺时针90度和逆时针90度。 水平翻转Edit-Flip Horizontal,快捷键是Shift+H。 垂直翻转Edit-Flip Vertical,快捷键是Shift+V。 自由变换Edit-Transform,快捷键是Ctrl+T。 自由变换的快捷键和Photoshop的一样,如果你熟悉photoshop,会比较快上手Aseprite。…

Continue Reading... Aseprite入门教程-图像的旋转、翻转和替换颜色
Posted in Aseprite

Aseprite入门视频教程-设置图像和画布大小

pixel32原创 | 教你画像素画 出品视频(约5分12秒)视频内容概览 -设置图像大小 -设置画布大小 待续。

Continue Reading... Aseprite入门视频教程-设置图像和画布大小
Posted in animation

极简像素画横版角色跑步动画详解

pixel32 编译  | 教你画像素画 出品 洛克人的跑步只有4帧,但是效果拔群。为什么? 是因为精准的关键帧!伸出手臂,迈开双腿,扭动身体。 跟我一起来完成下面的角色跑步动画吧。 关键帧是动画开始的地方,必须有一个好的姿势。 先从腿开始画,这不仅是跑步动画中最难的一部分,还是影响到身体其他部分的关键。最重要的是脊柱,后面会解释这一点。 关键帧1:迈出腿。使用简单的线条画出腿的姿势,然后再画完整。…

Continue Reading... 极简像素画横版角色跑步动画详解
Posted in animation

高级教程-游戏美术模块化动画

pixel32 编译  | 教你画像素画 出品模块化动画模块化动画特别适合大尺寸的游戏角色或怪物,记住一定要分层来画。模块的意思就是将角色或怪物拆分成不同部分,比如头部,胸部,四肢,武器等等,然后通过位移或旋转的方式来制作游戏角色或怪物所需要的各种动作。 模块化动画步骤 首先画出草图; 然后分别画出角色或怪物的每一个部分,这些拆分出来的部分就是模块; 注意不要忘记漏掉被遮挡的部分; 利用缩放和旋转模块来制作动画; 有些模块仍然需要使用逐帧动画。技巧模块化动画也可以用在较小的角色或怪物中,虽然它不是很有用。…

Continue Reading... 高级教程-游戏美术模块化动画
Posted in character

高级教程-如何画出可爱的感觉

pixel32 编译  | 教你画像素画 出品整体比例头部和身体的比例是可爱很重要的指标之一。可爱的Q版角色比例一般为1-3头身(头身:头部长度和身高的比值),正常人类角色的比例为7头身。 面部比例婴儿是非常可爱的,可以说大部分Q版角色都会尽量像婴儿的面部比例接近。主要特点有:大额头,大眼窝,大耳朵,小嘴巴,头比较宽,更少的头发。 身体比例Q版角色通常很短,1-4头身,脑袋最大,使用圆润和柔软的形状,重心在下方,采用儿童的比例。 四肢三角形的四肢,越靠近身体的部分越大,小粗短的手指。 另外黑色眼睛搭配高光,会很可爱。 动画使Q版角色更有弹性,外形柔软,可以弯曲。 完。

Continue Reading... 高级教程-如何画出可爱的感觉
Posted in 独立游戏

画画苦手程序员如何开发独立游戏?

摘要:画画苦手程序员开发独立游戏美术Tips:使用少量颜色,几何形状,首选低分辨率像素画,不断迭代。pixel32 编译  | 教你画像素画 出品 决定开发自己的游戏,美术是非常重要的。 可以选择3种方式去完成: 1、雇一个美术,这个选项可能比较花钱,大多数独立开发者都比较缺钱。2、寻找免费的美术,在网上有很多免费的美术资源,但是比较难的是找到所需要的。 3、自己来画,这是最佳选项,但是如果不擅长画画怎么办?可以学习像素画,哈哈。 使用极少的颜色颜色是很难在短时间里学会的。如果想挑选颜色然后搭配的很好看,需要一点艺术家的感觉或者良好的色彩感觉,这些都不是每个人都有的。 但是可以使用非常少的颜色。下面是我设计的宇宙入侵者游戏,只有2个颜色。…

Continue Reading... 画画苦手程序员如何开发独立游戏?