【Unity动画】Sprite 2D精灵创建编辑到动画

原创 已于 2023-12-07 09:57:53 修改 · 2.4k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #动画 #游戏引擎

于 2023-12-04 13:44:47 首次发布
本文教你利用SpriteEditor在Unity中高效切割图层，创建透明PNG，然后制作精灵图集动画和序列帧动画。

 如何切图（sprite editor）

有时候一张图可能包含了很多张子图，就需要在Unity 临时处理一下，切开，比如动画序列帧图集

虽然我们可以在PS里面逐个切成一样的尺寸导出多张，再放回Unity，但是不需要这么麻烦也可以实现，如下：

做到这里有一点需要提醒，这个图必须是透明PNG的，换一张

 

点击apply即可，切图模式也可以自动，也可以手动选择网格切图，调节网格大小

应用以后，回到仓库，发现图变成这样

如何把精灵图集变成动画

  1. 打开时间轴Ctrl+6

  2. 选中场景中的一个未来需要播放动画的物体

  3. 回到时间轴点击Create一个新动画片段

  4. 拖动加选选中刚才切好的图集里面的子图，拖入时间轴

如何把序列帧序列single sprite 做成动画

创建一个空Animation，选中全部sprite，拖到时间轴上即可

over!

【零基础入门unity游戏开发——2D篇】SpriteCreator通过unity直接创建不同形状的临时占位精灵图片和通过Sprite.Create动态生成 Sprite 对象
向宇
03-31 1391
【零基础入门unity游戏开发——2D篇】SpriteCreator通过unity直接创建不同形状的临时占位精灵图片和通过Sprite.Create动态生成 Sprite 对象
【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器
向宇
03-30 1895
【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器
Unity SpriteEditor(精灵图片编辑器)
个人学习笔记
05-01 1258
用于编辑2D游戏开发中使用的Sprite精灵图片，编辑 图集中提取元素，设置精灵边框，设置九宫格，设置轴心（中心）点等等功能
Unity核心2——Sprite
weixin_53163894的博客
06-19 6300
​ 我们可以利用 Sprite Editor 的多边形工具创造出各种多边形，Unity 也为我们提供了现成的一些多边形，它的主要作用是 2D 游戏的替代资源。​ 打开 Sprite Editor，可看见如下界面。​ 当我们的图片资源是图集时，我们需要在设置时将模式设置为 Multiple，这时我们可以使用 Sprite Editor 自带的功能进行图集元素分割。​ Sprite Mask 是精灵遮罩的意思，它的主要作用就是对精灵图片产生遮罩，制作一些特殊的功能，比如只显示图片的一部分让玩家看到。
Unity 如何通过2D Sprite切割一张图为多张
不在同一频道上的呆子的博客
12-18 3423
Unity 如何通过2D Sprite切割一张图为多张
Sprite Editor
Go_Accepted的博客
11-12 2037
自定义边缘线设置，可以自定义精灵网格的轮廓形状，默认情况下不修改都是在矩形网格上渲染, 边缘外部透明区域会被渲染，浪费性能，使用自定义轮廓，可以调小透明区域，提高性能。当我们的图片资源是图集时，我们需要在设置时将模式设置为Multiple，这时我们可以使用Sprite Editor自带的功能进行图集元素分割。次要纹理设置，可以将其它纹理和该精灵图片关联，着色器可以得到这些辅助纹理然后用于做一些效果处理，让精灵应用其它效果。基础图片设置（右下角窗口），主要用于设置单张图片的基础属性。
Unity2D之Sprite动画相关
热门推荐
优秀技术文章收录
08-05 1万+
[Unity2D]精灵动画       通常我们在游戏里面创建的精灵比如玩家主角，它在移动的过程中一般会带有一些动画的效果，比如两只脚前后地移动，那么这种动画效果的实现和控制就可以通过Unity2D的动画系统来实现。     要添加这样的动画，首先我们需要先在Hierarchy视图里面选中精灵，然后在Animation视图里面创建一个动画文件【Create New Clip
Unity 2D 学习手札（六）Sprite 动画
业精于勤，荒于嬉
01-13 2897
简单的范例 如上图，在等待使用者作答时，播放左右晃头的等待动画，使用者作答时，判断答对或答错，分别播放不同的动画及音效。播放完毕，继续左右晃头。 图片制作 左右晃头要准备三个状态的图，分别为摆左、正中及摆右，但播放时要依正中 → 摆左 → 正中 → 摆右 → 正中 → 摆左→ 正中→…的顺序播放，感觉才自然。 可以三张图分别存檔，也可以合成一张。若是合成一张图，那么就得在 Unity 中分割。...
Unity笔记(十)——SpriteRenderer精灵渲染器、SpriteAtlas精灵图集、瓦片地图代码控制、动画系统
qq_65078669的博客
10-01 1100
写本系列的目的是回顾已经学过的知识、记录新学习的知识或是记录心得理解，方便自己以后快速复习，减少遗忘。这里只有部分，没有面板部分。
Unity 中高效控制 2D 精灵（Sprite）的移动、旋转和缩放
欢迎光临~知1而N的博客
09-13 1364
摘要：Unity中调整Sprite的移动、旋转和缩放可通过编辑器工具或代码实现。编辑器操作包括使用Scene视图的移动、旋转和缩放工具，按住Shift/Ctrl进行网格吸附或微调；Inspector面板直接修改Transform属性。代码控制通过脚本动态调整位置、角度和大小，支持平滑过渡（如Lerp插值）和输入响应。动画系统可创建时间轴动画，通过Animator管理状态切换。还可封装通用变换组件提升复用性，覆盖从手动调整到动态控制的完整流程。
unity 图集生成动画
06-26
要注意文件名开头就是动画名 单图命名方式 : 动画名 + 下划线(_) + 三位序号 (000) 例如 Fireworks_000.png Fireworks_001.png 2.导入项目如果动画存在相同字段最好放在不同目录下
Sprite:用于制作 2D 动画的 Sprite 类。 使用png图像创建一个可以定位、旋转和缩放的图形对象。-matlab开发
05-29
用于制作 2D 动画的 Sprite 类。 使用png图像创建一个可以定位、旋转和缩放的图形对象。 基于图像和 hgtransform 类。 从精灵参考帧到当前轴帧的坐标转换，可以执行碰撞检查。
Unity 游戏入门 九、 精灵动画 Sprite Animation
Leove的专栏
11-17 3516
Animator 2.Creating a New Controller 3.Animations 4.Changing a Sprite 5.Creating an Animation 6.Building the Controller 7.Using a Blend Tree 8.Parameters Move X and Move Y 9.Sending parameters to the Animator Controller 10.Setting Animation for th
Unity NGUI之Sprite动画播放
10-18 1724
NGUI 实现Sprite精灵动画很简单：1、将图片打包成图集。选中要打包的图集右键NGUI→Open Atlas Maker2、创建一个Sprite（Alt+Shift+S）3、给Sprite添加脚本4、设置Sprite Animation参数注：这里的动要播放的动画图片最少要两张。图片前缀： 这里初始的图片为Bomb_1，后三张为要播放动画时的图片。前缀名一定要一样。 效果： 运行前 运
Unity 2D精灵
dangquntao的博客
09-03 851
Game界面右上角 Graphics:显卡 Batches：批处理 Tris：三角形 Verts：顶点 Screen：分辨率 批处理会处理没有被处理过的图片 相同图片不会被再次处理 Saved by batching :节省的批处理   将图片转成精灵模式 把 点击Apply     将大图切割为小图片 首先将图片转为精灵格式 将 点击Apply...
Unity创建sprite动画【2】
kaiyuantao的专栏
01-05 2026
unity
游戏开发小结——在Unity中使用Sprite sheet制作动画
小云同志你好的博客
04-18 4396
要这样做，请单击导入的精灵(Sprite)，查看检视器(inspector)并单击精灵编辑器(sprite editor)按钮。然后将这些精灵(Sprite)编译成一个动画剪辑(Animation Clip)，按顺序播放每个精灵(Sprite)，以创建动画效果，就像翻书一样。如果您还没有打开它，您可以右键游戏(game)选项卡，选择添加(add tab)选项卡，然后选择动画(animation)窗口。选择精灵(sprite)后，转到动画(animation)窗口，点击创建并给它一个名称。
Sprite添加阴影摇摆动画（Unity3D开发之九）
Cocos2der Game
09-09 4127
猴子原创，欢迎转载。转载请注明： 转载自Cocos2D开发网–Cocos2Dev.com，谢谢！原文地址: http://www.cocos2dev.com/?p=575今天看到一个很简单的摇摆动画，感觉不错的。记录下，以后需要的可以用下，主要是计算position的方式。DropShadowAnim.csusing UnityEngine; using System.Collections;
2.Unity2D 横版 帧动画sprite animation+动画状态机animator+丝滑连击动作
雾狼的游戏屋
07-06 4549
Unity2D 横版 帧动画sprite animation+动画状态机animator+丝滑连击动作 为什么设置了attack之后还要设置normalizedTime参数？因为如果设置一个参数的话，你点击攻击按钮会直接跳转到下一个动作。并不能完整的将攻击动作放完，那么就多添加一个。他们参数用来判断行为达到哪个阶段，并通过脚本来控制他们参数在进入因为和退出行为时都设置normalizedTime成零。这样就可以使得你点击攻击按钮动作放完了之后才到下一个动作。...............
unity2d精灵图片高亮
最新发布
11-06
在Unity 2D中实现精灵图片高亮可以通过以下几种常见的方法： ### 改变颜色属性 通过改变精灵的颜色属性，增加其亮度来实现高亮效果。在代码中可以获取精灵的`SpriteRenderer`组件，然后修改其`color`属性。 ```csharp using UnityEngine; public class SpriteHighlight : MonoBehaviour { private SpriteRenderer spriteRenderer; private Color originalColor; void Start() { spriteRenderer = GetComponent<SpriteRenderer>(); originalColor = spriteRenderer.color; } public void HighlightSprite() { // 提高亮度实现高亮 spriteRenderer.color = originalColor * 1.5f; } public void ResetSpriteColor() { spriteRenderer.color = originalColor; } } ``` ### 使用材质和着色器 创建一个新的材质，使用自定义的着色器或者Unity内置的一些着色器来实现高亮效果。比如使用`Sprites - Default`着色器，然后在代码中改变材质的颜色。 ```csharp using UnityEngine; public class SpriteMaterialHighlight : MonoBehaviour { private SpriteRenderer spriteRenderer; private Material originalMaterial; private Color originalColor; void Start() { spriteRenderer = GetComponent<SpriteRenderer>(); originalMaterial = spriteRenderer.material; originalColor = originalMaterial.color; } public void HighlightSpriteWithMaterial() { Material highlightedMaterial = new Material(originalMaterial); highlightedMaterial.color = originalColor * 1.5f; spriteRenderer.material = highlightedMaterial; } public void ResetSpriteMaterial() { spriteRenderer.material = originalMaterial; } } ``` ### 后处理效果 使用Unity的后处理框架，比如`Post - Processing Stack`或者`Universal Render Pipeline`（URP）的后处理功能。创建一个后处理配置文件，添加`Bloom`等效果，当需要高亮精灵时，将后处理效果应用到该精灵所在的相机上。不过这种方法相对复杂，适合更高级的需求。 ### 高光遮罩 可以创建一个高光遮罩纹理，将其与精灵的主纹理混合。通过改变遮罩纹理的强度来实现高亮效果。在着色器中可以实现这种混合操作。 ```glsl Shader "Custom/SpriteHighlight" { Properties { [PerRendererData] _MainTex ("Sprite Texture", 2D) = "white" {} _HighlightTex ("Highlight Texture", 2D) = "black" {} _HighlightStrength ("Highlight Strength", Range(0, 1)) = 0.5 } SubShader { Tags { "RenderType"="Transparent" "Queue"="Transparent" } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; sampler2D _HighlightTex; float _HighlightStrength; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); fixed4 highlightCol = tex2D(_HighlightTex, i.uv); col.rgb += highlightCol.rgb * _HighlightStrength; return col; } ENDCG } } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Unity青子

难题的解决使成本节约，求打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值