巧用photoshop做GIF小动画-
发布时间:
让每一名学员高薪就业 www.itsource.cn
巧用photoshop做GIF小动画
1、素材的准备,使用PS形状工具绘制一个星球:
绘制出我们需要使用的素材原图
把图层-1、2、3全选,右键选择把三个图层转化为一个智能对象:
绘制一个小精灵:
让每一名学员高薪就业 www.itsource.cn
把图层-1、2、3全选,右键选择把三个图层转化为一个智能对象:
把素材摆放在一个画板中,调整大小关系:
2、开始制作动画效果-在菜单栏这打开窗口,激活时间轴工具:
让每一名学员高薪就业 www.itsource.cn
点击创建视频时间轴:
然后我们会得到如上图所示的界面内容,现在,我们先开始制作星球的旋转动画:
让每一名学员高薪就业 www.itsource.cn
首先,我们先延长图形层组时间轴的时间长度(每层末尾鼠标拖拽延长)-如上图所示,最后得到如下图所示:
然后打开星球图层内容,选择“变换”进行关键帧节点的添加(通过对应点击,来添加关键帧节点)如下图所示:
播放头的位置,
接下来,把播放头移动到中间添加关键帧节点,选中画板中的星球图形,使用Ctrl+T,
让每一名学员高薪就业 www.itsource.cn
进行旋转操作(旋转180度):
在此处节点的‘星球图层’,我们给他添加一个内外发光的图层样式效果(先点击“样式”添加关键帧节点) 如下图所示:
(只给中间的关键帧节点的星球图层添加图层样式效果!!!)
让每一名学员高薪就业 www.itsource.cn
接下来,重复上述操作,在结尾处添加关键帧节点,Ctrl+T,旋转179度左右(留下1度做循环连接)
旋转动画完成。
3、最后,我们开始做小精灵的跳动动画,这里需要我们拖动来寻找小精灵的关键帧节
让每一名学员高薪就业 www.itsource.cn
点位置,有缺口的地方就根据下图所示:
播放头对应的位置,使用“样式”添加关键帧节点!!!如
可以看出,是很有规律的给出了关键帧节点的位置,接下来,我们只需要选择每组中的中间那个关键帧节点,对小精灵图层进行位置和图形的变形处理就可以了,如下图所示:
后面两段的中间关键帧节点重复此做法即可;