大内高手社区

标题: 使用ps制作超级简单的gif [打印本页]

作者: 棉花糖不甜    时间: 2021-10-29 14:50
标题: 使用ps制作超级简单的gif

  一、制作基础层

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

[attach]277[/attach]

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



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

[attach]278[/attach]

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



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

[attach]279[/attach]

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



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

[attach]280[/attach]

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



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

[attach]281[/attach]

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


  二、制作时间轴

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

[attach]282[/attach]

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

  2、点击创建视频时间轴

[attach]283[/attach]

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



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

[attach]284[/attach]

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



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

[attach]285[/attach]

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



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

[attach]286[/attach]

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



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

[attach]287[/attach]

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



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

[attach]288[/attach]

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


  三、最后导出工作

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

[attach]289[/attach]

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


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

[attach]290[/attach]

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



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

[attach]291[/attach]

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


  含底色效果展示

[attach]292[/attach]

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



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








欢迎光临 大内高手社区 (http://bbs.tedu.cn/) Powered by Discuz! X3.4