1. 首页 > ps教程 > 用ps制作动态图片教程(用photoshop制作gif动画)

用ps制作动态图片教程(用photoshop制作gif动画)

本文主要为大家介绍用ps制作动态图片教程(用photoshop制作gif动画),下面一起来看看具体内容吧。

gif格式的图片是我们最常用的图片格式。在网上浏览图片的时候,我们经常会遇到动态图片,而这张图片的格式是gif格式的。那么如何做出这样的动态画面呢?下面小编就为大家详细介绍一下,快来看看吧!

用ps制作动态图片教程(用photoshop制作gif动画)

用ps制作动态图片教程(用photoshop制作gif动画)

1、启动Photoshop cs5,打开一张从网上下载的卷轴图片,在图层面板中双击背景图层,使其成为普通图层。

用ps制作动态图片教程(用photoshop制作gif动画)

2、选择工具箱中的磁性套索工具,选中右边的卷轴,然后按ctrl+c复制,执行file-open命令,打开另外一张事先准备好的图片,在图片上按ctrl+v键组合粘贴。

用ps制作动态图片教程(用photoshop制作gif动画)

用ps制作动态图片教程(用photoshop制作gif动画)

3、执行image-image size命令,修改宽度为500,高度为232,点击确定按钮,然后执行image-canvas size,打开对话框,修改宽度为500,高度为262,然后单击“确定”按钮

用ps制作动态图片教程(用photoshop制作gif动画)

4.选中背景层,按ctrl+j复制背景层,选中图层1,将图层名称改到左边,右击卷轴,在下拉菜单中选择自由变换选项,调整其大小和位置。

用ps制作动态图片教程(用photoshop制作gif动画)

5、在图层面板中选中“Left”图层,按ctrl+j复制一个新图层并改名为“Right”,调整绘画轴的位置,使其靠近左侧绘画轴。

用ps制作动态图片教程(用photoshop制作gif动画)

6、选中右侧图层,选择工具箱中的矩形选框工具绘制一个矩形选区,执行编辑-填充命令,在弹出的对话框中选择前景色填充,点击确定按钮。

用ps制作动态图片教程(用photoshop制作gif动画)

7、执行window-animation命令,选中第一帧,点击copy selected frame按钮得到舞台下的第二帧,按住shift键用鼠标左键拖动动画轴向右。

用ps制作动态图片教程(用photoshop制作gif动画)

8、用同样的方法复制一帧,按住shift键向右移动一定距离,直到向右移动。

用ps制作动态图片教程(用photoshop制作gif动画)

9、这时候可以点击下方播放按钮查看效果。可以点击按钮选择帧延迟时间,在弹出的菜单中选择延迟时间。这里我们设置为2s。

用ps制作动态图片教程(用photoshop制作gif动画)

10. 执行文件——以网络和设备使用的格式存储它,会弹出一个对话窗口。点击保存按钮,弹出对话框,在里面输入1,类型选择image和html,然后点击确定按钮。

用ps制作动态图片教程(用photoshop制作gif动画)

以上就是用Photoshop制作动态gif图片的教程。教程比较基础。希望这篇文章能对大家有所帮助!

关于用ps制作动态图片教程(用photoshop制作gif动画)的介绍到这里就结束了,了解更多办公软件知识可以收藏我们的网站,我们将为你提供更多精彩内容。

本文由张大胖发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/250960.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息