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

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

ps设计ui如何控制间距(初学UI设计会接触什么)(1)

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

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

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

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

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

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

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

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

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

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

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

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

,