制作轮播动画（2）（ps教程）.docx

《制作轮播动画（2）（ps教程）.docx》由会员分享，可在线阅读，更多相关《制作轮播动画（2）（ps教程）.docx（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、*制作轮播动画（2） （ps教程）*制作轮播动画 （2） （ps教程）前几天撰写了一篇教程：*制作轮播动画（ps教程） 【原】，有些朋友来信询问，向左滚动的轮播动画，我们基本 上会制作啦，如果想制作向上滚动的轮播动画，步骤有什么不同 呀？“向左”滚动的轮播动画，是把几幅图像横排放到一个空白 文件中，然后合并图层，合并为一幅图像；而“向上”滚动的轮 播动画，需把几幅图像竖排放到一个空白文件中，然后合并图 层，合并为一幅图像，其它的步骤就基本相同啦。为了使朋友们能够弄明白，特撰写本节教程。具体步骤如下：1、打开ps软件。2、执行菜单栏“文件”“打开”命令。在你的电脑硬盘中 找到要应用的一幅图片素材

2、，双击打开。3、重复步骤2,将你的图片素材一幅一幅地都打开。（我以 4张图像为例讲解）4、以一幅图像的大小为标准，将其它图像分别执行菜单栏“图像”“图像大小”命令。在弹出的方框中修改“宽度”与 “高度”，点击“确定”按钮。把几幅图像的大小都修改一致。（我使用的图像大小为：400*614）5、分别在打开的各幅图像中“右击”图层面板中的“背 景”图层，点击“背景图层”，将背景图层转化为普通图层。6、执行菜单栏“文件”“新建”命令，新建一个空白文 件。空白文件的“宽度”与你要应用的图片的“宽度”要一致， 空白文件的“高度”等于你要应用的五幅图片高度之和。（为什 么是五幅图片宽度之和？因为第一幅图片要

3、应用两次。）7、选择工具栏的“移动工具”，分别点击各幅图片的“标 题窗口”，将各幅图片拖动到空白文件中，一幅挨一幅的放置 好，然后执行菜单栏的“图层”“合并图层”命令。此时，图像窗口效果如下（缩小以后的图像）：8、选择工具栏的“裁剪工具”，去掉工具属性栏中“删除 裁剪的像素”前面小方框中的“勾”。然后，拖动裁剪框，使裁 剪框真好框住一幅图片，点击“提交”按钮：。效果如下：9、执行菜单栏的“窗口” “时间轴”命令，调出“时间 轴”面板。这时，ps界面下方“时间轴”面板中已经创建了一幅 “帧”。所谓“帧”，就是缩小的画面，是“图像窗口”中的图 像缩小以后的画面。点击“时间轴”面板下方“永远” 一栏

4、右起第二个图标：“复制所选帧”四次。使“时间轴”面板中显示出五幅“帧”。 要记住了，这五幅帧是“关键帧”。下面的步骤中我们还要添加“过渡帧”。此时。“时间轴”面板效果如下：看到了吧，这五幅“帧”是相同的“帧”，也就是说，这五 幅“帧”中的图像是一样滴。10、下面接着修改“帧”，把帧中的“图像”换为不同的图 像。“第一帧”无需修改。因为后面的四幅帧都是复制的第一 帧。选择“第二帧”，选择工具栏的“移动工具”，将光标放置 到“图像窗口”中向左平移，使第二幅图像完全显示出来。“第 二帧就修改好啦。选择“第三帧”，选择工具栏的“移动工具”，将光标放置 到“图像窗口”中向左平移，使第三幅图像完全显示出来

5、。“第 三帧”就修改好啦。选择“第四帧”，选择工具栏的“移动工具”，将光标放置 到“图像窗口”中向左平移，使第四幅图像完全显示出来。“第 四帧”就修改好啦。选择“第五帧”，选择工具栏的“移动工具”，将光标放置 到“图像窗口”中向左平移，使第五幅图像完全显示出来。“第五帧”就修改好啦。11、下面开始添加“过渡帧”。选择“第一帧”，点击“时 间轴”面板中的“菜单”按钮（“时间轴”面板最右面的那个图 标：一个小三角形与四条短横线的图标。），然后点击“过 渡”，在弹出的“过渡”对话框中设置“要添加的帧数”为 “5”，选择“选中的图层”，其它参数选择默认值，不必理 会。如下图：此时，“时间轴”面板中添加

6、了五幅“过渡帧”。原来的第 二幅“关键帧”现在转移到第七幅“帧”的位置中。选择第七帧，点击“时间轴”面板中的“菜单”按钮，点击 “过渡”，在弹出的“过渡”对话框中设置“要添加的帧 数”为“3”，其它参数选择默认值。选择第十三帧（原来的第三幅关键帧），点击“时间轴”面 板中的“菜单”按钮，点击“过渡”，在弹出的“过渡”对 话框中设置“要添加的帧数”为“3”，其它参数选择默认值。选择第十九帧（原来的第四幅关键帧），点击“时间轴”面 板中的“菜单”按钮，点击“过渡”，在弹出的“过渡”对 话框中设置“要添加的帧数”为“3”，其它参数选择默认值。第一帧、第七帧、第十三帧、第十九帧是我们一开始创建的 “关

7、键帧”。分别点击“第一帧、第七帧、第十三帧、第十九 帧”的“0秒”，在弹出的方框中选择“2.0”，把这四幅帧的延续时间修改为2秒，然后把最后一幅“关键帧”删除掉。上面这一步，为什么要选择“第一帧、第七帧、第十三帧、 第十九帧？你想想，我们起初创建了五幅“关键帧”，就是应 用了五幅图像。“一至四”幅图像各添加了 5幅“过渡帧”，就 是每幅图像应用了 6次，原来的“第二帧”就变为“第七帧” 啦，原来的“第三帧”就变为“第十三帧”啦，原来的“第四 帧”就变为“第十九帧啦。“关键帧”要让它显示得时间长一些，可以修改为“2 秒”、“3秒”等等。“过渡帧”的显示时间只能设置为“0 秒”，不然的话，效果就不

8、美观啦。最后的一幅“关键帧”，是第一幅“关键帧”的重复。它所 起的作用是由最后第二幅关键帧到第一幅关键帧的过渡作用，因 此，不但不必添加过渡帧，而且，在最后第二幅关键帧添加过渡 帧以后，要把它“删除”掉。13、测试效果：点击“播放”按钮测试效果（“播放”按钮就是“永远” 一 栏向右的那个小三角形图标。），看看效果如何。如果有不满意 的地方，还可以修改欧。14、保存图像：执行菜单栏的文件“存储为Web所用格式” o在弹出的方框下方点击“存储”。在又一次弹出的方框中输入文件名（例如：轮播动画.gif）, “格式”选择为：“仅 限图像”，选择保存的地方（例如：桌面），点击“保存”按 钮。在又一次弹出

9、的方框中输入文件名（例如：轮播动 画.gif）, “格式”选择为：“仅限图像”，选择保存的地方 （例如：桌面），点击“保存”按钮。效果如下：“反向帧”效果：（点击“时间轴”面板中的“菜单”按钮 （“时间轴”面板最右面的那个图标：一个小三角形与四条短横 线的图标。），然后点击“反向帧”，即可得到“反向帧”。） 最后，举一例横向滚动的轮播动画供欣赏：在轮播动画中添加了背景与上下边框。你试试，会不会制作 这种效果呀？*我的原创作品原我的精品文章原*边框制作与欣赏原*精美边框任您选ps教程应用实例*ps教程应用汇集原*代码学习群教程原*代码入门教程原*精美顶图任您选原*制作图书馆首页顶图*百荷音画集锦原*介绍几个音画网站原*佳作赏析*两性健康话题原*百荷音画收藏方法原*美女导航原*网页特效*万病从根治*在线制作原*教您制作卷轴画*自然之谜*教您制作移动图片*自然界的声音*处女与非处女区别中国功夫巨星“性友谊”悄悄流行*性爱与婚姻*性与爱的艺术“春天没来”编撰2016年1月20日于北京