Home  >  Article  >  Web Front-end  >  Photoshop为GIF动画制作简单的图片轮番展示

Photoshop为GIF动画制作简单的图片轮番展示

PHP中文网
PHP中文网Original
2017-03-20 13:29:361830browse

最终效果

Photoshop为GIF动画制作简单的图片轮番展示

1、在PS中打开相同大小的三幅图片,为使图片不错位,图片大小要一致,也可以在打开后修改大小。

Photoshop为GIF动画制作简单的图片轮番展示

Photoshop为GIF动画制作简单的图片轮番展示

Photoshop为GIF动画制作简单的图片轮番展示
 
2、把图片拖入到统一文件夹内。

Photoshop为GIF动画制作简单的图片轮番展示

3、双击解锁背景层,按Ctrl + J 复制一层。

Photoshop为GIF动画制作简单的图片轮番展示

4、选择菜单:图像 > 画布大小,打开画布大小对话框,因为我们有四个图层,所以把画布宽带放大到四倍,放大后效果如下图。

Photoshop为GIF动画制作简单的图片轮番展示
 
5、建立三条参考线,视图 > 参考线,以图片原始的宽带为基准,这里为300像素,参数线分别为300像素、600像素、900像素。

Photoshop为GIF动画制作简单的图片轮番展示

6、分别把图片的对其参考线,效果如下图。

Photoshop为GIF动画制作简单的图片轮番展示

7、按Ctrl + E合并所有可见图层。

Photoshop为GIF动画制作简单的图片轮番展示

8、转到裁切工具,如下图所示进行裁切。

Photoshop为GIF动画制作简单的图片轮番展示
 
9、转到IR编辑动画。

Photoshop为GIF动画制作简单的图片轮番展示

10、打开窗口 > 动画面板。

Photoshop为GIF动画制作简单的图片轮番展示

11、复制当前帧。

Photoshop为GIF动画制作简单的图片轮番展示

12、转到移动工具,按住Shift 键拖动图层,如下图第一幅图所示为拉动过程,最后拉到最后一幅图片与第一幅图片重合,因为两副图片是一样的。

Photoshop为GIF动画制作简单的图片轮番展示

Photoshop为GIF动画制作简单的图片轮番展示
 
13、添加过渡帧。

Photoshop为GIF动画制作简单的图片轮番展示

14、设置如下图。

Photoshop为GIF动画制作简单的图片轮番展示

15、最后适当增加每一个图片完全显示的那一帧的时间,如下图。

Photoshop为GIF动画制作简单的图片轮番展示
 
16、导出之前优化画质设置。

Photoshop为GIF动画制作简单的图片轮番展示

17、选择菜单:文件 > 将优化结果存储为。

Photoshop为GIF动画制作简单的图片轮番展示

17、文件存储为GIF格式。

Photoshop为GIF动画制作简单的图片轮番展示

最终效果:

Photoshop为GIF动画制作简单的图片轮番展示

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn