一组GIF新年祝福表情包设计过程

用户头像
惠州/设计爱好者/10年前/3335浏览
一组GIF新年祝福表情包设计过程
用户头像
KBHao

年前做的一组微信新年祝福表情,因为在新浪城市站工作所以用了新浪logo的浪眼标志体现品牌特性。部分素材来源于网络,非原创,非商业性作品。给大家分享下基本的制作方法。

先看看最终的效果图





第一步,在PS中将整体设计图做好,重点是把需要做动画的元素放在单独的图层或组里,记得按Alt+shift+ctrl+e盖印图层(这点很有必要),保存为psd源文件。

889556d94e746ac7252ce67c2015.jpg

 (里面用到的书法字体可以在这个http://www.zhenhaotv.com/网站在线生成,支持透明背景)


第二步,打开AE导入PSD文件,选择导入类型为合成,如下图:

687856d94e8e6ac7252ce63d31c7.jpg


开始做动画,不具体讲(AE源文件在附件里提供下载),提几个关键的动画细节:1.每个字做动画的比例从0%到100%放大时,需要在100%关键帧前增加一帧比例要大于100%,如108%。这样字会有弹性的效果。

7cb356d94e9c32f875520f466dae.jpg

2.将之前盖印的图层放在最顶层,保留一帧即可(见图一),这样做是为了最后在微信选择发送表情时可用看到这个表情的具体内容(见图二)。

930e56d94eb86ac7252ce6eef8cf.jpg图一

fbcc56d94ec56ac7252ce617d43f.jpg

图二

动画做好后,导出视频,格式用AVI或MOV都可以。


第三部,制作GIF,1.打开ps,选择文件-导入-视频帧到图层,选择刚才导出的视频,确定。

823956d94ef132f875520f36baae.jpg

2.选择文件-存储为web和设备所用格式,选择GIF,大小改为160*160像素,尽量保证GIF文件小于80k(经过测试超过100k的GIF表情微信上不会动),通过修改颜色、耗损等参数可以调整GIF的大小,最后点击存储即可。

466b56d94efe6ac7252ce6498e56.jpg

最后祝大家2016生意兴隆 万事如意。



点赞才会灵哦!


56
举报
|
34
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
钱包ui模板
【新年UI图标】30个图标
高级感金属拟物 UI设计组件库
UI界面 组件
科技医疗透明柜UI界面设计
【新年UI图标】珠宝icon
UI通用设计素材1
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
APP/小程序商业项目UI模板|99个高保真UI+79个原型
盲盒APP UI设计
UI_3D图标“一本秘籍”(源文件
【新年UI图标】游戏/娱乐icon
【新年UI图标】会员icon
【新年UI图标】秒杀icon
【新年UI图标】影音icon
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
【新年UI图标】汽车icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
矢量立体简约UI蓝白图标
你可能喜欢
大家都在看
登录注册