手把手教你如何用PhotoShop制作gif动画

原创 2017年01月03日 23:07:00

首先需要打开PhotoShop的图层和动画窗口,动画窗口可以通过在顶部菜单单击“窗口”—“动画”调出,如果是PhotoShopCS6,动画窗口名字改成了“时间轴”,也是在“窗口”菜单中调出:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

接着我们准备一组动画图片:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

我们在PhotoShip中创建一个大小为140×80的画布,将背景色设置为白色:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

然后我们把8张动画图片拖拽到画布上,生成8个图层:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

在“时间轴”面板中单击右侧的按钮,在弹出菜单中选择新建帧,重复7次,创建8个帧(加上最开始的1个):

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

创建完成后,我们选中第一帧,在图层面板中设置第一帧中frame1可见(左侧的小眼睛按钮用来控制可见性):

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

接着选中第二针,设置frame2可见……,以此类推,将8帧全部设置完成。

接着我们选中所有帧,点击任何一帧下方的“0秒”,在弹出菜单中选择“其他”:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

在弹出对话框中设置延迟为0.04秒(动画达到每秒24帧时,人眼就能够看出运动的效果,因此每帧约0.04秒)。

设置完成后,我们点击时间轴面板上的播放按钮,已经可以看到动画效果了。

这时,我们可以对猎豹的位置做微调,使动画效果更流畅,有个小技巧是,我们调整的时候,可以在当前帧把前一帧的图层的透明度调低一些,以便我们做参考:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

编辑完成后,我们点击菜单“文件”—“存储为Web所用格式”,在弹出的菜单中设置好参数后,点击“存储”保存为gif格式即可:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

最终的动画效果如下:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

手把手教你 用 wpf 制作metro ProgressRing (Windows8 等待动画)

效果图:   还在羡慕metro的ProgressRing吗? wpf 也可以拥有 首先说下思路, 一共6个点围绕一直圆转,所以需要使用rotation动画 并且一直转下去。 那么下面...

手把手教你Photoshop蒙版的使用(四)

Photoshop蒙版的使用

手把手教你Photoshop中的图层混合模式(二)

实例演示Photoshop中的图层混合模式

手把手教你Photoshop蒙版的使用(三)

Photoshop蒙版的使用

手把手教你在Photoshop中使用曲线工具

教你在Photoshop中使用曲线工具

手把手教你在Photoshop中使用色阶工具

教你在Photoshop中使用色阶工具

手把手教你使用Photoshop中的通道

教你使用Photoshop中的通道

手把手教你Photoshop蒙版的使用(二)

Photoshop蒙版的使用

手把手教你Photoshop蒙版的使用(一)

Photoshop蒙版的使用
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)