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

小蝴蝶的博客

学海无崖,唯勤是岸!

 
 
 

日志

 
 

【转载】PS制作GIF动画详解教程(二)  

2013-02-25 15:46:43|  分类: 教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
PS制作GIF动画详解教程(二)
 
 
20、将时间指示器移至时间轴的末端,再次将不透明度设为0、这个动作的过程是,从无到有,再到无。
Photoshop详细解说动画面板制作GIF动画教程

21、然后,编辑“小音符”的“位置”。第一帧的位置是设置好的,将时间指示器移至末端,“移动工具”把“小音符”移至窗口的右上方,参考图示。这个动作过程是,从喇叭里出来,到右上角停止。

Photoshop详细解说动画面板制作GIF动画教程

22、第二步,编辑“大音符”。原理和思路同上,但是,让它快点,同时,变换一下方向效果可能会更好。(第一帧为初始关键帧,开始制作时已添加,下面不再赘述)还是从不透明度开始,时间指示器返回开始位置。单击“大音符层”,时间指示器移至时间轴的五分之一处,更改不透明度为100。

Photoshop详细解说动画面板制作GIF动画教程

23、下来,时间指示器移至时间轴的五分之二处,更改不透明度为0、同时,移动图层位置至窗口右侧图示处。这个动作过程是,用比“小音符”少一半多的时间从喇叭飘出,由无到有,再到无的运动至当前位置。

Photoshop详细解说动画面板制作GIF动画教程

24、这个效果就这样了,再来一遍太慢,好在可以复制——框选“大音符”下的所有关键帧(变为黄色),然后在某个帧上单击右键>拷贝关键帧。

Photoshop详细解说动画面板制作GIF动画教程

25、下来,右移时间指示器至图中位置,在某个帧上单击右键>粘贴关键帧,这样,“大音符”可以在设定的时间内运行两遍,当然,速度肯定会快于“小音符”。

Photoshop详细解说动画面板制作GIF动画教程

26、好了,音符完成,第三步是编辑唱片。设想是让它正时针旋转,时间指示器返回开始位置。单击“唱片层”,再双击红框所示处的“渐变叠加”>图层样式编辑窗口打开——特别提醒注意红框内“角度选项”的设置为90度。

Photoshop详细解说动画面板制作GIF动画教程

27、时间指示器移至时间轴的四分之一处,双击红框所示处的“渐变叠加”>“角度”旋转至0度,确定。

Photoshop详细解说动画面板制作GIF动画教程

28、时间指示器移至时间轴的四分之二处,双击红框所示处的“渐变叠加”>“角度”旋转至-90度,确定。

Photoshop详细解说动画面板制作GIF动画教程

29、以此类推,重复以上操作,下来是180度,再下来,又回到0度、、、、、、这样,此操作使这个角度渐变形成了一个从0度到0度无间断的正时针旋转效果。

Photoshop详细解说动画面板制作GIF动画教程

30、最后一个动作。为了尽可能多的加入动态元素,我觉着让人物的手跟着音乐一起动起来应该是即能达到好的效果又是最简单的方法,所以,我们复制并将人物的手做了相应的变化。到这里,顺便说一下,时间轴支持“不透明度”和“启用蒙版”,可是,它对关闭图层却不支持。所以,我们添加蒙版也是无奈,但,它用起来却很方便。时间指示器移至某一位置(此编辑凭感觉,没有固定位置),按住SHIFT键,单击蒙版——可以使蒙版在“启用和停用”之间转换。移动指示器,结合“SHIFT键+单击蒙版”,依次为帧加入动作。“启用蒙版”——即隐藏当前图层;“停用蒙版”——即显示当前图层。

Photoshop详细解说动画面板制作GIF动画教程

31、此为“启用”模式。(打叉为“停用”)

Photoshop详细解说动画面板制作GIF动画教程

32、音乐响起,跟着节奏敲动手指是很多人的习惯,有没规律自己凭想象,制作时,也可以通过复制来快速编辑。

Photoshop详细解说动画面板制作GIF动画教程

33、复制粘贴

Photoshop详细解说动画面板制作GIF动画教程

34、完成。预览后没问题就可以保存了。单击菜单栏:文件>存储为web和设备所用格式>GIF。同时注意下方红框,选择“永远”。上方红框根据文件体积大小可以降低颜色数等。左边红框为文件效果和大小预览,263K不算大,播放应该很流畅。

Photoshop详细解说动画面板制作GIF动画教程

 

 

 

Photoshop 制作GIF动画详解教程(二) - 武克 - 武克博客

 

Photoshop 制作GIF动画详解教程(二) - 武克 - 武克博客

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

历史上的今天

评论

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

页脚

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