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

用户头像
惠州/设计爱好者/10年前/3340浏览
一组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图标】旅行icon
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】体育icon
【新年UI图标】秒杀icon
【新年UI图标】汽车icon
【新年UI图标】30个图标
高级表盘系列UI源文件
钱包ui模板
户外旅行飞机情侣假日出行
新能源APP应用UIKit
Security Camera UI kit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
【新年UI图标】钱包icon
UI通用设计素材1
高级感金属拟物 UI设计组件库
拟物风质感写实UI卡片合集源文件
UI 登录界面设计模板包
你可能喜欢
大家都在看
登录注册