【Unity功能集】TextureShop纹理工坊(一)功能集介绍

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

相关推荐
DvLee10246 分钟前
UnityGLTF 材质创建与赋值流程
unity·材质
HahaGiver6663 小时前
从0到1做一个“字母拼词”Unity小游戏(含源码/GIF)- 字母拼词正确错误判断
unity·游戏引擎·游戏程序
共享笔记19 小时前
Adobe Photoshop Elements 2026 正式发布:AI 引擎让修图更简单!
人工智能·adobe·photoshop
覆东流19 小时前
Photoshop通道的应用
ui·photoshop
一个小狼娃1 天前
Android集成Unity避坑指南
android·游戏·unity
极客柒1 天前
Unity 协程GC优化记录
java·unity·游戏引擎
夏之繁花1 天前
Adobe Photoshop 2026 v27.0.0
ui·adobe·photoshop
黄思搏1 天前
Unity SpriteRenderer 进度条 Shader 实现
unity·游戏引擎
我命由我123451 天前
Photoshop - Photoshop 工具栏(20)混合器画笔工具
经验分享·笔记·学习·ui·职场和发展·职场发展·photoshop
猫屋小鱼丸1 天前
手把手教你在unity中实现一个视觉小说系统(一)
unity