项目源码:后期发布
免责声明:【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
的大多数实现算法皆为原创,后续展开的系列文章将逐一对其深入讲解,感谢关注。