前端技术分享-码匠 极客编程技术分享

您当前位于:开发工具 ——> Photoshop中,如何获取gif图像中的某一帧

Photoshop中,如何获取gif图像中的某一帧

2015/04/28 14:10:37 | 作者:HTML5学堂(码匠) | 分类:开发工具 | 关键词:PhotoShop,gif,jpg,图片类型转换

GIF图像转换为多张JPG

HTML5学堂:在JS效果中,有一个使用代码处理多张连续的JPG图像,显示为动态GIF图的效果。于是乎,自己不得不制作多个连续的JPG图片。既然要做素材,也就顺便看看怎么用PS把GIF图像转换为多张JPG吧(如果不是有这个需求,感觉自己纯粹就是吃饱了撑得~~~)

首先,把gif图片下载下来,然后打开PhotoShop(CS3版本以上均可)

素材源图:
HTML5学堂 GIF图像转换为多张JPG 01

将GIF图片拖拽到PS当中的图层面板的状态(会将每一帧当做一个图层)
HTML5学堂 GIF图像转换为多张JPG 02

欢迎沟通交流~HTML5学堂

点击“文件”——>“脚本”——>将图层导出到文件,打开对话框
HTML5学堂 GIF图像转换为多张JPG 03

注意调整文件类型,还有,不要勾选仅限可见图层

然后点击确定,等待其自动处理即可,在处理结束之后会有提示~

动手试试吧~~~光看学不会什么的~

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端