Posted in animation 瓦片与图块

像素画游戏场景动画Tile

作者:pixel32 | 教你画像素画原创教程摘要:像素画游戏场景动画Tile像素画游戏的动画一般都是角色动画,英文称为Sprite(精灵)。Tile(图块)主要用于拼制场景和关卡,使用Tile比使用整张图容量更省,在诺基亚智能手机时代不仅手机内存小,网络下载速度也很慢,游戏安装包越小意味着越多用户。 什么是场景动画Tile场景动画Tile就是将Tile制作成动画,当程序加载场景资源图片以后,通过代码可以控制特定的Tile顺序播放。为什么会有场景动画Tile这种动画实现方式会比调用Sprite速度更快更节省内存。 比如超级马里奥里面可以破坏的砖块(包含破坏后的砖块动画),能够获取道具的问号砖块(包含多种道具),在每一个场景和关卡中都有,做成场景动画Tile会比每次都调用多个Sprite更方便快捷。另外使用场景动画Tile还有一个好处在于拼制关卡的时候也比调用Sprite省事, 策划或者美术拼好关卡的时候,场景动画元素也已经在相应的位置,而不需要在拼关卡的时候再导入,再放位置。 比如超级马里奥游戏中可以连续撞击获取金币的砖块,还有可以吃的金币,以及各种蘑菇,可以吃的道具,都是场景动画Tile。砖块和金币分别由3个Tile组成。 连续播放的话就变成动画了。玩家就能知道这个Tile可以顶,并且可能会获得各种道具。 场景动画Tile还有一个好处在于开发和移植的灵活性。比如魂斗罗的原始版本,场景里面的树,天上的星星,水面都是有动画的,但是挪到主机上时会发现某些国家的主板限制更多,这样就可以依次砍掉场景动画,但是仍然有很好的视觉效果。 实际上美术在开发游戏的时候,也是以最佳效果来画,而到了拆Tile和制作动画这一步再考虑性能受限的问题。这样可以最大程度的提高游戏的美术质量。…

Continue Reading... 像素画游戏场景动画Tile
Posted in environment

Luke像素画教程:像素画楼梯画法教程

Luke像素画教程:像素画楼梯画法教程作者:Luke[1]题图:Adarias这是不同角度的像素画楼梯教程。通过简单的点和线,就画出了楼梯的感觉。 像素画在某些方面比传统绘画更倾向于暗示、简化和概括绘画主题。新手画完一个东西的时候,可以继续深入练习,直到能够画出不同角度(常见的有正面,侧面,3/4侧面,俯视等)的对象为止。 从点开始,连接成线,然后画出楼梯的台阶,删除不需要的线,加上地面和楼顶,这是侧面的楼梯。侧面的楼梯加上方框,复制粘贴,分开一些距离,加上楼梯台阶,这是3/4侧面的楼梯。 把侧面楼梯拉平,去掉侧面,改成上小下大,这是正面的楼梯。将正面的楼梯改成上大下小,这是俯视的楼梯。 将之前画好的楼梯合并,可以产生不一样的效果。使用开门/关门动画修改来的电梯。 参考资料[1]Luke: https://www.patreon.com/posts/tutorial-stairs-29330507完。

Continue Reading... Luke像素画教程:像素画楼梯画法教程
Posted in environment

像素画高级教程:怎样画流动的水

作者:Brullov | pixel32编译 教你画像素画出品摘要:像素画高级教程:怎样画流动的水水是透明的液体,可以通过水纹和投影来画水。使用同样的原理来画流动的水。 此方法适合画流动的溪水,也可以画瀑布。第一步:基本形状画出表现瀑布的台阶,用不同颜色来代表不同的高度,最亮的最高,最暗的是光线无法直射的区域。 第二步:画出岩石因为水是透明的,所要要画出岩石。因为岩石在水的后面,颜色会倾向于较深蓝色。 第三步:画出水波纹注意在面发生转折的时候,会有高光区域。画出水波纹。 第四步:画出水波纹渐变动画月牙形状的波纹从上到下慢慢变小然后消失。如果还是不知道怎么画,可以在生活中留意观察,或者参考视频或动画中的流水效果。 最终效果将画好的水纹动画叠加到岩石上。高光区域也可以做一点晃动的效果。 完。

Continue Reading... 像素画高级教程:怎样画流动的水
Posted in 透视与ISO

Slynyrd像素画教程:像素画3/4俯视投影画法指南

作者:slynyrd[1]编译 | 三二 (转载请注明出处)。在日本slynyrd是一位英语老师,大学专业是平面设计。 前言用简单的形状,画出令人信服的画面是像素画最大的魅力之一。如果你分析过8bit像素画游戏,会发现它们不一定遵循现实世界的透视规则,但仍然可以看到一种可信的立体感。 因为像素画使用图形投影画法。图形投影使用数学规则将3D对象投影到平面上。 我不会被数学困扰,我更依赖于眼球而不是数值精度。想象力的自由使用创造了一种独特的风格,主要区别在于一些不同的图形投影画法。 在本教程中,我将以房子为例子来介绍我最常用的两种图形投影画法。3/4侧视图有许多不同类型的图形投影方法,但在大多数情况下,它们不应该在同一场景中同时使用。 只要场景中的所有元素都遵循同样的投影方法,就可以获得最佳效果。3/4俯视图3/4俯视图3/4俯视图在3/4俯视投影中,就好像从45度上方观看房子。 从这个位置,可以看到屋顶和立面的3/4。房子的前部缩短了,但屋顶的角度不受影响,与前面所显示的相同。…

Continue Reading... Slynyrd像素画教程:像素画3/4俯视投影画法指南
Posted in environment

slynyrd像素画教程:岩石的画法

slynyrd像素画教程:岩石的画法作者:slynyrd[1]翻译:三二 (转载请注明出处)。作为一名艺术家,能够以多种形式描绘自然界的物体是很重要的。 像素画非常适合描绘岩石,像素画特有的马赛克效果在其他媒介的绘画中是很难见到的。岩石的类型岩石是一种坚硬的天然材料,这种硬质材料由许多不同的矿物质组成。 岩石具有各种各样的颜色和纹理,根据它们的形成方式,可以概括为3种主要的类型。了解岩石的形成方式以及具体示例可以帮助你更准确地设计游戏场景。 岩石范例像素画的局限性难以画出岩石的精细纹理细节。首先画出岩石的形状,然后将岩石分面,将不同明暗的颜色填充进去,添加明暗和投影,刻画细节,最后融入场景。 山脉你可以将山脉简化为巨大的岩石。山脉是这个地球上最雄伟的自然景观之一。 我建议多收集自然景观的 参考资料,熟悉岩石和山脉常见的形状和明暗。通过练习,你最终无需参考就可以画出山脉。 参考资料[1]pixelblog-13-rocks: https://www.slynyrd.com/blog/2019/1/22/pixelblog-13-rocks完。

Continue Reading... slynyrd像素画教程:岩石的画法
Posted in environment

像素画高级教程:怎样画水?

作者:Brullov | Pixel32编译,教你画像素画出品摘要:像素画高级教程:怎样画水?水的效果怎么画? 明白了画水的步骤和方法就不难,跟着我一步一步的来画吧。选择水的颜色首先需要选择水的颜色,最普通的就是蓝色,当然其他颜色也可以。 可以根据自己的需要,如果要画岩浆,则可以使用暗红色,在这里我选择偏绿的蓝色。画出水的纹路选择比底色稍亮的颜色,画出水的纹路。 像素画适合叠加颜色的方法来画,先画固有色,比如水的蓝色,然后叠加亮部和暗部的颜色。叠加的颜色越多,就会越深入,细节也越多。 画出水纹的投影用较暗的颜色画出水纹的投影,注意投影不要太琐碎。叠加颜色深入的同时,随时修改形状叠加更暗和更亮的颜色。 这里需要注意要有节制,不要所有地方都叠加,太平均就等于没有加。最后添加高光可以添加更多的装饰物,比如浸泡在水里的石头。 用同样的方法,使用不同的颜色和纹理,可以画出各种各样的水。完。

Continue Reading... 像素画高级教程:怎样画水?
Posted in 透视与ISO

笨办法学像素画:ISO像素画快速学习指南

“ 摘要:笨办法学像素画:ISO像素画快速学习指南”教你画像素画原创教程ISO像素画,英文全称是Isometric Pixel Art。我第一次画像素画,就是临摹eboy的像素画。 当时我发现为什么要临摹呢?直接复制粘贴,然后修改成我想要的样子不行吗? 还真不行。画自己的画才比较有意思。 那么怎么才能画出我自己的ISO像素画呢?ISO像素画原理—ISO像素画的原理很简单,就是遵循平行透视,ISO世界里面没有消失点。 简单的说就是轴测图的像素画版本。轴测图大多用于工业制图,建筑设计和室内装修。 下面这个图看起来不一样,是因为角度旋转了,摆正的话就很像ISO像素画。因此很多ISO像素画的教程会画一个立方体。 ISO像素画立方体可以看到3个面,分别对应明暗画法的黑(暗部),白(亮部),灰(过渡)。面与面交接的地方是棱线,可以在最亮的地方点上高光。 新手学会画立方体以后,就可以用同样的方法去画任何ISO世界的东西。光看不练是不行的哦。…

Continue Reading... 笨办法学像素画:ISO像素画快速学习指南
Posted in environment

像素画植物画法教程

尝试下旧文重发,看完盆景是不是也想动手自己画一画呢?有拼豆的朋友还可以做成实物! 下面是像素画家Slynyrd分享的像素画植物画法教程。题图:ptoing[2]除了艺术之外,野外生物学一直是我最喜欢的研究领域之一。 各种形式的植物非常多样化,我特别尊重植物的生命。这些美丽的生命对我们的生态系统至关重要。 植物很难用像素去仔细刻画,像素画画好植物的关键在于抽象。不要试图去画出植物逼真的细节,应该多多概括植物的形状,然后用明暗去暗示。 植物分类可以将植物简单的分为以下几类。1、苔藓植物;2、蕨类植物;3、裸子植物;4、被子植物。 叶子形状叶子有许多形状,它们大多数都是绿色的。以下是一般形状类别的参考。 树的画法树木有各种形状,我画了一种通用的落叶树,它具有漂亮的树冠,可以看到一些内部树枝。不需要仔细的画出每一片叶子,只需要画出代表性的叶子即可。 人的大脑会自动填补缺少的叶子。完

Continue Reading... 像素画植物画法教程
Posted in environment

Slynyrd像素画教程:自然景观宇宙星空教程

Slynyrd像素画教程:自然景观宇宙星空教程作者:Slynyrd[1]翻译:三二 (转载请注明出处)。当我凝视夜空中遥远的星光时,我的自我消失了,狂野的想象力引导我进入宇宙。 宇宙真是令人敬畏,是艺术灵感的源泉。星星在没有大气和周围灯光阻碍的情况下,像素画使无数星星和各种形状大小的发光星云变成了马赛克。 上面的图片是我使用的典型元素。我坚持使用单色的外观,但是你可以把它和更多颜色混合起来。 你也可以发挥创意,想出自己的星星形状和各种星云。星星和星体现在我们放大这些星星,想象遥远世界的陌生环境。 这是一个真正享受乐趣并创造出创意世界的机会。你可以想出各种奇异和不可能的世界。 《星球大战前传》是幻想世界的灵感源泉。请注意我是如何使用两种不同的方法来对球体进行着色。 月亮从最亮到最暗,行星从最暗到最亮。太空船在太空中,飞行原理与地球大气层的原理大不相同。 没有大气和重力,传统的空气动力学在太空中无效,这开辟了创造各种形状独特船只的可能性。我倾向于坚持更传统的有翼设计,会更有飞行的感觉。 我写教程不希望你们完全复制我的设计,而是将这种模块化方法应用到自己的作品中去。可以试试为机翼,尾翼,驾驶舱形状多设计不同的版本。…

Continue Reading... Slynyrd像素画教程:自然景观宇宙星空教程
Posted in 透视与ISO

Pedro Medeiros系列教程:ISO像素画基础

“ 摘要:Pedro Medeiros系列教程:ISO像素画基础”作者:Pedro Medeiros教你画像素画编译出品这是ISO像素画教程的第一部分。ISO像素画网格—ISO像素画网格是由2像素线组成的。 在水平方向每隔2像素就需要在垂直方向上升或下降1像素。由这种线条组成的正方体就是ISO像素画塑造形体的基本单位。 ISO像素画塑造形体的方法—先画出长方体,然后切割出想要的形体。形体准确以后,再画出材质和纹理。 将平面像素画转换为ISO像素画—先画好平面的像素画。然后每隔2像素向下移动1像素,直到把水平方向的像素都移动完毕。 画出长方体辅助线。画好形体以后添加材质和纹理。 另一种方法是这样,先画好平面像素画。然后旋转45度。 将高度缩小50%,缩小以后像素会混乱,需要重新修改。修改以后,画出厚度即可。 完。…

Continue Reading... Pedro Medeiros系列教程:ISO像素画基础