注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

风的驿站

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

 
 
 

日志

 
 
关于我

喜欢写生 编程 音乐 设计 喜欢把自己的想法变成实实在在的东西 喜欢安静的做一些事情 CSDN博客:http://blog.csdn.net/qwertyupoiuytr

网易考拉推荐

【原创】手把手教你如何用PhotoShop制作gif动画  

2014-05-19 13:15:17|  分类: PhotoShop |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

手把手教你如何用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动画 - 远行的风 - 风的驿站

  评论这张
 
阅读(300)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017