打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
巨量创意–制作表情包

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

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

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

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

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

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

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

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

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

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

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

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

下面是具体的操作步骤:

一、动画素材准备

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

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

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

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

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

二、帧动画静态设计

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

 

三、让帧图层动起来

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

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

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

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

四、导出gif动图格式

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

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

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

- The End -

------------------------------------------------------------------------

本文来自公众号“PS教程自学平台photoshop”,作者“薛小盒”(ID:itblwbbs),巨量创意转载发布

------------------------------------------------------------------------

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
一只“拉臭臭”的猫咪火了,嘴巴不停用力,动图表情萌翻全网!
Coreldraw结合Rave制作动画
Photoshop制作一张搞笑QQ表情
怎么制作会说话的照片?
搞笑动态图
QQ动画表情制作教程
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服