Gray+Gradient?=Color???????,Index图和一张色图做成还原原图?!!!不可思议之举,不过代价还是有的!
2018-01-29 14:32
337 查看
坐标山东青岛市北,招聘日系画师,其他岗位目前公司没有说,有意思的可以入群私聊。
然后再说一下QQ群,山东手游研发聚集地335772557,进群先看公告,要是抱着我要学习的心态进群的话,那你就失望了,因为是个死群。
偶尔心情好的是时候会发个技术链接。
接下来进入正题!!
图片均来自网路,版权归原作者所有
结果图:问题还是有的,目前不知道怎么解决,如果解决了在另发blog吧(左图我没有保存alpha)
下面先说一下Gradient图是怎么出来的,PS里我着实不知道该怎么处理出这么张图片。。。实在是抱歉了,我在另一个软件里操作吧,PS高手请告知,多谢,打开GIMP,执行命令Image-Mode-Indexed...,然后就有了
是的我们就是要选择Generate Optimum palette,256.
然后点击Convert。这时已经把原来的图转好了,并给保存了一张palette。下面比较一下原图(左),和转换之后的图(右)
看不成多大差别是不是?流氓!!!!不要看姑娘的肚子!!!!
毕竟原图的颜色不止256种,还是会有些许损失的。。。望自知哟
继续。。。。
右键生成的palette,选择palette to Gradient。。。然后就有了咱们的Gradient图了,是不是很厉害!
palette(左) Gradient(右)
然后把gradient保存出来以备使用吧,右键生成出来的gradient,选择custom gradient。咱们一共就是16x16种颜色,所以width=256就好了,height嘛,给个2就OK了
至此咱们需要的第一张gradient图就得到了,然后就是灰度图,有人说直接去色就OK了么。呵呵!
咱们的灰度图不是这么出来的,现在咱们的图片一共也就256个颜色,那就是说咱们的灰度图应该是(0,0,0)-(255,255,255)这么的梯度的图,为啥???问的好,咱们的gradient图256个颜色,怎么去还原?但是用这个灰度图的色值去标记原图这里是什么颜色哟。。。说的有点笼统,有问题就留言吧,不过我也不用担心,我就是瞎jb一写,有没有看还不知道呢。
操作。。。
右键palette,选择Import palette...(不要忘了把前景色和背景色改成黑色和白色),在弹出的对话框中选择,算了,截图吧
Import点击之后,又会生成一张palette图,
然后Colors-Map-set colormap...然后Palette那里选择刚刚生成的这个palette图,OK之后就有了gray图(左),算了把去色的图(右)也上一下,大家比较一下吧
不要觉得看似一样,这里图形学大法(看着对就是对的)行不通的,对于这个流程来说,这个gray图已经不仅仅是个图片了,里面还存有数据,这个数据必须是正确的,否则在gradient图上取色时就会出现问题。
美术素材已经处理完毕了,接下就是要进入引擎阶段了,还是老样子,上Unity。。。
unity的准备工作我就不啰嗦了,把素材导入,准备好。
修改fragment部分:
关于图片的设置问题,唉。。。真不想写,大家自己试试吧
然后再说一下QQ群,山东手游研发聚集地335772557,进群先看公告,要是抱着我要学习的心态进群的话,那你就失望了,因为是个死群。
偶尔心情好的是时候会发个技术链接。
接下来进入正题!!
图片均来自网路,版权归原作者所有
结果图:问题还是有的,目前不知道怎么解决,如果解决了在另发blog吧(左图我没有保存alpha)
下面先说一下Gradient图是怎么出来的,PS里我着实不知道该怎么处理出这么张图片。。。实在是抱歉了,我在另一个软件里操作吧,PS高手请告知,多谢,打开GIMP,执行命令Image-Mode-Indexed...,然后就有了
是的我们就是要选择Generate Optimum palette,256.
然后点击Convert。这时已经把原来的图转好了,并给保存了一张palette。下面比较一下原图(左),和转换之后的图(右)
看不成多大差别是不是?流氓!!!!不要看姑娘的肚子!!!!
毕竟原图的颜色不止256种,还是会有些许损失的。。。望自知哟
继续。。。。
右键生成的palette,选择palette to Gradient。。。然后就有了咱们的Gradient图了,是不是很厉害!
palette(左) Gradient(右)
然后把gradient保存出来以备使用吧,右键生成出来的gradient,选择custom gradient。咱们一共就是16x16种颜色,所以width=256就好了,height嘛,给个2就OK了
至此咱们需要的第一张gradient图就得到了,然后就是灰度图,有人说直接去色就OK了么。呵呵!
咱们的灰度图不是这么出来的,现在咱们的图片一共也就256个颜色,那就是说咱们的灰度图应该是(0,0,0)-(255,255,255)这么的梯度的图,为啥???问的好,咱们的gradient图256个颜色,怎么去还原?但是用这个灰度图的色值去标记原图这里是什么颜色哟。。。说的有点笼统,有问题就留言吧,不过我也不用担心,我就是瞎jb一写,有没有看还不知道呢。
操作。。。
右键palette,选择Import palette...(不要忘了把前景色和背景色改成黑色和白色),在弹出的对话框中选择,算了,截图吧
Import点击之后,又会生成一张palette图,
然后Colors-Map-set colormap...然后Palette那里选择刚刚生成的这个palette图,OK之后就有了gray图(左),算了把去色的图(右)也上一下,大家比较一下吧
不要觉得看似一样,这里图形学大法(看着对就是对的)行不通的,对于这个流程来说,这个gray图已经不仅仅是个图片了,里面还存有数据,这个数据必须是正确的,否则在gradient图上取色时就会出现问题。
美术素材已经处理完毕了,接下就是要进入引擎阶段了,还是老样子,上Unity。。。
unity的准备工作我就不啰嗦了,把素材导入,准备好。
修改fragment部分:
关于图片的设置问题,唉。。。真不想写,大家自己试试吧
相关文章推荐
- 将Texture Packer制作的.pvr.ccz和.plist文件还原为多个原图
- Excel VBA Interior.ColorIndex 色彩列表
- EXCEL Interior.ColorIndex 色彩列表
- 一张图带你了解Android5.0中的colorPrimary、colorPrimaryDark、colorAccent
- Excel ColorIndex
- ImageMagick - 智能的灰度空间(GRAYColorspace)让人窒息
- EXCEL开发Interior.ColorIndex 色彩列表
- [IOS]Storyboard的多个View切换-xcode 4.4.1(文章有点老了,不过还是有不少参考价值)
- Stroking or Filling with a Gradient Color
- EXCEL——Interior.ColorIndex 色彩列表
- 一张图告诉你是需要 SQL 还是 Hadoop
- ndy 10终于随着Delphi2005发布了,不过indy套件在我的印象中总是复杂并且BUG不断,说实话,不是看在他一整套组件的面子上,我还是喜欢VCL原生的Socket组件,简洁,清晰。Indy9
- 刷新后,ListBox的SelectIndex值被还原成默认值的问题.
- Color Temperature & Color Rendering Index DeMystified
- 是学习Java还是Python?一张图告诉你!
- 图像处理之双边滤波效果(Bilateral Filtering for Gray and Color Image)
- 是做一个 Universal 应用好,还是分开做成 iPhone iPad 两个版本好?
- Colorization, Gray, Color-to-Gray, Color Models
- 将Texture Packer制作的.pvr.ccz和.plist文件还原为多个原图--格式之后
- 〔转贴〕春节还是“春劫”?请给我一张回家的票