您的位置:首页 > 办公文档 > 办公文档 >
Adobe Photoshop CS5制作微信动态GIF表情图片图文教程
时间:2016-11-16 09:36来源:文库分享网 作者:wkfxw.com 点击:

微信表情包如何实现个性化呢?如何使用Photoshop制作一个属于自己的个性化动态GIF表情图片呢?下面和大家分享的是快速制作微信动态GIF表情图片。(如下图,左为原动态表情图,右为添加文字后的动态图。)

copyright www.WKFXW.com

Adobe Photoshop CS5制作微信动态GIF表情图片

Adobe Photoshop CS5制作微信动态GIF表情图片


工具/原料

Adobe Photoshop CS5,GIF表情图片素材

方法/步骤

下载相关您喜欢的GIF静态表情图片,使用Adobe Photoshop CS5打开,打开的GIF动态图片素材,我们可以看到图层栏里包含了多个透明的图层,这就是GIF动态图通过快速播放多个图层而实现在动态显示,如下图。

Adobe Photoshop CS5制作微信动态GIF表情图片

Photoshop工具菜单栏,“窗口”--“动画”,勾选“动画”选项,此时工作台下方栏将显示动画(帧)栏。

Adobe Photoshop CS5制作微信动态GIF表情图片

Adobe Photoshop CS5制作微信动态GIF表情图片

在动画(帧)栏,点击选择第一个图帧,按住Shift键,点击最后一个图帧进行全帧图全选,然后,右侧 图层选项卡里,点击下方的“新建图层”按键新建一个透明图层。

Adobe Photoshop CS5制作微信动态GIF表情图片

选择新建的空白透明图层,在左边工具栏里选文字输入工具,在工作台上输入文字“好开心啊!”,也可以输入您喜欢的文字,方法操作一样。

Adobe Photoshop CS5制作微信动态GIF表情图片

此时点击动画栏下方的播放三角按键,就可以看到动画的播放效果了,不过,此时的文字是固定的,要想实现文字也跳动,继续下面操作。

Adobe Photoshop CS5制作微信动态GIF表情图片

在动画帧栏,选择图层帧2,在右侧的图层栏里将刚才的文字图层按向下拖到新建图层按钮,实现图层的复制。

Adobe Photoshop CS5制作微信动态GIF表情图片

点击文字图层,点击前面的小眼睛图标,去掉图层显示;然后选择刚才复制的文字图层,在工作台上,按Ctrl+T,将文字对角拉大,回车确定退出选择,如下图。

Adobe Photoshop CS5制作微信动态GIF表情图片

然后,动画帧栏选择图层帧3,再在右边的图层栏里,去掉“好开心啊!副本”前面的小眼睛,不显示,点击“好开心啊!”图层前面的小眼睛显示图层,依次这样选择图层帧4、5、6,分别这样回来两个图层的显示与隐藏操作,完成后点击动画帧栏下方的小三角按钮进入播放测试,看下效果。

Adobe Photoshop CS5制作微信动态GIF表情图片

Adobe Photoshop CS5制作微信动态GIF表情图片

播放测试动画后,将GIF动画进入GIF文件格式导出;操作方法为:文件--存储为web和设备所用格式。进行GIF文件导出。

Adobe Photoshop CS5制作微信动态GIF表情图片

格式选择为“gif”,然后存储。

Adobe Photoshop CS5制作微信动态GIF表情图片

格式窗口里,下方,选择“仅限图片”,确定保存即可完成GIF动态图片导出。

Adobe Photoshop CS5制作微信动态GIF表情图片

将做好的GIF动态表情图片在QQ或者微信上发送,或者导入表情或添加收藏到表情里即可,这样,一个个性的GIF表情图片就完成了。

注意事项

如果动画帧播放太快或者太慢的话,可以在动画帧栏里设置相关的时间,例如0.1秒、0.5秒等设置。

动态图片导出时一定要注意选择GIF格式啊。GIF动态图片要注意文件的太小,太大尺寸的GIF动态图播放比较占用系统资源。

0%
(0)
0%
(0)
最新评论
选择评论类型:
验证码:点击我更换图片
推荐文章

关于我们 | 信息反馈 | 网站地图 |文库提交