Recent Posts

Posted in 特效动画

像素画高级教程:火焰动画指南

作者:Nauris Amatnieks教你画像素画编译出品摘要:火焰动画制作方法。以实际例子讲解火焰动画的规律,掌握这种规律可以自由的画出火焰动画。 运动轨迹任何运动都有轨迹,用简单的形状画出火焰的运动轨迹。动画初稿火焰就像一个球从底部上升,然后缩小消失。 修改形状修改球的形状,使它看起来更像火焰。注意火焰在上升到顶部时会散开。 小型火焰现在需要画(用不同的颜色)一些小型的火焰,运动轨迹和规律都和大的一样。叠加上色用较亮的颜色画出中心温度较高的火焰,注意颜色对比不要太强烈。 火焰球越大的区域,颜色越亮;越小的区域,颜色越暗。可以添加高光增强明暗对比。 细节最后添加一些火星作为小细节,丰富整个动画。完。

Continue Reading... 像素画高级教程:火焰动画指南
Posted in 透视与ISO

像素画高级教程:ISO像素画视图指南

作者:Slynyrd教你画像素画编译出品摘要:通过简单的抽象表现令人信服的透视是像素画的最大魅力之一。如果分析像素游戏,会发现它们不一定遵循现实世界的透视规则,但它们仍然有一种可信的深度感立体感,这要归因于像素画视图。 ISO像素画视图ISO轴测视图使用倾斜的俯视图,类似于1/2顶视图,但它将建筑物旋转45度。这种独特的3D透视图通过同时显示屋顶和多个墙壁来显示大量信息。 在真正的轴测视图中,倾斜的角度相等,如果是立方体则为120度。在像素领域中,使用2:1像素比的线条来实现。 可以使用其他斜度的线条,但2像素的线条是ISO像素画最常用的线条。基本上,ISO像素画可以使用这种线的网格来制作。 核心规则自80年代早期以来,ISO像素画在电子游戏中被大量使用,作为展示令人信服的3D效果的方法。现在,它是复古美学的标志性风格,并且仍然拥有大量的粉丝。 ISO像素画确实看起来不错。优点创建令人信服的3D画面,可以平铺。 在游戏中使用时,使游戏玩法具备更多维度的可能性。缺点绘制要求比侧视图和顶视图更高。 下面是ISO基本造型单位立方体的绘画示范,从左到右从上到下依次:1、纯颜色和线稿版本的立方体示范;2、添加轮廓线示范;3、其他斜度的立方体示范;4、ISO网格建筑物房子示范。1、用2像素的线条画出墙壁;2、补画完整缺少的墙壁;3、画出屋顶,加上明暗;4、画出门窗和烟囱;5、添加细节明暗,高光,砖块纹理;6、加上投影和冒烟动画。 绘画步骤和技巧定义规则尽早建立一些原则,例如,调色板,光源,比例等样式属性应始终保持一致。这适用于任何类型的像素艺术。 复制和粘贴使用复制和粘贴可以提高绘画效率。在网格上工作使用ISO网格可以快速放置正确角度的线条。…

Continue Reading... 像素画高级教程:ISO像素画视图指南
Posted in 新手入门

像素画初级教程:回归像素画基础

作者:Slynyrd教你画像素画编译出品摘要:帮助像素画初学者快速入门,提高专业水平。我们都要从某个地方开始。 在合适的条件下,你会惊讶于自己的成长速度。什么是像素艺术? 在开始画像素画之前,最好知道它是什么。像素画是一种以低画质美学为特征的数字艺术。 在提及像素画时,大多数人可能会想到某种像素化图形。低分辨率和其他低规格参数确实是像素画的基本品质。 然而,最重要的决定因素是意图。以精确的方式仔细考虑像素的颜色和位置。 并不是说每一个像素都需要手动放置,但应该有意识地关注和控制画布上的每一个像素。即使是大尺寸高分辨率的图像也可以是像素画,如果它是在单个像素级别上进行精确控制的话。 如果尺寸和分辨率太高,观众是无法注意到单个像素的,因此像素画应该是有限制的。上面的树显然是像素画。 为什么?首先你可以清楚地看到像素,重要的是它们是以刻意的方式排列的。 相似的叶子不断重复,顺序和批次使得所有像素都具有目的性。现在来看看上面这幅画。 虽然它在技术上由像素组成,但它不是像素画,因为我在画的时候不关心像素。我只关注光线,形状,颜色,但分辨率太高,无法看到像素。…

Continue Reading... 像素画初级教程:回归像素画基础
Posted in 色彩与明暗

像素画高级教程:光明与黑暗

作者:Slynyrd教你画像素画编译出品摘要:与其他形式的插画一样,良好的光感是营造深度和氛围的关键。如果处理明暗不当,像素画就会显得平坦。 在尺寸极小的情况下工作,找到正确的明暗可能是一个棘手的问题。但是,也在抽象方面提供了更大的灵活性,想要表现细微的细节仍然需要练习才能掌握。 光是什么?光使我们可以看到世界,并影响我们可以看到的颜色。 颜色是物体反射光的结果。像素画用颜色和不同大小的像素块表现明暗,高光和中间色调。 光源画画之前都应该设置一个光源。光源决定明暗的流动,提示你高光在哪,以及指导你如何选择颜色。 所画对象的明暗以及环境都会帮助你确定光源的位置。现实世界通常有多个不同强度的光源,最常见和自然的光源是太阳。 因为太阳通常在我们头顶,大多数人造光也在头顶。我最常使用的光源位置是右上方。 这会产生动态的高光和阴影,同时保持平衡和自然。这是一种简单的光源设置方法。 情绪你希望观众在看到作品时感受到什么?快乐? 轻松?忧郁?…

Continue Reading... 像素画高级教程:光明与黑暗
Posted in 新手入门

像素画高级教程:像素画风格

作者:Slynyrd教你画像素画编译出品摘要:像素画多年来形成了多样化的风格,并且今天继续发展新的艺术形式。发展自己的个人风格对于寻找商业成功有很大的帮助。 消费者和潜在的客户会被专业化的风格所吸引。此外,你需要一个个人风格和品牌才能引起注意。 为了正确地形成一种风格,你必须首先探索和发展像素画技能。请允许我分享关于我自己成长的过程。 风格就是各种美学的混合物我的学习经历在我致力于像素画之前,我的作品集包括标志,绘画,摄影和各种数字媒体。作品的探索性受到其他创意人员的欢迎,但我很难找到工作并出售我的作品。 我认为多样性证明了自己的才华,但实际上却让我退缩了。我需要找到我自己的东西。 值得庆幸的是,我发现了自己对像素画的热情,很明显我应该集中精力去画像素画。我刚开始在像素画领域冒险。 像其他人一样,我没有自己的风格。2015年3月我第一次开始画像素画。 最初我将作品的尺寸限制在32*32像素,尺寸太小了,迫使我不得不关注像素块,我犯过初学者犯过的所有错误。我开始研究Neo Geo游戏风格,以Ryu为模板,我发现简单的像素块和有限的颜色就可以塑造出栩栩如生的角色。 2015年4月作品你可以看到我是如何探索许多不同的技术,没有固定的风格,我努力在明暗,色彩和像素块上做我想要的。2015年6月,一种风格开始出现了。…

Continue Reading... 像素画高级教程:像素画风格
Posted in animation

笨办法学像素画:像素画游戏动画解决方案

摘要:像素画游戏动画解决方案游戏中的绝大多数东西都是可动和可交互的,这些东西实际上都是小动画(为了方便理解,可以将小动画想像成可以无限循环的gif动画)。一个游戏中动画工作量最大的一般都是主角。 洛克人4帧奔跑像素画游戏动画解决方案一:序列帧早期的电脑游戏动画资源大多为序列帧,这是由早期计算机性能受限,游戏的分辨率很低且颜色数受限制,作为游戏美术资源的像素画同样尺寸小,颜色少。因此当时不管是电脑游戏还是家用机游戏,游戏动画都采用序列帧的形式。 冒险岛4主角动画序列帧随着计算机性能的不断提升,游戏的画面分辨率不断提升,市场主流游戏开始使用高清位图代替像素画。位图序列帧会导致图片资源巨大无敌,占用内存过高等问题,最主要的是序列帧修改麻烦,无法处理复杂的动画,开发成本高。 仙剑奇侠传98柔情版,dos游戏。大尺寸的像素画电脑游戏。 传奇怪物序列帧像素画游戏动画解决方案二:动画编辑器简单的游戏无法获得玩家的青睐,游戏开发商开始制作和开发复杂的游戏,自研引擎和编辑器开始增加,但是自研的成本不是小厂商可以承受的。因此大多数游戏开发商都会使用成熟的免费引擎和编辑器。 目前市场上最流行的编辑器是Spine。可以说如果你想成为游戏美术开发游戏,就必须学会使用Spine。 Spine可以处理位图动画也可以处理像素图动画。动画编辑器的原理将原本的序列帧相通的部分都拆出来,相同的部分可以重复使用,可以大大减少图片的容量和大小。 比如下面Spine自带的范例,将小男孩的每一个部分都拆出来,就可以拼搭出各种动画。类似这样侧面的角色,做出站立,行走,奔跑,攻击,挨打,死亡等游戏常用的动作完全没问题。 将帧拆碎之后,怎样将分散的块重组成角色?已经有PS的Spine插件,支持一键导出,美术只需要在PS中分层画好角色即可。 这样Spine打开导出的文件之后就和在PS中看到的一样,美术只要继续做动画即可。Spine的初级使用和Flash类似,是基于元件的补间动画。…

Continue Reading... 笨办法学像素画:像素画游戏动画解决方案
Posted in 新手入门

初级教程:如何开始制作像素画?

作者:Pedro Medeiros教你画像素画编译出品摘要:这是一篇关于如何开始制作像素画的小文章,适合那些想开始或从未画过像素画的人。现在我将介绍像素画基础知识,如何创建文件,设置画布大小以及使用颜色。 前言在画像素画之前,请记住:像素画只是一种艺术媒介,类似油画,铅笔,雕塑或马赛克艺术。要制作出色的像素画,要能够制作出精美的画面。 一般来说,这意味着需要研究解剖学,透视,明暗,色彩理论甚至艺术史,因为这些对于制作优秀的像素画都是必不可少的。工具不需要任何花哨的东西来制作像素画,即使只用一个鼠标和免费软件也可以做得很好。 我的装备包括一个Wacom数位板,一个鼠标,一个键盘,我最喜欢的软件是Aseprite,但你应该使用你觉得最舒服的软件。常用像素画软件列表:Aseprite(付费):伟大的专业编辑器,具有许多功能GraphicsGale(免费):经典,用于游戏开发。 有点复杂,但有很多很棒的功能。Piskel(免费):在线像素画编辑器。 Photoshop(付费):功能强大的图像编辑器,可以设置以后用来画像素画。AsepriteAseprite是我最喜欢的像素画软件。 它功能强大,功能丰富,使用简单。我选择Aseprite作为本教程的软件,但我非常确定你可以将教程用于任何其他软件。 你也可以获得Aseprite的免费试用版,但请记住它不会保存文件,我想如果只是练习的话就够用了。新文件只需单击主屏幕中的“ 新建文件……

Continue Reading... 初级教程:如何开始制作像素画?
Posted in 道具、图标与UI

苹果电脑中的像素画图标设计

作者:Ollie Campbell教你画像素画编译出品。摘要:设计师Susan Kare设计的早期苹果电脑(下略为Mac)图标和字体是革命性的。 优秀的设计赋予一台没有生命的计算机温暖和个性,直到今天仍然存在于Mac中。2018年3月20日,Susan Kare获得了AIGA奖章,将她与Paul Rand,Charle&Ray Eames,Milton Glaser和Saul Steinberg等设计大师联系在一起。 设计包含的内容太多会失去意义;包含的内容太少观众会难以理解。Susan最具代表性的设计(其中许多现在悬挂在现代艺术博物馆中)找到了这两个极端之间的完美平衡。…

Continue Reading... 苹果电脑中的像素画图标设计
Posted in character

像素画初级教程:卡通角色的像素画画法

摘要:卡通角色是最适合像素入门绘画主题。很多卡通角色也是家喻户晓的虚拟明星,选择这个主题对于作品的传播也非常有帮助。 范例0基础的新人,不需要自己去创作作品,只要能够把照片,图片转画成像素画即可。类似小猪佩琦这样线条简单的卡通角色最适合新人入门。 小猪佩琦的走红,也说明简单有个性的角色,加上生动的故事也可以获得很好的市场收益。图片来源:网络搜索其他电影,游戏类的写实角色,也会有相应的Q版,如果你是这些角色的粉丝,就可以试试拿来练手。 图片来源:网络搜索某些游戏比如马里奥系列,会随着游戏主机性能的提升,不断提升角色的分辨率。对于新手来说,将3D马里奥转画成像素画,也是不错的练习。 图片来源:网络搜索从最小尺寸1616像素画开始画像素画的尺寸越大,画完需要的时间越多。从最小的1616像素开始画,可以循序渐进的掌握像素画的规律和画法。 太小的尺寸也逼迫你必须使用形状和颜色来思考对象,而不是画画惯用的线条和轮廓。如果1616不够用,则可以按照2424;3232;4848;64*64..依照倍数来放大画布。 在正式画之前,可以用Aseprite的选区工具选中要画的部分,然后缩小到1616像素,结果如下。很明显1616太小,装不下佩琦和自行车。 扩大到24*24,感觉差不多了。用形状来思考对象传统的绘画是用线条来塑造形体的,但是像素画是以不同颜色的单个或多个像素集合到一起产生的形状来塑造形体。 因此画像素画必须用形状来思考对象。简单的说你可以把佩琦的头部想像成椭圆形,身体是梯形,四肢是竖线,自行车轮胎是圆形,车筐是矩形。 有了之前的缩小版,画出大致的形状应该不难。画的时候需要随时比对大图。…

Continue Reading... 像素画初级教程:卡通角色的像素画画法
Posted in animation

笨办法学像素画:角色侧面行走/跑步动画指南

教你画像素画原创教程摘要:角色侧面行走/跑步动画可以作为动画新手的第一个练习。行走和跑步动画可以作为一切动画的一个模型,它比小球动画更适合入门,而且完成以后会很有成就感。 找到合适的素材直接模仿从马里奥时代的4帧行走开始学习。看效果挺不错的,身体和脑袋有上下起伏,手臂和腿也有前后摆动。 将动画分解之后,可以用Photoshop或aseprite打开,就可以看到所有帧,有1帧重复了2次,所以一共是3帧,见下图。这样的3帧图像,可以作为4帧行走的一个模版,角色的高低,以及四肢的摆放,依此为模版可以套用到其他角色上,比如下面这个乌龟小怪。 每一帧的姿势都和马里奥保持相似,就可以获得类似的行走动画。使用这种直接模仿的方法,不需要了解动画规律,也不要额外的学习知识,只需要有合适的动画参考,照猫画虎就可以做出八九不离十的动画效果。 动画参考也可以不局限于像素画序列帧。其他游戏的动画序列帧,动画片或视频里的片段均可作为参考素材。 了解行走动画的原理另一种较为复杂,但是一劳永逸的方法是学会行走动画的原理,这样不论什么角色,只要是人形生物都可以适用。下面是人类行走和跑步的动画规律分解帧。 行走规律:单腿站立时位置最高,双腿着地时位置最低。手臂和双腿循环交替摆动。 跑步规律:双腿离地时位置最高,双腿着地时位置最低。手臂和双腿循环交替摆动。 了解规律之后,就可以很方便的做出行走 /…

Continue Reading... 笨办法学像素画:角色侧面行走/跑步动画指南