Cocos2d-x制作跳棋第一步: 素材的准备

最近在学习Cocos2d-x相关教程并用Cocos2d-x做一个跳棋游戏。

首先做跳棋的第一步是素材的准备。

需要准备的素材有:

1·游戏背景图片

2·棋盘图片(棋盘加工)

3·棋盘背景图片

4·棋子的制作

5·按钮的制作

在制作素材的过程中我用到了PhotoShop技术来制作和加工图片。今天来跟大家分享怎么对棋盘加工及

棋子和按钮的制作。

一、棋盘的加工

这个是从网上下载下来的简单的跳棋棋盘图片这个是最后在游戏中的效果图

1、棋格的制作

打开PhotoShop点击左上角的新建，大小按照自己的意愿，我们先要将我们新建的图层解锁，双击右下角部分第一个图层然后点击确定，这样图层就解锁了，这下我们就可以对图层进行操作了。

a 长按工具中的橡皮工具选择魔术橡皮擦工具点击图片把背景颜色清除掉。

b 画圆，在图一最下部分两个框点击第一个框设置颜色，（同上长按）如图二选择椭

圆选框工具，按住Shift在图片中点击鼠标左键移动相应的距离松开，然后选择图三中油漆桶工

具再点击圆形区域就会为圆形区域着色。然后点击字母C双击圆形区域。效果如图四

c 增加效果如图一选择内阴影，设置如图二，效果如图三

d 将新建的图保存成png格式并插入到棋盘中。选中棋格移动到相应的位置，选中棋

格并按住Alt移动鼠标可以实现棋格的拷贝。

二、棋子的制作

效果图

a 新建图形、如何画圆形、如何着色同棋格的制作。

b 在配置内阴影时的配置如图

c 新建图层,在新建图层中画椭圆大小位置如图一,在寻找油漆桶工具的选项中选择渐

变工具操作如图二,再在图层中画椭圆大小如图三,用渐变工具操作如图四，效果如图五。

d 使用模糊工具,对上一步所有的边线进行模糊处理效果如图二

三、按钮的制作

效果图

a 按钮的轮廓同棋格的制作过程(由一个长方形和两个圆形叠加而成),内阴影配置如图

一,加入90度的投影效果,效果如图二.

b 选择矩形选框工具在按钮中上方画一个矩形并在矩形各两边叠加一个椭圆并配色如图一

,选择椭圆选框工具画椭圆并用渐变工具渐变效果如图二。

c 选择模糊工具对边线进行模糊处理，效果如图。

Cocos2d-x制作跳棋第一步: 素材的准备相关推荐

（译）如何使用cocos2d来制作一个打地鼠的游戏：第一部分
免责申明(必读!):本博客提供的所有教程的翻译原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作 ...
14. 如何使用cocos2d来制作一个打地鼠的游戏：第一部分
免责申明(必读!):本博客提供的所有教程的翻译原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作 ...
html动态网页效果代码_教你制作网页的第一步
Internet中有许多漂亮.美观的网页,要制作出这样的网页,必须先了解什么是网页,网页的基本组成是怎样的. 网页又称为Web页,一般都包含图像.文字和超链接等元素.按表现形式的不同,网页可分为静态网 ...
零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸)
原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要 ...
制作杂志级图表的第一步：突破Excel的默认颜色
由于工作的关系,我一直对<商业周刊>等专业财经杂志上的图表有着浓厚的兴趣,我称之为"杂志级商业图表".看着那些制作精良.令人赏心悦目而又极具专业精神的图表,心里就琢磨如 ...
Python开发第一步：如何制作一个简单的桌面应用
Python开发第一步:如何制作一个简单的桌面应用前言大家好,我是baifagg, 一个热爱Python的编程爱好者. 今天我们来学习一下, 如何用Python制作一个简单的桌面应用程序. 虽然桌 ...
Cocos2d-x制作跳棋第四步:胜负判断、AI具体实现及实现特殊组合动作的小技巧
上周讲了Cocos2d-x 制作跳棋中棋子各种动作的实现以及跳棋AI思想的分享,这次跟大家分享跳棋胜负判断和AI具体代码实现. 一. 胜 ...
Cocos2d-x制作跳棋结束总结
花了近一个月将跳棋制作完成了,由一个月前刚刚接触Cocos2d-x这款游戏引擎到现在跳棋制作的完成,我深刻感受到Cocos2d-x对于2d游戏的制作是多么的方便,接下来跟大家分享一下这一个月来我对Co ...
（译）如何使用cocos2d来制作简单的iphone游戏：更猛的怪物和更多的关卡。（第三部分。完！）...
免责申明(必读!):本博客提供的所有教程的翻译原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作 ...

Cocos2d-x制作跳棋第一步: 素材的准备

Cocos2d-x制作跳棋第一步: 素材的准备相关推荐

最新文章

热门文章