当前位置:主页 > 文字特效 >

拼图教程,CS6做拼图动画图片【多图】

  • 文字特效
  • 2022-10-03 17:28
  • shine日月星岑8,拼图教程,动画闪字,拼图,动画,图片

修图匠“拼图教程,CS6做拼图动画图片【多图】”Photoshop图文教程内容: 跟大家分享一个拼图动画效果教程,大家发挥想像,用这个方法做出更好的拼图动画片。

第一步:拖入素材图层,缩变好大小,让度娘审核能通过的大小哦

1,打开PS,新建500x200图层

拼图教程,CS6做拼图动画图片

2,打开你要做滴图,裁好大小。放到新建图层里。可以用矩形工具直接截图放进

拼图教程,CS6做拼图动画图片

第二步:选择“裁切工具”;里面的“切片工具” ,点右键,把素材画布裁切为水平2格,横版的5格,均分为10个小方格

1.选择工具

拼图教程,CS6做拼图动画图片
里滴

拼图教程,CS6做拼图动画图片
在图层上点右键选划分切片

拼图教程,CS6做拼图动画图片
点确定,效果

拼图教程,CS6做拼图动画图片

第三步:选择文件菜单栏的“新建工具”,重新去建一个新画布500X200,白色

拼图教程,CS6做拼图动画图片
点标题-1
选择“裁切工具”里面的“切片工具”并且左键点第一个小方格

拼图教程,CS6做拼图动画图片
然后点菜单---编辑---拷贝,点标题-2,菜单---编辑----黏贴,将小方格拷贝粘贴到“新建的空白画布”也就是标题-2上去

拼图教程,CS6做拼图动画图片
依次将10个都用相同滴方法,从标题-1拷贝到标题-2,将顺序排好

拼图教程,CS6做拼图动画图片
右键点10小格

拼图教程,CS6做拼图动画图片
然后点菜单栏编辑----拷贝
然后点开标题-2

拼图教程,CS6做拼图动画图片
点菜单栏编辑---黏贴
10个小图复制完成

拼图教程,CS6做拼图动画图片
和原图一样

标题-2图层为

拼图教程,CS6做拼图动画图片

接着选择图层样式里面的斜面浮雕,让小方格一个都突起,像一块块的拼图小格子。
 

拼图教程,CS6做拼图动画图片

拼图教程,CS6做拼图动画图片

将10个图层都做出浮雕样式
可以右键

拼图教程,CS6做拼图动画图片
拷贝图层样式,然后给每个图层
右键黏贴----粘贴图层样式
最后

拼图教程,CS6做拼图动画图片


做完就到了动画模式,打开动画面板,第一帧是整个完整的拼图格,第二帧,让其中一个小方格消失,这样方便拖移其余的小方格,至于让哪一格消失,自由选择。第三帧,让小方格随着消失的方格处移动,就想拼图一样,将顺序按照拼图的格局打乱,使每一格都移动了位置。这样建了有大概11帧,在每2帧之间建3个过度帧(为什么是3帧,主要是帧数少了,方便度娘审核,不然一定要降低色相,到时就难看了)。这样差不多有30几帧,最后一步,选择全部帧,再选择反向帧,就像打算顺序的拼图,再次拼回原来的样子



继续


1。点灭任何一个图层的眼睛。瓦点滴图层一

拼图教程,CS6做拼图动画图片
所以效果是这样

拼图教程,CS6做拼图动画图片


2.第三帧

拼图教程,CS6做拼图动画图片
第四帧

拼图教程,CS6做拼图动画图片
第五帧

拼图教程,CS6做拼图动画图片

依次移动小方框,注意,每一帧要复制一层再移动

最后一帧

拼图教程,CS6做拼图动画图片


3.这样建了有大概11帧,

拼图教程,CS6做拼图动画图片
在每2帧之间建3个过度帧,点

拼图教程,CS6做拼图动画图片选3

拼图教程,CS6做拼图动画图片
这样一共41帧。选择全部帧,然后反向,点小三角选择合适滴时间,成下面这样

拼图教程,CS6做拼图动画图片
将最后一帧,也就是没有空白滴那一帧,把它的时间设置长一点,便于观看整图,瓦选滴1.5秒,可以自己看着设置,成这样

拼图教程,CS6做拼图动画图片

最后点播放

拼图教程,CS6做拼图动画图片,看一下效果
成品

拼图教程,CS6做拼图动画图片

完工

 

跟大家分享一个拼图动画效果教程,大家发挥想像,用这个方法做出更好的拼图动画片。

第一步:拖入素材图层,缩变好大小,让度娘审核能通过的大小哦

1,打开PS,新建500x200图层

拼图教程,CS6做拼图动画图片

2,打开你要做滴图,裁好大小。放到新建图层里。可以用矩形工具直接截图放进

拼图教程,CS6做拼图动画图片

第二步:选择“裁切工具”;里面的“切片工具” ,点右键,把素材画布裁切为水平2格,横版的5格,均分为10个小方格

1.选择工具

拼图教程,CS6做拼图动画图片
里滴

拼图教程,CS6做拼图动画图片
在图层上点右键选划分切片

拼图教程,CS6做拼图动画图片
点确定,效果

拼图教程,CS6做拼图动画图片

第三步:选择文件菜单栏的“新建工具”,重新去建一个新画布500X200,白色

拼图教程,CS6做拼图动画图片
点标题-1
选择“裁切工具”里面的“切片工具”并且左键点第一个小方格

拼图教程,CS6做拼图动画图片
然后点菜单---编辑---拷贝,点标题-2,菜单---编辑----黏贴,将小方格拷贝粘贴到“新建的空白画布”也就是标题-2上去

拼图教程,CS6做拼图动画图片
依次将10个都用相同滴方法,从标题-1拷贝到标题-2,将顺序排好

拼图教程,CS6做拼图动画图片
右键点10小格

拼图教程,CS6做拼图动画图片
然后点菜单栏编辑----拷贝
然后点开标题-2

拼图教程,CS6做拼图动画图片
点菜单栏编辑---黏贴
10个小图复制完成

拼图教程,CS6做拼图动画图片
和原图一样

标题-2图层为

拼图教程,CS6做拼图动画图片

接着选择图层样式里面的斜面浮雕,让小方格一个都突起,像一块块的拼图小格子。
 

拼图教程,CS6做拼图动画图片

拼图教程,CS6做拼图动画图片

将10个图层都做出浮雕样式
可以右键

拼图教程,CS6做拼图动画图片
拷贝图层样式,然后给每个图层
右键黏贴----粘贴图层样式
最后

拼图教程,CS6做拼图动画图片


做完就到了动画模式,打开动画面板,第一帧是整个完整的拼图格,第二帧,让其中一个小方格消失,这样方便拖移其余的小方格,至于让哪一格消失,自由选择。第三帧,让小方格随着消失的方格处移动,就想拼图一样,将顺序按照拼图的格局打乱,使每一格都移动了位置。这样建了有大概11帧,在每2帧之间建3个过度帧(为什么是3帧,主要是帧数少了,方便度娘审核,不然一定要降低色相,到时就难看了)。这样差不多有30几帧,最后一步,选择全部帧,再选择反向帧,就像打算顺序的拼图,再次拼回原来的样子



继续


1。点灭任何一个图层的眼睛。瓦点滴图层一

拼图教程,CS6做拼图动画图片
所以效果是这样

拼图教程,CS6做拼图动画图片


2.第三帧

拼图教程,CS6做拼图动画图片
第四帧

拼图教程,CS6做拼图动画图片
第五帧

拼图教程,CS6做拼图动画图片

依次移动小方框,注意,每一帧要复制一层再移动

最后一帧

拼图教程,CS6做拼图动画图片


3.这样建了有大概11帧,

拼图教程,CS6做拼图动画图片
在每2帧之间建3个过度帧,点

拼图教程,CS6做拼图动画图片选3

拼图教程,CS6做拼图动画图片
这样一共41帧。选择全部帧,然后反向,点小三角选择合适滴时间,成下面这样

拼图教程,CS6做拼图动画图片
将最后一帧,也就是没有空白滴那一帧,把它的时间设置长一点,便于观看整图,瓦选滴1.5秒,可以自己看着设置,成这样

拼图教程,CS6做拼图动画图片

最后点播放

拼图教程,CS6做拼图动画图片,看一下效果
成品

拼图教程,CS6做拼图动画图片

完工

 

温馨提示:以上“拼图教程,CS6做拼图动画图片【多图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长