分享

PS制作相册自动翻页GIF动画动态效果详细教程(3)

 大唐草根读书馆 2015-09-24

  〖图片23〗

按此在新窗口浏览图片

  ②、画好椭圆后描边〖图片24〗

按此在新窗口浏览图片

  ③、再执行图层样式中的『斜面和浮雕』〖图片25〗

按此在新窗口浏览图片

  ④、用高光笔刷在环扣上刷些高光,CTRL+D取消选区,再用工具栏橡皮擦工具将椭圆环扣下面的部分擦掉。

  ⑤、将环扣图层再用快捷键“CTRL+J”复制8份,分别选中复制的三个图层,用移动工具将环扣拖入到其它的8个圆孔中。按住CTRL键能更准确地移动放置

  到合适的位置。所有环扣放好后将环扣图层合并。〖图片26〗

按此在新窗口浏览图片

  五、相册动画图片角度定位

  现在开始做翻页相册动画中相页翻起来的形状。

  1、先选照片1--2图层,然后按住键盘上的“CTRL”键,再选择照片2--2图层,照片3--2图层,点图层面板下面的链接按钮,将这三个照片图层链接。

  〖图片27〗

按此在新窗口浏览图片

  2、再选择菜单栏『编辑』→『变换』→『斜切』,用鼠标拖动右边中间的控制点往左上角拉,将照片拉成下面翻起来的形状。并在上边建立建立一条

  水平参考线,为左边图片高度上变换提供参考〖图片28〗

按此在新窗口浏览图片

  3、用移动工具修正因变换而使图片圆孔偏移,好后关闭这3个图层。〖图片29〗

按此在新窗口浏览图片

  4、相同的操作方法再将1--3,2--3,3--3图层链接,斜切成下面的形状,这一步斜切后的角度要比上一步大些。一次斜切到不了位,可用自由变换+斜切

  交替变换。〖图片30-32〗。好后关闭这3个图层。

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  5、最后将1--4,2--4,3--4图层链接,斜切成上边参考线同一高度。〖图片33〗。好后关闭这3个图层。

按此在新窗口浏览图片

  六、相册动画制作的空间概念

  现在开始考验你的图层空间能力了,嗄嗄~~ 这样整个相册全部做好,最后的操作就是动画操作。

  2、相册动画图片循环的空间概念

  先看〖图片34〗再说明吧。从5张图片中我们已经有一个基本空间感了,这为下面图片打乱不会搞晕。

按此在新窗口浏览图片

  这里只要掌握二个要点:

  ①、当要显示图层被摭挡住时,把被摭挡图层向上拖就行了。

  ②、想象下相册一页一页翻动过程是怎样的?这个谁都会,那就是接下做就不难了。只要把当前动画帧上需显示的图层点亮,并上下调正图层顺序就ok了。

  截下一个个图层加以说明是很费劲的昵~~截下很多图层实际是无意义的。只要多试几次,应该就会会了。

  七、相册动画制作

  1、菜单栏『窗口』→『动画』,打开动画编辑工具,在动画编辑过程中始终打开『环扣』、『扉页』和『相册封底』。

  为便于大家理解,我把下面几个始终打开的图层(相册封底、扉页)合并在新创建组中,并把该组命名为『扉页+相册封底』,其它照片图层眼睛需要

  时才打开。

  2、动画第1帧对应图层=『环扣』+『扉页+相册封底』+图层1-1+图层3-5〖图片35〗

按此在新窗口浏览图片

  3、点动画编辑工具的『复制所有帧』复制1帧为第2帧

  动画第2帧对应图层=『环扣』+『扉页+相册封底』+图1-2+图层2-1+图层3-5〖图片36〗。

按此在新窗口浏览图片

  注意图层顺序已经向上移动,这里图层颜色起作用了。

  4、点动画编辑工具的『复制所有帧』复制1帧为第3帧

  动画第3帧对应图层=『环扣』+『扉页+相册封底』+图层1-3+图层2-1+图层3-5〖图片37〗

按此在新窗口浏览图片

  5、点动画编辑工具的『复制所有帧』复制1帧为第4帧

  动画第4帧对应图层=『环扣』+『扉页+相册封底』+图层1-4+图层2-1+图层3-5〖图片38〗

按此在新窗口浏览图片

  6、点动画编辑工具的『复制所有帧』复制1帧为第5帧

  动画第5帧对应图层=『环扣』+『扉页+相册封底』+图层1-5+图层2-1〖图片39〗

按此在新窗口浏览图片

  到这里已经完成第一张相片的一个循环动作。我再把第二张相片动作做出来后,接下你应该会了吧。

  7、点动画编辑工具的『复制所有帧』复制1帧为第6帧

  动画第6帧对应图层=『环扣』+『扉页+相册封底』+图层1-5+图层2-2+图层3-1〖图片40〗

按此在新窗口浏览图片

  接下去怎么做应该有头绪了以~~

  8、注意动画最后一帧是与第一帧的动画对应图层是一样的,只是图层已经打得很乱了,这就是相册动的一个循环周期。〖图片41〗

按此在新窗口浏览图片

  9、动画时间设定〖图片42〗

  ①、动画头尾2帖时间设定为0.5秒

  ②、被斜切图层时间设定为0.3秒

  ③、中间2个平面图层时间设定为1秒

  ④、动画运动周期改为永远

  9、动画保存

  『文件』→『存储为web和设备所用格式』(略)

按此在新窗口浏览图片

  最终效果!

按此在新窗口浏览图片

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多