项目源码:后期发布
免责声明:【TextureShop】使用的图片等素材均有可能来自互联网,本专栏所有文章仅做学习和教程目的,不会将任何素材用于任何商业用途。
索引
【系列简介】
本系列会在Unity中仿制并实现PhotoShop的部分功能,整合功能集后名为TextureShop(纹理工坊),能够实现对Texture的常规编辑操作,比如取色板、选定选区、移动选区、套索工具(自由选择选区)、魔术棒工具(色差选择选区)、修剪工具(自由修剪选区)、仿制图章、颜色调整、画笔工具、橡皮擦工具、导出图像、打开/保存工程(保存为TSD文件)等功能。
且TextureShop也会实现基于图层的概念。
不过,TextureShop并没有多大的实战意义,它旨在学习Shader和一些图形学相关算法。
功能集效果介绍
选定选区
在PS中选定选区,可将一块区域框选为独立编辑区域,效果如下:

在TextureShop中选定选区,效果如下:

移动选区
在PS中移动选区,可移动一块已选取的区域,效果如下:

在TextureShop中移动选区,效果如下:

套索工具
在PS中套索工具,可自由选取一块区域为独立编辑区域,效果如下:

在TextureShop中套索工具,效果如下:

魔术棒工具
在PS中魔术棒工具,可根据色差选取一块区域为独立编辑区域,效果如下:

在TextureShop中魔术棒工具,效果如下:

修剪工具
在PS中修剪工具,按住Shift可增加选区、按住Alt可减少选区,效果如下:

在TextureShop中修剪工具,按住鼠标左键可直接微调选区,效果如下:

仿制图章
在PS中仿制图章,可将一块区域定义为复制区域,然后在任何地方粘贴,效果如下:

在TextureShop中仿制图章,效果如下:

颜色调整
在PS中颜色调整,可进行亮度、对比度、色相、饱和度等调节,效果如下:

在TextureShop中颜色调整,效果如下:

画笔工具
在PS中画笔工具,效果如下:

在TextureShop中画笔工具,效果如下:

橡皮擦工具
在PS中橡皮擦工具,效果如下:

在TextureShop中橡皮擦工具,效果如下:

导出图像
在编辑完成后,可导出为PNG图像,当然也支持其他类型的图像,只是没在这里展示出更多的菜单:

当然,导出的图像只包含绘画区域,与PS中的画布区域同理,由于这里设置的绘画区域为512*512,所以导出的图像也是这个尺寸:

打开、保存工程
在PS中,可将当前编辑的工程保存为PSD文件,以便于下次直接打开该PSD文件,立即复原之前的工程。
在TextureShop中,与之对应的即是TSD文件,可将当前工程保存为TSD文件,下次直接打开该文件亦可复原工程:

.tsd文件中存储了所有的图层信息,所以必须采用图像压缩方式,在文件大小上尽可能的做到最小:

功能集效果演示
接下来,请看一段较为完整的功能集效果演示:
【Unity】TextureShop纹理工坊
结尾
本系列的初衷只是为了学习Shader以及相关的图形学算法,PS的强大功能远不止这些,TextureShop仿制的也仅仅是凤毛麟角,但TextureShop的大多数实现算法皆为原创,后续展开的系列文章将逐一对其深入讲解,感谢关注。