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

笑看天下诸侯戏 独卧仙居逍遥乐

 
 
 

日志

 
 

【学习园地】PS制作GIF动画详解教程(一)  

2011-02-10 11:54:55|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


彩色渐变字教程 - 静中有动 - 静中有动的休闲屋
   素材:代码研究
PS制作GIF动画教程(一)
  编辑:静中有动

 

PS制作GIF动画详解教程(一)
 
 

这是一篇十分详细的photoshop动画制作教程,主要为大家介绍使用photoshop的动画面板制作一款音符飘动的GIF动画特效,教程说明十分详细,希望大家细心阅读。

1、效果图:

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

2、素材:

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

3、ps里打开,用“套索工具”和“仿制图章”等工具,去掉原图中的音符。然后,打开动画面板(时间轴),单击箭头所指小三角>文档设置>设定时间及帧数。这里设为2秒,每秒25帧。

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

4、用“快速选择工具”选中人物手部。

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

5、ctrl+J,得到图层2,如图示。下来用“矩形选框工具”在图中选一个合适对象用作覆盖与原图对应的区域。

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

6、ctrl+J,得到图层3;“移动工具”下,将图层3置于原图手部位置,调整至合适,然后参考图示,移动参考点至红色箭头所指处,逆时针旋转9度左右,使手看起来有种抬起的感觉。

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

7、接下来给图层2添加蒙版,设前景色为黑色,用“画笔工具”涂去手部多余部分。完成后,合并图层2和3,并命名为“变换的左手”。

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

8、再次用“快速选择工具”,选择唱片,注意唱机的针头——属性模式为“添加到选区”,全部选中对象后,按住ALT键选择针头,可减去针头选区。

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

9、ctrl+J,得到复制对象图层后,将它命名为“唱片”。

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

9、然后单击红框处,添加图层样式>渐变叠加——打开“渐变拾色器”,渐变效果和混合模式参考图示,其它默认。

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

10、新建图层,选择“自定义工具”,参考图中红框所示,依次绘制出各种音符。

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

11、接上步。绘制时,距离可拉大,可边绘制边改变方向,使其看起来大小和方向呈不规则状。(由于操作失误,很抱歉漏掉了两个步骤,这里兄弟用文字详述一下)截图中图层2,在编辑绘制完音符后,添加图层样式>渐变叠加——参数设置按图示;然后,ctrl+J,复制一层,打开图层样式编辑窗,在渐变条右侧勾选“反向”。这样就使两个音符图层的色彩看起来不完全一样了。最后,在它们各自的下方分别新建一个图层,分别合并变为普通图层即可。记着为图层命名。

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

12、将“小音符图层”缩小并改变一下方向。好了,关闭背景图层预览下效果。我们可以看到编辑好的手臂、唱片和音符等四个图层。

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

13、按图示,将大小音符图层位置向左下移动,使它们右侧正好处在喇叭口处。下来的工作就是要让音符看起来是从喇叭里飘出来的。当然,蒙版是最佳选择,为便于操作和控制,给这个图层先编组。方法是,单击“小音符层”,再按住ctrl键单击“大音符层”,然后,鼠标将它们拖至箭头所指处的“创建新组”按钮。

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

14、用“套索工具”,(羽化一下,参考图示)在喇叭出口和音符显示的区域画出选区。对于新手,这里需要提示下,上面说了,这个选区内是可见的区域,选区外,自然就是被隐藏的区域了。

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

15、接上步,单击面板下方蒙版按钮为组添加蒙版——黑色为隐藏、白色为显示——观察蒙版缩览图。

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

16、蒙版既然有此用途,那就继续蒙版。“手图层”如果加个黑色蒙版不也能把手隐藏起来吗?!快捷方法是:按住ALT键,单击蒙版按钮——可以快速为图层添加一个“隐藏全部”的蒙版。

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

17、至此,前期工作准备完毕。下图为时间轴一些操作选项,红框(红色)为“创建和清除帧”按钮和与之对应的操作位置和结果;绿框中的按钮为“添加关键帧”,黄蓝线为标示,供参考。图中,按我们的设想,根据各图层所起的作用,为它们分别创建关键帧,同时,设定它们各自的初始帧状态。比如,“唱片帧”已设置好图层样式,“大小音符”的初始动作是淡出,所以,将它们的不透明度设为0。

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

18、大概了解了时间轴的操作,我们正式开始编辑动画。第一步,先从“小音符”开始;我们设想的效果是让它从喇叭飘出,并在飘动中渐渐隐去,单击“小音符层”,首先编辑“不透明度”。

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

19、将时间指示器移至时间轴的二分之一处,把不透明度设为100。

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

 

彩色渐变字教程 - 静中有动 - 静中有动的休闲屋
  评论这张
 
阅读(318)| 评论(9)
推荐 转载

历史上的今天

评论

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

页脚

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