恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一组GIF新年祝福表情包设计过程
0.0°
2016-03-01 原创文章 经验/观点 举报 6050 23 34 0

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

先看看最终的效果图
Image title

Image title


Image title

Image title

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

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


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

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


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

图一

Image title

图二

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


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

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

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


Image title

点赞才会灵哦!

更新:2016-03-01

下载
收藏

23人已收藏

科比豪

下一个大师

  • 13

    作品

  • 11

    粉丝

  • 12

    关注

  • 用AE可以做怎样的表情?
  • 海贼王描边图标
  • APP页面动效 纯色块
  • AE圆点运动练习

    猜你喜欢

      2016-03-01 原创文章 经验/观点 举报 6050 23 34 0

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

      0.0°

      你确定要举报一组GIF新年祝福表情包设计过程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年03月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      34
      23
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录