丝路设计培训学校-专注CG行业人才培养

  • 24小时免费客服热线
  • 025-6965-8961

当前位置:丝路设计网>设计教程>设计软件>Photoshop>正文

PS教程:PS怎样制作动态表情

2018-12-20 17:27 来源: 丝路设计培训 分类: Photoshop
154 作者:丝路设计培训

[导读] 把静态表情转换成动态表情的方法有很多,今天这篇PS教程会讲到逐帧动画(即PS制作动图),用一个表情做范例,希望大家可以有效掌握方法,达到举一反三的效果。 一、PS制作逐帧的

  把静态表情转换成动态表情的方法有很多,今天这篇PS教程会讲到逐帧动画(即PS制作动图),用一个表情做范例,希望大家可以有效掌握方法,达到举一反三的效果。

  一、PS制作逐帧的GIF表情

  先看下GIF效果

  逐帧动画简单来讲就是每一帧都是单独画出来的一个画面,然后把这些单独的画面快速连续播放就形成了动态逐帧动画。

PS教程,PS制作动态表情
PS教程,PS制作动态表情
PS教程,PS制作动态表情

  二、把A里提前画好的四张图分别复制到刚建好的画面里,这时候图层面板里会有四个不同的表情图层。从下至上分别命名为:表情1、表情2、表情3、表情4。如下图

  三、在画板中根据实际动画需求调整每个图层的的位置。如下图

PS教程,PS制作动态表情

  四、窗口>时间轴打开时间轴面板,点击创建视频时间轴后面的下拉箭头,选择第二个选项:创建帧动画。点击创建帧动画,出现帧动画面板。如下图

PS教程,PS制作动态表情

  ⑤点击面板下面倒数第二个新建按钮:四次新建四帧,如下图所示

PS教程,PS制作动态表情

  六、选中时间轴里的第一帧,同时,在图层面板里只把表情1显示,其它三个图层隐藏。

  选中时间轴里的第二帧,同时,在图层面板里只把表情2显示,其它三个图层隐藏。

  依次类推....

PS教程,PS制作动态表情

  七、在时间轴面板里选择全部帧,点缩略图下方的时间设置的向下的小箭头,选择:其它,在弹出的设置框里把时间设置为:008

PS教程,PS制作动态表情
PS教程,PS制作动态表情

  八、通常情况下我们要把表情做背景为透明的。在图层面板里把最下面的背景图层隐藏。

  在PS里文件>导出>存为web所用格式(快捷键: alt+cmd+shft+s)。在弹出的窗口中设置图片格式为:gif,透明度复选框勾选上,循环选项为:永远。选择存储,这样你就拥有一个自己制作的表情了。如图

PS教程,PS制作动态表情

  今天的PS教程到这里就结束了,用PS制作GIF动图是非常简单的,只要你可以明确掌握好每一帧之间的不同表达就可以了。


版权声明:

本文由丝路设计培训学校的编辑人员所撰写,未经同意严禁转载,否则将严肃追究相关法律责任。文章原始链接:http://silucg.net/rjjc/ps/1216.html

Photoshop相关文章 您可能感兴趣