目录

前言:

一、创建画布

二、中心块的制作

三、中上块的制作

四、中下块的制作

五、左中块的制作

六、右中块的制作

七、角块的制作

八、小块的制作

九、洞穴的制作

十、斜坡的制作

十一、更陡峭的斜坡制作

十二、导出素材


前言

本文章用于记录用Aseprite软件制作2D平台游戏的瓦片地图的方法。

一、创建画布

1.新建一个16x16的画布(用于绘制瓦片地图单元),其他选项保持默认设置,点击ok。

2.新建一个128x128的画布(用于存放整个瓦片地图),同上,点击ok。

3.打开16x16的画布,在view-》TiledMode选择TiledinBothAxes选项。

二、中心块的制作

1.在16x16画布中填充一个背景色,作为泥土的颜色。

2.在泥土上添加一些小石子作为装饰,此时会自动复制内容到其余8块上。

3.ctrl+a复制地图块,并粘贴到128x128大画布上。

 三、中上块的制作

1.设置TiledMode为Tiled in X Axis。

2.在上方绘制出草地。

3.添加高光和阴影,并随机打乱下面石子的位置。

4.复制该块到大画布上。

 四、中下块的制作

1.按下M选中中心地图块复制到16x16小画布中。

2.随机打乱石子位置。

3.复制回大画布中。

五、左中块的制作

1.按下M选中中心地图块复制到16x16小画布中。

2.设置TiledMode 为Y轴。

3.随机调整小石子的位置。

4.ctrl+a复制回大画布。

六、右中块的制作

1.按下M选中左中块并复制到右中部。

2.按下shift+H水平翻转右中块。

七、角块的制作

1.分别把中上和中下块复制到左右角落上。

2.打开gridsettings,设置宽高为8x8。

3.按下m键选中并复制,按键头将小格子中的内容复制目标位置。

4.边角圆滑处理,草地部分添加上高光部分。

  八、小块的制作

1.按下m键选中并复制,按对应区域中的内容复制目标位置,形成另外三种小块。

九、洞穴的制作

1.将上下左右四个中间块复制到右边一份。

2.将中心块复制到右边四个角落。

3.将右边两个小块复制到下方扩充草坪。

4.按下E键擦除两格距离,形成洞穴内壁。

十、斜坡的制作

1.ctrl+M选择中上和中心两块,复制4份到下方。

2.摆放成如图图案。

3.选中中心部分,左边偏离2像素距离,向下移动一个单位距离。

4.重复上一步操作形成斜坡。

5.调整草坪边缘重新绘制阴影。

6.按下E键删除下方泥土。

7.按下M键选中中心块,然后按下ctrl+B,在上方选择pattern aligned to source项,一次绘制一块区域。

8.按下W键魔棒工具,点击下方选中外面空白处,然后按下B键切换到绘制工具。

9.填充满下面空缺的泥土区域。

10.删除多余块,只保留斜坡区域。(左右斜坡的制作方法相同,改变方向即可)

十一、更陡峭的斜坡制作

1.按下M键选择中心和中上两块,复制三份到下方。

2.摆放成如图所示形状。

3.选择中间部分,左边偏离一个单位距离。

4.每次向下移动一个单位距离,重复操作形成斜坡。

5.剩余操作与上面斜坡的做法相同,最后只保留斜坡部分。(左右斜坡制作方法相同, 改变方向即可)

十二、导出素材

1.点击File-》Export选项,OutputFile选择为想要导出的文件位置,其余选项保持默认,完结撒花。

【Aseprite】制作Unity2D瓦片地图素材(平台游戏)相关推荐

  1. Unity2D瓦片地图tilemap出现瓦片间间隙问题解决

    项目场景: Unity瓦片地图还是挺好用的,不过存在瓦片间间隙的问题 问题描述: 就比如这张图里方块间的蓝色线条,看着很是烦人. 原因分析: 肯定是有unity设置抗锯齿的问题,还有其他问题,就不太清 ...

  2. 使用Unity Tilemap轻松制作2D瓦片地图-基础篇

    目录 Tilemap介绍 创建第一个Tilemap 创建Tilemap调色板(TilePalette) 创建瓦片(Tile) 绘制地图 Sprite图片参数设定 调色板功能介绍 1.吸管工具 2.画笔 ...

  3. 室内导航电子地图制作,室内地图可视化平台

    懒图科技基于多年的专业技术底蕴,为商场提供专业的电子地图应用服务,产品理念不仅为顾客提供喜闻乐见.便捷的地图应用形式,同时让地图作为窗口,有效展现.提升商场形象.通过先进的技术和细致的产品设计,从应用 ...

  4. Tiled 瓦片地图

    glory原创,首发于泰然,转载请注明出处 https://github.com/chukong/cocos-docs/blob/master/manual/framework/native/v3/t ...

  5. tiled素材_瓦片地图 Tiled Map

    瓦片地图(Tiled Map) 瓦片地图(Tile Map) 不但生成简单,并且可以灵活的用于Cocos2d-x引擎.不论你的游戏是角色扮演游戏, 平台动作游戏或仿打砖块游戏,这些游戏地图可以使用开源 ...

  6. unity超级马里奥2d游戏开发-03瓦片地图场景搭建

    大家好,我是小兵,今天给大家带来Untiy开发超级马里奥游戏的第3课,瓦片地图搭建,如果你想查看完整的教程,请访问我的个人博客geekape.net. 前两节课都没涉及具体的游戏制作,算是一个开胃菜, ...

  7. 12.Unity2D 横版 TileMap随机生成简易横版瓦片地图+随机生成环境(花草树石)精灵图+2d-extras+协程的应用

    量过大 总目录 本教程涉及协程,如果不懂协程请点击上方总目录6,7节课查看协程 为什么要用携程呢?因为协程可以使得整个函数在过程运行,而不用一帧中完成所有的函数,不然只得计算量过大,让机器卡住.  开 ...

  8. Unity制作2D动作平台游戏视频教程

    Metroidvania工具包:打造统一的2D行动平台 流派:电子学习| MP4 |视频:h264,1280×720 |音频:AAC,48.0 KHz 语言:英语+中英文字幕(根据原英文字幕机译更准确 ...

  9. 科技科幻风格的RPG像素游戏室内地图素材包

    文件不包含预览图,只包含地图元素素材 文件不包含预览图,只包含地图元素素材 文件不包含预览图,只包含地图元素素材 文件不包含预览图,只包含地图元素素材 文件不包含预览图,只包含地图元素素材 文件不包含 ...

最新文章

  1. android path 详解
  2. 那些 IT 界的神翻译,原来我学不好编程的原因就在这
  3. Java 异常处理 try catch finally throws throw 的使用和解读(一)
  4. UART通讯协议(四)数据接收帧间隔
  5. c语言如何实现单进程,如何用C语言实现多线程
  6. html5播放加速,Video Speed Controller Chrome(HTML5视频加速播放插件) v0.3.2 官方免费版...
  7. pr如何处理音效_pr怎么把视频声音去掉 去掉视频中的所有声音,视频消音操作...
  8. 基于ATtiny85制作MIDI数字音乐盒
  9. 电脑html5播放黑屏,电脑看视频黑屏,教您电脑看视频黑屏有声音怎么办
  10. 传统和互联网门禁系统的创新应用和价值探讨
  11. 02. Docker安装记录卸载
  12. 【NLP项目-文本分类】划分测试集,训练集,验证集
  13. 科创板IPO上市条件
  14. matlab fitctree 原理,电力窃漏电用户自动识别.PDF
  15. 牛客刷题笔记-数据库选择题(201-300)
  16. 算法优化专题A POJ-2352
  17. qduoj 生化危机ycb老师的电脑中毒了(邻接表)
  18. [golang]给slice赋值或者遍历slice得到的结果不是预期结果
  19. EasyExcel使用的正确姿势,工具类封装
  20. ismobile什么意思_Mobile是什么意思

热门文章

  1. 阅读速度慢怎么办?提高阅读速度的8个技巧
  2. c++中 .hpp和.h文件的区别
  3. Excel VBA 将当前活动工作表中的图片保存到以工作表名称命名的文件夹内
  4. PyQt5完美结合OpenCV
  5. vue关于element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
  6. 多模板DIY代付社区团购商城小程序开发
  7. 十面埋伏-------------------------------------思维(dfs)
  8. RPG Maker MV之如何创建NPC
  9. 工具箱html源码,工具箱,“HTML”选项卡
  10. 学习HTML5,最牛逼的10本书!