一种基于PhotoShop的颜色导出方法

摘要

本发明公开了一种基于PhotoShop的颜色导出方法，包括如下步骤：S1、在PhotoShop中创建一个psd文件作为颜色池，所述颜色池中含有文本内容和颜色值；S2、解析所述psd文件，形成所述文本内容与所述颜色值的映射关系池；S3、根据所述映射关系池导出代码。本发明通过制作一份专门用来设置颜色的psd文件，达到颜色统一的目的，避免产生颜色偏差；通过智能分析psd文件中的数据，并将数据转化为JavaScript代码，无需手动写入颜色值代码，大大提高了工作效率。

说明书

技术领域

本发明涉及计算机技术领域，特别涉及一种基于PhotoShop的颜色导出方法。

背景技术

在游戏制作过程中，通常包括如下环节：1、美术人员设计游戏界面生成成jpg格式的示意图；2、美术人员根据界面元素类型(比如背景图、标题栏、按钮等等)将示意图切割成多个png文件，若示意图上有文字，则在文字旁边标注颜色的16进制值；3、程序人员根据示意图和png文件，在CocosBuilder编辑器中搭建游戏界面，并根据标注的文字颜色值，手动写入到JavaScript代码文件中，这样才能在打开界面的时候将颜色值设置到相应的文本控件中。

游戏界面的制作通常会有多名美术人员同时负责，而每个美术人员对拾色器的操作有所不同，导致颜色无法统一，跟预期的颜色出现偏差；此外，程序人员手动写入颜色值代码，不仅效率低下，而且可能出现输入错误的情况。因此，现有的游戏界面设计在颜色设置方面存在颜色偏差和效率低下的问题。

发明内容

为解决上述问题，本发明提供了一种基于PhotoShop的颜色导出方法，以提高颜色设置的准确率和效率。

本发明采用以下技术方案：

一种基于PhotoShop的颜色导出方法，包括如下步骤：

S1、在PhotoShop中创建一个psd文件作为颜色池，所述颜色池中含有文本内容和颜色值；

S2、解析所述psd文件，形成所述文本内容与所述颜色值的映射关系池；

S3、根据所述映射关系池导出代码。

进一步地，所述步骤S1具体如下：

S11、在所述psd文件中创建若干个文本图层，每个文本图层对应一种颜色；

S12、以颜色名作为文本图层的文本内容，并将所述文本内容设置成与颜色名相对应的颜色，所述文本内容在psd文件中均有对应的颜色值。

进一步地，所述颜色名由前缀“COLOR_”和颜色词组成。

进一步地，所述步骤S2具体如下：

S21、载入所述psd文件，设所述psd文件中的文本图层的编号为X，X为大于等于1的整数；

S22、令X＝1，读取第X个图层的信息；

S23、判断当前图层是否为文本图层，若是，则读取该文本图层中的文本内容及其颜色值，并放入映射关系池中，若否，令X＝X+1，并重复执行步骤S22至步骤S23；

S24、判断当前图层是否为最后一个图层，若是，则执行步骤S3，若否，令X＝X+1，并重复执行步骤S22至步骤S23。

进一步地，所述代码为JavaScript代码。

进一步地，所述步骤S2和步骤S3通过运行程序文件实现。

进一步地，所述程序文件为Jar文件、exe文件或JS脚本。

采用上述技术方案后，本发明与背景技术相比，具有如下优点：

本发明以psd文件作为颜色池，通过设计文本内容的编写规范，达到文本内容与颜色值对应的效果，然后通过遍历每个文本图层的信息，获取文本内容与颜色值的映射关系池，并根据这个映射关系池，导出相应的JavaScript颜色代码；

通过本发明的方法，美术人员只需制作一份专门用来设置颜色的psd文件，并在所有美术人员之间共用，达到颜色统一的目的，避免产生颜色偏差；此外，本发明能够智能分析psd文件中的数据，并将数据转化为JavaScript代码，使得程序人员无需手动写入颜色值代码，大大提高了工作效率。

附图说明

图1为本发明的方法流程示意图；

图2为本发明的psd文件中文本图层的设置示例图；

图3为本发明的文本图层中文本内容的设置示例图；

图4为本发明的步骤S2和步骤S3的流程示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

实施例

如图1所示，一种基于PhotoShop的颜色导出方法，包括如下步骤：

S1、在PhotoShop中创建一个psd文件作为颜色池，所述颜色池中含有文本内容和颜色值；

所述步骤S1具体如下：

S11、如图2所示，在所述psd文件中创建若干个文本图层，每个文本图层对应一种颜色；

S12、以颜色名作为文本图层的文本内容，并将所述文本内容设置成与颜色名相对应的颜色，所述文本内容在psd文件中均有对应的颜色值。所述颜色名由前缀“COLOR_”和颜色词组成。

这个颜色psd文件是由所有美术人员来维护和更新的，游戏中用到的字体颜色都会放到这个文件中，这个文件就相当于一个颜色池；美术人员在示意图中标注颜色时，只需要标注颜色名如：“COLOR_BLUE”即可。

如图3所示，例如，“COLOR_BLUE”的字体设置为蓝色，其文本内容和文本颜色相对应，表示该文本内容的颜色为蓝色；其他文本内容和文本颜色均分别对应。

S2、解析所述psd文件，形成所述文本内容与所述颜色值的映射关系池；

所述步骤S2具体如下：

S21、载入所述psd文件，设所述psd文件中的文本图层的编号为X，X为大于等于1的整数；

S22、令X＝1，读取第X个图层的信息；

S23、判断当前图层是否为文本图层，若是，则读取该文本图层中的文本内容及其颜色值，并放入映射关系池中，若否，令X＝X+1，并重复执行步骤S22至步骤S23；

S24、判断当前图层是否为最后一个图层，若是，则执行步骤S3，若否，令X＝X+1，并重复执行步骤S22至步骤S23。

S3、根据所述映射关系池导出JavaScript代码。

步骤S2和步骤S3的具体流程如图4所示，这里程序人员无需关心具体的颜色值，只需要按照美术人员的要求，引用相应的颜色变量即可，无需再手动写入颜色代码，提升了工作效率。

本实施例以psd文件作为颜色池，通过设计文本内容的编写规范，达到文本内容与颜色值对应的效果，然后通过遍历每个文本图层的信息，获取文本内容与颜色值的映射关系池，并根据这个映射关系池，导出相应的JavaScript颜色代码，这里的文本内容在导出成代码后，将作为全局变量在后续的程序中使用，文本内容就是变量的名称。

以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。