返回顶部

使用ps制作超级简单的gif

[复制链接]
棉花糖不甜Lv.2 显示全部楼层 发表于 2021-10-29 14:50:30 |阅读模式 打印 上一主题 下一主题

  一、制作基础层

  1、新建画布,大小500*500px,分辨率72


(图片来源于公开网络,若涉及侵权联系尽快删除)



  2、将背景直接填充为黑色,打上喜欢的文字,呀是月亮哇


(图片来源于公开网络,若涉及侵权联系尽快删除)



  3、复制刚才的文字,原位粘贴,填充一个别的颜色


(图片来源于公开网络,若涉及侵权联系尽快删除)



  4、画一个文字大小的矩形(为便于观察,我先用白色的,后续会换成背景色)


(图片来源于公开网络,若涉及侵权联系尽快删除)



  5、关键来咯!将矩形放在绿色文字下层,并作为他的剪贴蒙版


(图片来源于公开网络,若涉及侵权联系尽快删除)


  二、制作时间轴

  1、打开我们的 窗口——时间轴


(图片来源于公开网络,若涉及侵权联系尽快删除)

  2、点击创建视频时间轴


(图片来源于公开网络,若涉及侵权联系尽快删除)



  3、我们gif用不了那么长的时间,所以裁剪掉一部分。


(图片来源于公开网络,若涉及侵权联系尽快删除)



  4、左侧栏里,选中我们创建的矩形,点击矢量蒙版位置,将白色矩形拖拽至如图位置(绿色文字刚好看不见),并新建关键帧


(图片来源于公开网络,若涉及侵权联系尽快删除)



  5、移动红线至时间轴最末端,再次点击新建关键帧,然后拖动矩形至如图位置(刚好完全显示出绿色文字层)


(图片来源于公开网络,若涉及侵权联系尽快删除)



  6、以上效果确认无误后,我们再将矩形的颜色改为背景色,我这里是黑色


(图片来源于公开网络,若涉及侵权联系尽快删除)



  7、现在矩形和背景融为一体,矩形移动的过程,就是文字的逐渐显示的过程


(图片来源于公开网络,若涉及侵权联系尽快删除)


  三、最后导出工作

  1、设置动画为循环播放(点击设置按钮——勾选循环播放)


(图片来源于公开网络,若涉及侵权联系尽快删除)


  2、点击 文件——导出——存储为web所用的格式


(图片来源于公开网络,若涉及侵权联系尽快删除)



  3、选择GIF——点击存储,大功告成!


(图片来源于公开网络,若涉及侵权联系尽快删除)


  含底色效果展示


(图片来源于公开网络,若涉及侵权联系尽快删除)



【免责声明】本文部分系转载,原文:UI中国,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与联系我们,我们会予以更改或删除相关文章,以保证您的权益!



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • 微信公众号

  • Powered by Discuz! X3.4 | Copyright © 2002-2021, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图 | 京公网安备 11010802029508号