【Unity&NGUI】PS裁剪UI把部分图片留着透明的部分&新建图集&调整NGUI的Sprite大小

最新推荐文章于 2022-03-10 18:34:16 发布
最新推荐文章于 2022-03-10 18:34:16 发布
阅读量3.1k 收藏
点赞数
分类专栏： Unity NGUI Unity常用技巧 Unity图集 文章标签： Unity ngui Unity经验 Unity教程 Unity精灵
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BuladeMian/article/details/55190769
版权
本教程介绍了如何在Unity中使用PS裁剪PNG图片的透明部分，以及如何新建NGUI图集和调整Sprite大小。首先，通过PS的图像裁切和色彩范围选择删除白色背景。接着，利用NGUI的Atlas Maker创建图集，并将裁剪后的图片导入。最后，创建并调整UI Sprite的大小，选择Filled类型进行填充。
摘要由CSDN通过智能技术生成

做项目建立了一个新的UI，该怎么应用到场景视图中呢

---------------------PS裁剪UI把部分图片留着透明的部分

打开画图，新建一个.PNG文件，使用相应的工具画圆


使用PS或者适合自己 的绘画软件，打开该文件


因为该.PNG文件 有很多 白色的区域，因此需要 裁剪

PS---图像---裁切

选择 基于 左上角，裁切范围

最低0.47元/天 解锁文章
BuladeMian
关注
专栏目录
ui unity 图片高亮_【Unity&NGUI&UGUI】2D精灵物体变色彩透明以及图片高亮变色的方法...
weixin_29938009的博客
01-14 1417
首先使用到的是NGUI，使用NGUI创建2D精灵再为其创建一个子物体2D精灵为这个父物体添加组件NGUI-TWEEN-ALPHATween Alpha的设置如下所示从1不透明到0透明Play Style :Ping Pong 循环Duration:3 seconds经历的时间为3S可以发现父物体下面的子物体也跟随着变透明然后创建两个NGUI 2D 精灵，添加Tween Alpha组件，发现是NGU...
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
NGUI研究院之UISprite和UITexture浅谈（十二）
11-21 586
转载：http://www.xuanyusong.com/archives/2697
解决NGUI中sprite的边缘会出现黑线的问题
weixin_34007291的博客
09-21 677
新的项目中大量使用了将sprite镜像拼接的方式来做底板，结果同事发现有的时候拼的时候中间会出现一个莫名的黑缝，如图： 看了下贴图没啥问题，也不是因为贴图压缩的问题，但是这条黑缝总是存在，然后想到这条黑缝很可能是采用uv的时候将uv采到了sprite和其他图的接缝处，然后在跟着看了下NGUI计算uisprite的uv的代码，发现ngui的计算确实存...
NGUI sprite 裁剪到其他图片sprite
张涵的博客
08-20 1226
最近发现在使用 NGUI 的图集.时. 两张相邻的图片A,B 可能会影响到对方的显示. 比如A在图集的Texture中 位置处于B的正上方.紧挨着. 当我们使用B的图片的时候,B的上部分边缘可能会显示到A的颜色. 此时该怎么解决这个问题呢? 只要点击sprite 组件的edit 按钮对图片进行参数修改(此修改会修改,图集的prefab,并且影响所有用到此图片的组件,在编辑器运行游
unity 生成缩略图 , 图片缩放
jingxuan2583的专栏
08-18 2017
public static Texture2D Resize(Texture2D source, int newWidth, int newHeight) { source.filterMode = FilterMode.Point; RenderTexture rt = RenderTexture.GetTemporary(...
【Unity&NGUI】改变NGUI的圆环Sprite透明度的几种方法以及利弊
BuladeMian的博客，菜得抠脚，菜得真实
02-15 4369
改变NGUI的Sprite透明度几种方法以及利弊 1.为NGUI的Sprite添加Tween Alpha组件 想要一只使得 精灵保持某种 透明度，直接在下图中的 第二个红色方框内调整使其数值相同，Tweener的Play Style设置为Once 使其闪烁，循环，改变 Play Style即可 效果如下所示 当然调用 NGUI的Sprite的Tween Alpha组
【Unity&NGUI&UGUI】2D精灵物体变色彩透明以及图片高亮变色的方法
BuladeMian的博客，菜得抠脚，菜得真实
12-22 9985
使用到的是NGUI， 使用NGUI创建2D精灵 再为其创建一个子物体2D精灵 为这个父物体添加组件NGUI-TWEEN-ALPHA Tween Alpha的设置如下所示 从1不透明到0透明 Play Style :Ping Pong 循环 Duration:3 seconds经历的时间为3S 可以发现父物体下面的子物体也跟随着变透
Unity NGUI 图文混排 动态图集解决方案
最新发布
11-11
此外，NGUI还支持动态更新图集，这意味着在运行时可以添加或移除图片，这对于需要根据游戏状态变化显示不同图标的情况非常有用。 为了实现动态图集，我们需要掌握以下步骤： 1. 创建UIAtlas：在Unity编辑器中，选择...
NGUI 代码实现UISprite显示图片原尺寸，编辑模式下点击snap按钮功能
康的博客
01-08 694
GetComponent<UISprite>().MakePixelPerfect();
sprite的大小 unity_Unity3d 纯UGUI游戏减少包体大小
weixin_39975744的博客
12-30 349
游戏已在台湾区上架，国内上不了，广电爸爸%￥@！@。时间比较仓促没有来得及优化，ipa包体大小170M,游戏安装完成后更大！应老大要求，查阅了一堆文档，请教了一些前辈终于完成包体优化。优化前打包Log优化前的打包log,可以看到贴图占了百分之92，所以理所当然的我认为是要先去压原图，美术手动压图速度太慢，于是我找了一个压图工具pngquant，可以压至少一半以上大小，操作也非常简单，终端里面几行...
Unity3D 2D入门——sprite尺寸、获取对象
热门推荐
davied9的专栏
07-30 1万+
sprite的尺寸获取、场景内物体的获取
Unity 截图并压缩缩放图片
qq_31587231的博客
10-15 846
/// <summary> /// Captures the screenshot2. /// </summary> /// <returns>The screenshot2.</returns> /// <param name="rect">Rect.截图的区域，左下角为o点</param> public static IEnumerator Texture2D CaptureScreenshot2(Rect .
Untiy截图更新，及截取透明图片签字
御雪妃舞
01-19 2376
一、截图 之前写了一版截图的细节，当时用的是unity5.x的版本，当前用的是unity2018了，如有疑问，及时评论，看到回复。 之前的版本的链接： Unity3d截图方法合集 现在做了一些更新： 1.1 方法不需要写到onPostRender里 写成协同，直接调用即可 代码如下： /// &amp;lt;summary&amp;gt; /// 2.区域截屏 /// &amp;lt;/su...
Unity3D之NGUI基础5：UISprite显示图片
加载中...
02-07 2190
  前文：https://blog.csdn.net/Jaihk662/article/details/86772807（NGUI图片管理工具AtlasMaker） 一、利用UISprite显示图片 第一步：NGUI→Create→UISprite 第二步：选择图集后选择要显示的图片 第三步：调节图片大小 Aspect：图片比例；设置锁定比例缩放   二、UISprite面...
ngui UISprite最小高度问题
gepengmiss的博客
10-23 218
ngui 图集包含三个文件, 比图图及名字叫 MainAtlas, 会对应三个同名文件: MainAtlas.asset 每个图片的配置参数 MainAtlas.png 图集里包含的图片集合 MainAtlas.mat 材质球 打开MainAtlas.asset, 选择一个图片, 参数里面包含了Border 选项, 可以设置 距离Bottom/Top各多少像素, 两者之和就是UISp...
u3d计算图片透明值_【小技巧】透明图片和按钮的交互
weixin_39850150的博客
12-15 245
在用Unity做项目的过程中，会遇到一类比较特殊的问题。怎么特殊呢？我给你一张圆形的图片，你拿去做按钮或者UI图，乍一听，貌似也没啥。但是有一个要求，点击图片的透明部分不能有反应（也就是说只有点击不透明的部分才能触发按钮或者图片点击），看下图（灵魂画手，哈哈哈哈），只有点击非黄色（透明）区域才能触发按钮点击。遇到这样的需求怎么搞呢？按照一般的思路是点击鼠标时查看鼠标点击位置的alpha的值，对其进...
【Unity】简单介绍使用Sprite Editor的四种裁剪
dangoxiba的博客
03-10 1万+
学习目标： 众所周知当我们在Untiy导入一张Sprite图的时候需要修改它的参数，如果精灵图中有多张图片，还要将其裁剪，今天简单介绍一下SpriteEditor中的三种模式 学习内容： 首先我们要将一张图片模式设置成Mulitple模式，这样才能在Sprite Editor中进行编辑 Apply以后就可以看到界面左上角有一个Slice模式点开就有四种模式 其实还有第五种模式。等我一一介绍 ①Automatic根据图像的像素点来识别单张图片 在面对非常多的图片时非常好用，裁剪好后只需要要对一部
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值