分享

*轻松玩拼图(ps教程)

 春天没来 2016-02-09

*轻松玩拼图 (ps教程)

用ps制作拼图动画,效果挺美的,难度也不大。本节教程与朋友们共享我探讨整理的制作方法。
先欣赏一下效果:

制作步骤如下:
1、打开ps软件。
2、执行菜单栏“文件”“打开”命令。在电脑硬盘中找到要应用的图片素材,双击打开。右击“背景”图层,点击“背景图层”,将“背景图层”修改为“普通图层”。如下:

3、执行菜单栏“视图”“新建参考线”命令。选择:“垂直”,在“位置”右面的小方框内输入“200px”,然后点击“确定”按钮。参考线设置如下:

4、执行菜单栏“视图”“新建参考线”命令。选择:“垂直”,在“位置”右面的小方框内输入“400px”,然后点击“确定”按钮。
5、执行菜单栏“视图”“新建参考线”命令。选择:“水平”,在“位置”右面的小方框内输入“160px”,然后点击“确定”按钮。(新建“参考线”时,设置了参考线的“位置”,可以将“参考线”准确地放置到此位置中。)
此时,图像窗口效果如下:

说明:创建3条参考线,并确定每条参考线的位置,为的是将大图片平均分割为6个小图片。
6、按快捷键:“控制键+J”5次,复制5个图层。然后,分别把6个图层的名称修改为:1、2、3、4、5、6。
此时,图层面板效果如下:

7、点击图层“1”,选择工具栏“矩形选框工具”,拖动光标,将第一个小图片框入选区。右击选区,点击“选择反向”,然后,按键盘上的“删除键”删除所选图像,按快捷键:“控制键+D”取消选区。
8、点击图层“2”,拖动光标,将第二个小图片框入选区。右击选区,点击“选择反向”,然后,按键盘上的“删除键”删除所选图像,按快捷键:“控制键+D”取消选区。
9、重复“步骤8”的方法,处理第3—6个小图片。
说明:步骤7—9,是将每个图层中保留了一个小图片,其余的图像都删除掉啦。要记住了:图层“1”,是第一行的第一个小图片,图层“2”,是第一行的第二个小图片,以此类推,一直到图层“6”,是第二行的第三个小图片。记住每个图层中是哪个小图片,在下面的步骤创建“帧”与修改“帧”时,你就心中有数啦。
10、点击图层“6”,点击“图层面板”下方右起第二个图标:“创建新图层”。在图层“6”上方新建了一个图层:“图层1”,将此图层名称修改为“描边”。
11、选择工具栏“矩形选框工具”,拖动光标,将第一个小图片框入选区。执行菜单栏“编辑”“描边”命令。宽度:选择“1像素”,位置:选择“内部”,颜色:选择自己喜欢的颜色(我选择了绿色),然后点击“确定”按钮。按快捷键:“控制键+D”取消选区。
12、用相同的方法,为其余的5个小图片描边。然后执行菜单栏:“视图”“清除参考线”命令。
13、点击“图层面板”下方右起第二个图标:“创建新图层”,将新建的图层拖动到“图层面板”最下方,并将此图层名称修改为“背景”。
14、执行菜单栏“编辑”“填充”命令,填充“白色”。
15、创建“帧”与修改“帧”:
那6个小图片的位置,还记得吧?哪个小图片是哪个图层?下面要应用啦。
(1)执行菜单栏“窗口”“时间轴”命令,调出“时间轴”面板。“时间轴”面板中已经创建了一幅“帧”。点击“帧”下方的“小三角形”图标,在下拉菜单中选择“0.2”,把显示时间修改为0.2秒。
修改第一帧:选择工具栏的“移动工具”,关闭图层“6”的小眼睛(第二行的第三个小图片),在图像窗口中,将“3”拖动到“6”的位置中,将“2”拖动到“3”的位置中,将“5”拖动到“2”的位置中,将“4”拖动到“5”的位置中,将“1”拖动到“4”的位置中 。
小技巧:
拖动小图片时,先按住“控制键”,再用光标拖动。拖动完毕,放开“控制键”与“鼠标左键”。拖动另一幅小图片时,还是如此操作。
(2)点击“永远”一栏右起第二个图标:“复制所选帧”,创建了第二帧。
修改第二帧:将“1”返回到“1”的位置中。
(3)点击“永远”一栏右起第二个图标:“复制所选帧”。创建了第三帧。
修改第三帧:将“4”返回到“4”的位置中。
(4)点击“永远”一栏右起第二个图标:“复制所选帧”。创建了第四帧。
修改第四帧:将“5”返回到“5”的位置中。
(5)点击“永远”一栏右起第二个图标:“复制所选帧”。创建了第五帧。
修改第五帧:将“2”返回到“2”的位置中。
(6)点击“永远”一栏右起第二个图标:“复制所选帧”。创建了第六帧。
修改第六帧:将“3”返回到“3”的位置中。
(7)点击“永远”一栏右起第二个图标:“复制所选帧”。创建了第七帧。
修改第七帧:开启图层“6”的小眼睛。修改这一帧的显示时间为“2秒”。(最后一“帧”是全图显示,显示时间应该长一些。)
16、添加过渡帧:
分别选择“第一帧、第四帧、第七帧、第十帧、第十三帧”添加过渡帧。(最后两帧无需添加“过渡帧”)
添加“过渡帧”的方法如下:
点击“时间轴”面板最右面的“菜单”按钮(一个小三角形与四条短横线组成的图标),点击“过渡…”,在弹出的“过渡”页面中,设置如下图,然后点击“确定”按钮。

16、测试效果:
点击“永远”一栏右起第五个图标:“播放动画”(小三角形图标)测试效果。
17、保存动画:
执行菜单栏的文件“存储为Web所用格式…”
在弹出的方框下方点击“存储…”。
在又一次弹出的方框中输入文件名(例如:新春贺卡.gif),“格式”选择为:“仅限图像”,选择保存的地方(例如:桌面),点击“保存”按钮。
完成效果如下:

掌握了制作方法以后,你也可以将大图片分割为更多个小图片,效果将更美。
再举一例:

这一幅又变换了一种拼图方式。
用ps制作拼图动画,你喜欢吗?试着制作一幅吧。

              


“春天没来”编撰

2016年2月9日于北京


    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多