做事不求人之用PS制作GIF图

markerWran.gif

分享价值,创造快乐!
点一点,赞一赞,好习惯!O(∩_∩)O

前端项目中少数时候会用到GIF图,GIF图其实也可以用CSS代替,但代码量需要比较多想偷懒,这时候直接做一个GIF图还是很好解决问题的,但找UI的话还要求人所以不如自己做。

其实GIF图制作还是很简单滴。
1、新建图层(版本Adobe Photoshop CC 2017)
做事不求人之用PS制作GIF图_第1张图片

2、选择窗口==>时间轴(有些版本PS是动画)
做事不求人之用PS制作GIF图_第2张图片

3、点击“创建帧动画”或者是“创建视频时间轴”
12586005-aee2ba98c2cde4ac.webp.jpg

4、点击“+”按钮上传图片
做事不求人之用PS制作GIF图_第3张图片

5、删除多余图层(这里可能是我不懂所以多了个新建的空白图层)
做事不求人之用PS制作GIF图_第4张图片

6、拉动时间点按钮到最后,再点击左下角按钮切换为动画
做事不求人之用PS制作GIF图_第5张图片

7、调整时间
做事不求人之用PS制作GIF图_第6张图片

8、选择永久
做事不求人之用PS制作GIF图_第7张图片

9、播放查看效果
做事不求人之用PS制作GIF图_第8张图片

10、导出GIF
做事不求人之用PS制作GIF图_第9张图片

这个制作过程看着挺多,其实制作起来整个流程大概就不到10分钟。

记得点个赞哦O(^_^)O

你可能感兴趣的:(前端)