ps设计ui如何控制间距（初学UI设计会接触什么）

　　初学UI设计会接触什么？怎么用PS时间轴做动画？很多初学UI设计的人在接触PS时都会被其繁多的技法、复杂的操作困扰，时间轴是其中的重点和难点知识。当PS有了时间轴功能以后，制作GIF动画就变得轻而易举。接下来小编就给大家分享一下。

　　PS有5种类型的图层按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面，各种类型的图层都有对应时间轴的动作属性。

　　在PS的时间轴上可以创建视频时间轴和帧动画两种动画类型。视频时间轴整个动画是一个整体连贯的涂层或智能对象，可以对其进行裁剪、关闭音频、添加转场效果等。帧动画相当于把整个连贯的动作拆分成单一的慢动作回放图层，可以对每个图层进行单独操作，设置每帧时长，两种形式之间可以相互转换。

　　能开关键帧的是视频时间轴动画，类似AE里面的几个关键帧属性，PS中共有四种情况：

　　1、位图。当图层是位图时所具有的属性：位置、不透明度、样式;

　　2、矢量图。当图层是矢量图时所具有的属性：位置、不透明度、样式、矢量蒙版位置、矢量蒙版启用。

　　3、文字。当图层是未栅格化文字时所具有的属性：变换、不透明度、样式、文字变形。

　　4、智能对象。当图层是智能对象时所具有的属性：变换、不透明度、样式。

　　利用时间轴做简单的动态图片流程思路：

　　1)在接到需求时，先在纸上勾勒自己想要的大致动画效果，再去网上找一些动画效果参考，觉得合适将其保存下来，方便后面与需求方沟通动画时，能表达更清楚。

　　2)与需求方确认好动画效果后，接着再在纸上拆解动画的元素，分析这些动画的图层逻辑顺序，哪些动画效果可以借助图层混合样式实现，哪些需要把图层转换为智能对象等。

　　3)整理确认好的icon图层。主要做几方面：把图层标好颜色区分减少图层数，把可以合并的图层转换为智能对象，并命好名称。

　　4)导出动画：导出gif格式动画，直接Alt Ctrl Shift S导出;导出序列帧图片，通过 文件–>导出–>渲染视频调出面板。

　　想了解更多UI设计学习或PS使用技巧，你可以选择专业学习一下，让自己快速系统掌握UI设计师必备技能！学会理论与实战兼备，快速上岗就业拿高薪!