签名档吧 关注:144,582贴子:849,175
  • 11回复贴,共1

|QM_Bar|【教程】转载——拼图签

取消只看楼主收藏回复

1L度~不知道有没有人发过,,


IP属地:河南1楼2012-08-14 15:15回复
    首先先新建一个500*200的画布
    再用切片工具,将图片按比例分成10块
    比如按照下面这个例子这样:

    因为我们要将整张图分成一模一样的10 小块,因此,在图片上点右键,然后这样调整切片工具的选项:

    


    IP属地:河南2楼2012-08-14 15:17
    收起回复
      用矩形选择工具直接沿着刚才用切片工具选好的边缘裁截下10个小方块图片

      用矩形工具选择了小方块之后,每勾选一个小块之后,都按ctrl+c,再按Ctrl+v,将小方块复制到新的图层中。这样复制10次,就会将10个小图片分出来,分到10个新图层中。
      分好图片以后,下一步,把每一个小图片的图层的混合选项打开,选择斜面和浮雕
      


      IP属地:河南3楼2012-08-14 15:19
      收起回复

        在调斜面和浮雕的具体数值的时候,我之前调的大小是1,但是格子的效果不明显。所以,调2效果比较好。这个地方,大家可以根据自己的喜好来调。
        


        IP属地:河南4楼2012-08-14 15:20
        回复
          下面,就要制作拼图的动画了。这时候没有动画的朋友注意了:
          先打开动画窗口。点窗口——动画,调出动画窗口。
          随便去掉一个小图片图层的眼睛,将一个小图片隐藏。去掉眼睛的那个是你的拼图签最后一块出现的图图(拼图要先消失一块才能逐渐移动,然后这块拼图再在最后出现)
          例如这样:

          


          IP属地:河南5楼2012-08-14 15:20
          回复
            下面,就是打散拼图的重要步骤了。拼图要先打散,然后在从这个打散的位置,慢慢移动,变成一张完整的图。打散图片的顺序可以随意,但是打散图片的过程一定要按着我们平时拼图的样子来不能直接放在自己想要的位置要一点一点移过去。

            打散图片以后就可以打开动画选项了,按照你打散图片的顺序反向再弄回去。
            那么,怎么用动画调反方向还原图片实现拼图效果呢?这个需要每一小步都复制一个动画帧来进行。
            


            IP属地:河南6楼2012-08-14 15:21
            回复
              先复制一帧
              打散的图片先不要急着恢复和变动
              要先选中第二帧,在第二帧里面移动一块图片,让拼图移动一个位置。


              IP属地:河南7楼2012-08-14 15:23
              回复
                移动前

                移动后
                


                IP属地:河南8楼2012-08-14 15:28
                回复
                  依此类推,复制一帧推一块。在最后,让10个小方块恢复成一张图片完整的样子。记得在最后一帧的时候,把去掉眼睛的那个图层恢复,也就是让图层显示,图片就完整了。
                  再次提醒大家,这里图片移动顺序是按照你打散图片的顺序倒着来的,其实就是按照你打乱的顺序重现在恢复图片。
                  只要记得每一动一张小图片就复制一帧就行。
                  弄好后我们来过度一下帧数

                  过渡帧的设置,是在每两个复制帧中间都加一个过渡帧
                  然后,将所有的动画帧选中,调节帧出现的时间,时间0.1秒或者0.2秒都可以。

                  


                  IP属地:河南9楼2012-08-14 15:29
                  回复
                    最后,存储图片的时候保存gif格式 就ok啦。
                    作品完成效果如下



                    IP属地:河南10楼2012-08-14 15:31
                    收起回复
                      教程结束~
                      ==============================瓦是华丽的分割线====================================


                      IP属地:河南11楼2012-08-14 15:32
                      收起回复
                        谢谢大家交作业呐不过我现在在学校补课所以只能看到静态图,悲催~至于一些童鞋说保存的是一堆切片,可能是你没有在做的时候删除切片,如果做出来的是静态那就说明你格式错啦,好了大概可能出现的问题就这么多抱歉没有及时回复大家哪!


                        IP属地:河南来自手机贴吧35楼2012-08-17 00:59
                        收起回复