Posted in environment

横板游戏场景设计3大元素分析步骤

摘要:介绍了横板游戏场景设计的3大元素分析步骤。pixel32 原创  | 教你画像素画 出品场景设计的一般步骤是明确需求,收集资料,画草图,高保真假图,然后切图导出TileSet。 只有真正开发项目的时候,才会投入时间和精力做场景设计。那么不做项目是不是就无法学场景设计呢? 当然不是。收集市场上已有的游戏产品,然后分析场景设计,同样可以学到很多东西。 场景设计分析:底层元素作为横板游戏鼻祖的马里奥是游戏开发者绝对不能错过的经典。Doom启示录里面,编程大牛约翰卡马克编的第一个游戏就是复刻版马里奥。 类似马里奥这样的横板过关游戏也是很多编程引擎或游戏编程必备的案例学习项目。那么怎样分析场景设计呢? 下面这个原则适用于所有类型的游戏,首先分析底层元素。众所周知,游戏世界是一个虚拟的时空,游戏角色需要一个舞台,舞台的基础就是底层元素。 大地,草原,沙漠,海洋,天空等等都属于底层元素。底层元素可以由最少1个Tile组成。…

Continue Reading... 横板游戏场景设计3大元素分析步骤
Posted in environment

像素画初级教程-室内场景的画法

摘要:以实际案例讲解室内场景的画法。pixel32 原创  | 教你画像素画 出品室内场景室内场景可以简单的理解为给天空加一个盖子,再把天空替换为墙壁,室外场景就可以变成室内场景。 或者像马里奥这样干脆用砖块Tile围起来也可以。墙壁画法画室内场景,墙壁是必须的,简单的墙壁可以用纯色来画。 步骤如下:首先填充一块区域。然后画出地面,用矩形画框然后填充颜色。 这个示范的场景是横板Top-Down视图,为了表现房间的立体感,多加一个暗面。这是最简单的处理,复杂的可以加上纹理和做旧效果。 窗户和门窗户和门都可以从矩形开始画。矩形套矩形,画出窗框。 再套矩形,画出蓝天。画出窗格,加上投影。 门用一样的方法来画。其他装饰物使用相同的方法来画其他房间装饰物品。…

Continue Reading... 像素画初级教程-室内场景的画法
Posted in 透视与ISO

PixelLogic系列-ISO像素画透视介绍

摘要:介绍了俯视图的3种类型,详细介绍了ISO像素画透视。pixel32 编译  | 教你画像素画 出品俯视图俯视图是游戏广泛采用的视角,可以看到物体的3个面,立体感强。 可以细分为以下3种类型。 ISOISO意味着所有轴都相等,所有面都同样重要。 ISO像素艺术的网格是30°角的菱形。但是,像素艺术中不能有精确的30°线条,所以只都使用2个像素的阶梯。 这是与30°线最接近。用这个“2像素阶梯”的方法构建世界就容易多了。 需要说明以下,ISO像素画并不是eboy独占的风格,任何人都可以使用ISO风格来完成自己都作品。只不过eboy太有名了,很多人看到ISO风格就当成是eboy的风格,这非常可笑。 ISO的独特之处在于网格是菱形的,很难用方块来对齐它们。…

Continue Reading... PixelLogic系列-ISO像素画透视介绍
Posted in 透视与ISO

PixelLogic系列-ISO像素画绘画方法

摘要:比较详细的讲解了ISO像素画绘画方法ISO像素画绘画方法可以通过2种方法来画ISO像素画,一种是直接观察,然后将对象简化为几何形;另一种是立方体来构建对象。通过立方体,你可以画出任何其他形体。 一个圆筒可以变成一个树桩或一个桶。金字塔可以变成屋顶或帐篷。 一个锥体可以变成一棵树或一座塔。一个球体可以变成一个蘑菇或一个碗。 水平面ISO圆形的画法垂直面ISO圆形的画法锥体/金字塔的画法将角色从平面图转换为ISO透视首先准备平面的角色,可以画出水平参考线。然后将参考线改为30度斜线。 将角色也同样倾斜。调整并修改角色,增加角色的厚度。 填补空白,并修复不舒服的地方。完成。 注意不要将角色以反方向倾斜。ISO像素画的形状都是通过正方形的变换来获得的,具体关系看上图。

Continue Reading... PixelLogic系列-ISO像素画绘画方法
Posted in 透视与ISO

PixelLogic系列-像素画游戏45度透视类型

摘要:简要介绍像素画游戏45度透视类型以及范例。地形ISO像素画场景可以有不同的地形,比如平台,塔,或者起伏的地形。 平坦的地形容易绘制和编程,只有少数的2D游戏会有斜坡。 在最终幻想2游戏中斜坡会出现在4个方向,因为游戏只有4方向。 45度对角线这是比较少见的透视。这种场景有很高的建筑物,与ISO很相似,只是角度变成了45度。 这种透视有时候会被认为是倾斜的,旋转它的会特别明显。值得注意的一款游戏是超任上的模拟城市。 正面45度透视正面是水平的,侧面是45度透视。

Continue Reading... PixelLogic系列-像素画游戏45度透视类型
Posted in 透视与ISO

PixelLogic系列-游戏开发中的真实透视

摘要:详细的介绍了透视在实际游戏项目开发中的应用情况。真实的视角像素画个人插画通常遵循常规透视和绘画规则。 左边没有消失点,右边有消失点,真实的透视。 从上下角度看的物体也将遵循正常的透视规则,并且其形状向着一个消失点倾斜。 不管从哪个角度看,线条都会倾斜。具有像素纹理的3D游戏可以被看作是传统的自上而下的透视。 下面的例子来自神奇宝贝黑/白(NDS)。左边是3D版本,右边是2D版本。 真实的透视并不是3D游戏的专利,在2D游戏中也可以仿冒。 2D游戏可以有一个消失点,但是它需要控制的精灵尺寸越来越小。 手动操作通常需要花费太多的时间和精力,所以新游戏使用引擎自动调整精灵的大小。 下面是一些手动或自动控制精灵大小的游戏例子。 为了进一步理解2D游戏是如何欺骗玩家的眼睛,下面是3D游戏模拟Top-down透视的例子。3D游戏塞尔达传说-A…

Continue Reading... PixelLogic系列-游戏开发中的真实透视
Posted in Aseprite 瓦片与图块

使用Aseprite快速制作场景Tile

摘要:使用Aseprite快速制作场景Tile什么是TileTile是搭建游戏场景的基础,一般都是可以无缝拼接的。无缝拼接的Tile可以节约关卡搭建时间,提高游戏性能。 Tile可以包括所有基于网格的游戏美术资源,比如地面,墙壁,门窗,宝箱等等。通常一个关卡对应一张场景Tile图片。 Tiled Mode(Tile 模式)Aseprite自带Tile模式,可以方便快速的制作可以无缝拼接的场景Tile。跟以前用Photoshop画相比,方便了很多,可以实时看到拼接效果,可以实时修改Tile并看到效果。 同时支持单一方向,比如X轴或Y轴的无缝拼接。制作步骤1、新建文件,尺寸为你需要的Tile大小,比如需要24×24的Tile,就新建尺寸为24×24像素的文件。 2、选择菜单View-Tiled Mode-Tiled in Both…

Continue Reading... 使用Aseprite快速制作场景Tile
Posted in Aseprite 瓦片与图块

使用Aseprite设计场景Tile教程

摘要:使用Aseprite设计场景Tile教程。地面基本Tile画完1个可以无缝拼接的地面基本Tile以后,可以很快铺满整个画面,效率很高但是太单调了。 需要多加一些细节,使游戏场景不单调。可以思考:1、现实中的场景会出现哪些东西? 草地上除了草还有什么?会露出泥土吗? 有石头吗?有没有植物? 有没有树?是在野外还是城镇? 有房子吗?有人生活的痕迹吗? 2、还直接多看同类型的游戏,场景里面有什幺元素?同样的思路画其他元素草地Tile是最基础的,地面和墙壁也是。 使用同样的思路来设计和画这些Tile。拼效果和原画假图这些单独的Tile都需要拼接在一起,需要考虑彼此相连的问题。 如果连接不自然,玩家就会看出破绽。在这里就没有办法像之前那样,使用TiledMode快速完成。 需要使用九宫格来画,使用Shift+S(对齐网格)和Shift+G(查看网格辅助线)来配合。只有在同时显示网格和预览窗口的情况下才能看出问题。…

Continue Reading... 使用Aseprite设计场景Tile教程
Posted in environment

像素画高级教程石头的画法

摘要:详细介绍像素画石头的画法。石头是游戏场景中常见的元素。 使用以下方法可以画出任何常见的石头。你也可以在此基础上衍生出专属于自己的画法,可以在形状,颜色,明暗等方面创新。 形状使用单色涂抹出石头的形状。要画的是有立体感的石头,所以画的时候需要以ISO像素画的样式来考虑。 画的时候可以打开预览窗口,随时查看效果。明暗和颜色为了方便,使用3个颜色来塑造石头。 先确定光源的位置,用绿色小箭头表示,比如右上方。画出亮部,被光源直射的区域;然后画出灰调,这是介于亮部和暗部之间的区域,比亮部暗,但比暗部亮。 石头一般都不起眼,所以颜色选择方面尽量选择纯度低的灰色系颜色。亮部的颜色偏冷,灰调和暗部的颜色则偏暖。 画的时候可以根据实际需要决定是否保留外轮廓线。填上暗部的颜色。 石头大致已经完成,这样略显单调,接下来就是增加一些有意思的小细节。在上色的时候,可以根据需要修改形状。 细节刻画首先增加一个暗部更深的颜色画裂缝,然后在亮部,用灰调和暗部的颜色画出裂缝。再增加一个小石头,其实很简单,还是使用代表黑白灰的3个颜色来画。 再增加一些裂缝,加一块小石头,完成。完。

Continue Reading... 像素画高级教程石头的画法
Posted in 透视与ISO

笨办法学像素画:ISO像素画风格

摘要:如何快速掌握ISO像素画风格?每一个画家都有自己的风格,同一个时期的画家会互相影响,风格相近的画家群体会被视为画派,比如古典派,印象派,立体派,野兽派等。 前面几课将像素画风格拆成形状,颜色,明暗,现在是时候把它们综合起来应用了。ISO像素画ISO像素画最早出现在1982年发行的世嘉街机游戏Zaxxon。 ISO像素画与机械制图中轴测图几乎没有区别。ISO像素画没有消失点,透视有规律,适合表现场景。 仙剑奇侠传95版场景。页游皮卡堂。 eboyISO风格ISO风格并不是eboy独占的,eboy也没有申请专利,任何人都可以画。但是如果人物的大小比例和eboy过于接近,会被吃瓜群众认为是抄袭。 所以在画ISO像素画时应该避免使用和eboy类似的人物和建筑物比例。页游皮卡堂也是ISO,但是角色和建筑物比例和eboy完全不同。 ISO是2.5D,需要表现物体的立体感,因此学习ISO像素画可以从材质立方体(球也可以)入手。通过实际分析eboy作品,归纳出eboy的材质立方体,然后后续所有的像素画都可以按照材质立方体来画。 ISO像素画线条风格是由形状,颜色,明暗组成的。eboy也不例外。 首先观察几何形体拐角的处理,是2个像素。按照阶梯规则和拐角2像素,画出方块。 ISO像素画颜色和明暗颜色比较复杂,eboy的颜色比较简单,一般使用3个颜色(分别代表明暗的黑白灰)塑造形体。使用吸管工具去吸颜色,然后观察颜色在取色窗口中的位置。…

Continue Reading... 笨办法学像素画:ISO像素画风格