首页 > 设计 > 详细

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

时间：2016-02-04 15:32:13      阅读：190      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享

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

技术分享

技术分享

技术分享
 
2、把图片拖入到统一文件夹内。

技术分享

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

技术分享

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

技术分享
 
5、建立三条参考线，视图 > 参考线，以图片原始的宽带为基准，这里为300像素，参数线分别为300像素、600像素、900像素。

技术分享

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

技术分享

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

技术分享

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

技术分享
 
9、转到IR编辑动画。

技术分享

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

技术分享

11、复制当前帧。

技术分享

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

技术分享

技术分享
 
13、添加过渡帧。

技术分享

14、设置如下图。

技术分享

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

技术分享
 
16、导出之前优化画质设置。

技术分享

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

技术分享

17、文件存储为GIF格式。

技术分享

最终效果：

技术分享

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

原文：http://www.jb51.net/photoshop/39738.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！