巧用photoshop做GIF小动画-

发布时间:


让每一名学员高薪就业 www.itsource.cn


巧用photoshopGIF小动画
1、素材的准备,使用PS形状工具绘制一个星球:
绘制出我们需要使用的素材原图

把图层-123全选,右键选择把三个图层转化为一个智能对象:

绘制一个小精灵:


让每一名学员高薪就业 www.itsource.cn



把图层-123全选,右键选择把三个图层转化为一个智能对象:

把素材摆放在一个画板中,调整大小关系:

2、开始制作动画效果-在菜单栏这打开窗口,激活时间轴工具:


让每一名学员高薪就业 www.itsource.cn



点击创建视频时间轴:

然后我们会得到如上图所示的界面内容,现在,我们先开始制作星球的旋转动画:


让每一名学员高薪就业 www.itsource.cn



首先,我们先延长图形层组时间轴的时间长度(每层末尾鼠标拖拽延长)-如上图所示,最后得到如下图所示:

然后打开星球图层内容,选择“变换”进行关键帧节点的添加(通过对应点击,来添加关键帧节点)如下图所示:
播放头的位置,

接下来,把播放头移动到中间添加关键帧节点,选中画板中的星球图形,使用Ctrl+T,

让每一名学员高薪就业 www.itsource.cn


进行旋转操作(旋转180度)

在此处节点的‘星球图层,我们给他添加一个内外发光的图层样式效果(先点击“样式”添加关键帧节点) 如下图所示:

(只给中间的关键帧节点的星球图层添加图层样式效果!


让每一名学员高薪就业 www.itsource.cn



接下来,重复上述操作,在结尾处添加关键帧节点,Ctrl+T,旋转179度左右(留下1度做循环连接)

旋转动画完成。
3、最后,我们开始做小精灵的跳动动画,这里需要我们拖动
来寻找小精灵的关键帧节

让每一名学员高薪就业 www.itsource.cn


点位置,有缺口的地方就根据下图所示:
播放头对应的位置,使用“样式”添加关键帧节点!!如
可以看出,是很有规律的给出了关键帧节点的位置,接下来,我们只需要选择每组中的中间那个关键帧节点,对小精灵图层进行位置和图形的变形处理就可以了,如下图所示:

后面两段的中间关键帧节点重复此做法即可; 4最后,我们再设置一下画质:

然后使用Ctrl+Shift+Alt+S,导出GIF动画即可:


让每一名学员高薪就业 www.itsource.cn



(注释:此处请替换为文件中提供的GIF动态图)


巧用photoshop做GIF小动画-

相关推荐