Han的小站

一徐清风,半指烛光,觥筹已净,只余茶香。残卷一章,妙趣非常,忽闻帘响,愿闻其详?...

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

首先需要打开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动画 - 远行的风 - 风的驿站

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qwertyupoiuytr/article/details/53999184
文章标签: photoshop 动画 gif
个人分类: PhotoShop 平面设计
上一篇手把手教你Photoshop蒙版的使用(四)
下一篇Xcode 调试技巧
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭