是不是你也用腻了静态的表情包?毕竟单一的静态图片已经不能传神的表达自己的意思了,然而契合自己的动态表情包又太少太少。别担心,今天就教你如何制作动态GIF表情包,一起来看看吧~

ps怎么做gif动图可爱(PS教程简单五步)(1)

当我们拍了一张喜欢的照片,有没有想过如果它能动起来岂不是更可爱?今天就教大家一种超级简单的方法,只需要液化和帧动画两步操作,就能让你的照片跃然纸上,现在就跟我一起做起来吧~

首先我们需要设计一个简单的动画效果,并通过一系列帧动画图层实现。这里我想要我的猫咪图片张开——合拢(为了便于区分,我们把猫咪的初始状态称为合拢,尽管它是张开的)嘴巴三次,嘴巴每张开一次出现一个“哈”字,嘴巴合拢的同时文字旋转一个小角度,因此我设计了如下8帧小动画:

第一帧:猫咪嘴巴合拢,没有文字出现;

第二帧:猫咪嘴巴合拢,出现最下方的“哈”字;

第三帧:猫咪嘴巴张开,最下方的“哈”字旋转一个小角度;

第四帧:猫咪嘴巴合拢,最下方的“哈”字恢复原来角度;

第五帧:猫咪嘴巴张开,出现中间的“哈”字;

第六帧:猫咪嘴巴合拢,中间的“哈”字旋转一个小角度;

第七帧:猫咪嘴巴张开,出现最上方的“哈”字;

第八帧:猫咪嘴巴合拢,最上方的“哈”字旋转一个小角度。

以上8个帧动画图层如下图所示:

ps怎么做gif动图可爱(PS教程简单五步)(2)

下面是具体的操作步骤:

一、动画素材准备

1. 导入拍摄的福猫素材照片,双击图层面板中该图层右侧的小锁,选择裁剪工具,框选出恰当的区域,回车确定,将图层命名为“合拢1”。

ps怎么做gif动图可爱(PS教程简单五步)(3)

2. Ctrl J将该图层复制一层,命名为“张大1”,依次单击菜单栏的滤镜—液化,选择向前变形工具,将猫咪的嘴巴向外扩大,做出哈哈大笑的表情。

ps怎么做gif动图可爱(PS教程简单五步)(4)

ps怎么做gif动图可爱(PS教程简单五步)(5)

3. 点击左侧工具栏“横排文字”工具,输入“哈”字,输入完成后单击工具栏的移动工具,Ctrl T调出自由变换工具,按住Shift键将文字放大到合适大小。依次单击菜单栏的窗口——字符,在弹出的字符编辑页面选择一种可爱的字体(这里选择方正字迹-童体毛笔字体),再次选择文字工具,选中“哈”字,左侧工具栏中将前景色改为暗红色(R-174,G-45,B-45)。单击图层面板右下角的“创建图层样式”按钮fx,选择描边,勾选左侧的描边选框,在右侧的参数设置面板中设置参数,大小30像素,填充颜色为白色,单击确定。

ps怎么做gif动图可爱(PS教程简单五步)(6)

4. 单击下方文字图层,右键选择栅格化图层样式,将文字图层转换为普通图层。

ps怎么做gif动图可爱(PS教程简单五步)(7)

5. 选中下方文字图层,Ctrl J两次复制两层,并分别命名为“中间文字”和“上方文字”,分别改变文字位置,Ctrl T调出自由变换工具,旋转文字方向,调整文字大小,效果如下:

ps怎么做gif动图可爱(PS教程简单五步)(8)

二、帧动画静态设计

这一步需要根据设计好的动画步骤制作每一帧的图层,通过复制、合并猫咪和文字图层,完成8帧动画的静态图层制作;将这8个图层按照动作的先后顺序从上向下排列。

ps怎么做gif动图可爱(PS教程简单五步)(9)

三、让帧图层动起来

1. 依次单击菜单栏的窗口——时间轴,调出时间轴窗口,选择创建帧动画。

ps怎么做gif动图可爱(PS教程简单五步)(10)

ps怎么做gif动图可爱(PS教程简单五步)(11)

2. 在图层面板中设置显示所有图层后,单击时间轴窗口的“创建帧动画”按钮,创建第1帧动画,将延迟时间设置为0.2秒。

ps怎么做gif动图可爱(PS教程简单五步)(12)

3. 单击时间轴窗口右下方的“复制所选帧”按钮,关闭图层面板的第1帧图层,即完成了第2帧动画的创建。

ps怎么做gif动图可爱(PS教程简单五步)(13)

4. 按照上述方法,依次完成第3帧至第8帧动画的创建,将循环次数改为“永远”,单击播放动画按钮,观看动画效果,可以通过按住Shift键选中所有帧动画后,统一修改每一帧动画的延迟时间,延长或者缩短动画的播放时间,直至调出满意的动画节奏,这里我觉得0.2秒刚好。

ps怎么做gif动图可爱(PS教程简单五步)(14)

四、导出gif动图格式

1. 依次单击菜单栏的文件——导出——存储为Web所用格式。

ps怎么做gif动图可爱(PS教程简单五步)(15)

2. 将存储格式改为gif,将图像像素缩小至宽500像素,自动关联高度为527像素,左下角可以看到该动画的大小、时长等信息,单击存储,选择适当的位置保存。

ps怎么做gif动图可爱(PS教程简单五步)(16)

到这里整个猫咪哈哈笑的表情包就完成啦,是不是很可爱,哈哈O(∩_∩)O,马上发到微信里试一下吧~

ps怎么做gif动图可爱(PS教程简单五步)(17)

随手收藏用时更方便~点一个关注更新更多精彩内容呦!

,