
分享价值,创造快乐!
点一点,赞一赞,好习惯!O(∩_∩)O
前端项目中少数时候会用到GIF图,GIF图其实也可以用CSS代替,但代码量需要比较多想偷懒,这时候直接做一个GIF图还是很好解决问题的,但找UI的话还要求人所以不如自己做。
其实GIF图制作还是很简单滴。
1、新建图层(版本Adobe Photoshop CC 2017)

2、选择窗口==>时间轴(有些版本PS是动画)

3、点击“创建帧动画”或者是“创建视频时间轴”

4、点击“+”按钮上传图片

5、删除多余图层(这里可能是我不懂所以多了个新建的空白图层)

6、拉动时间点按钮到最后,再点击左下角按钮切换为动画


7、调整时间


8、选择永久

9、播放查看效果

10、导出GIF


这个制作过程看着挺多,其实制作起来整个流程大概就不到10分钟。
记得点个赞哦O(^_^)O
网友评论