灵成 发表于 2014-9-2 02:35:06

Photoshop制作手写签名动态图片教程


按住Ctrl键同时选中图层2与图层3

http://pic.16xx8.com/allimg/140902/014PUG5-19.jpg

灵成 发表于 2014-9-2 02:35:07

Photoshop制作手写签名动态图片教程


然后按Ctlr+E合并两个层得来一个新的图层,名字还叫图层2

http://pic.16xx8.com/allimg/140902/014PV158-20.jpg

灵成 发表于 2014-9-2 02:35:08

Photoshop制作手写签名动态图片教程


第七:上面的准备工作做得差不多了,下面开始动画的制作了,由于楼楼用的是CS6的,这里显示的是时间轴,CS5的显示是动画,其实功能都差不多的!其它版本的楼楼没用过,具体叫什么名字,楼楼没用过也就不知道了,不知道的童鞋百度下吧,把窗口-时间轴前的勾打上调出时间轴工具条。

http://pic.16xx8.com/allimg/140902/014PW107-21.jpg

灵成 发表于 2014-9-2 02:35:09

Photoshop制作手写签名动态图片教程


点“创建帧动画”

http://pic.16xx8.com/allimg/140902/014PS0c-22.jpg


http://pic.16xx8.com/allimg/140902/014PQ2Q-23.jpg

灵成 发表于 2014-9-2 02:35:10

Photoshop制作手写签名动态图片教程


点复制所选帧,如图中箭头所示,得到帧2

http://pic.16xx8.com/allimg/140902/014PV027-24.jpg

灵成 发表于 2014-9-2 02:35:11

Photoshop制作手写签名动态图片教程


然后把帧1,帧2两个帧里面的文字层前面的眼镜全部点掉,让其不显示,得到如图效果

http://pic.16xx8.com/allimg/140902/014PU237-25.jpg

灵成 发表于 2014-9-2 02:35:12

Photoshop制作手写签名动态图片教程


然后点过渡动画帧【如上图箭头所示】,出现下图菜单

http://pic.16xx8.com/allimg/140902/014PSN7-26.jpg

灵成 发表于 2014-9-2 02:35:13

Photoshop制作手写签名动态图片教程

      
这里楼楼的文字层是15个图层,再加上字与定间的过度,三个字2个过度帧,所以楼楼这里要添加的帧数是17,当然如果不够用,后面还可以通过复制所选帧来增加帧数。
选中第1帧,下面开始编辑第1帧,把文字层任意一层前面的眼睛点开让其显示,选中手所在的那个图层,楼楼这里的是图层2,用移动工具把图层2的笔尖拖到与第一个字的起笔点位置对齐,然把文字层关掉。

http://pic.16xx8.com/allimg/140902/014PW112-27.jpg

灵成 发表于 2014-9-2 02:35:14

Photoshop制作手写签名动态图片教程


第2帧,把最后一层文字层【这里是个人签副本15】前的眼睛点亮让其显示,然后用移动工具把图层2的笔尖对到文字擦掉的地方,如图:

http://pic.16xx8.com/allimg/140902/014PQ1U-28.jpg

灵成 发表于 2014-9-2 02:35:15

Photoshop制作手写签名动态图片教程


第3帧,把个人签副本14前的眼睛点亮,然后用移动工具把笔尖拖到第一笔的最尾端

http://pic.16xx8.com/allimg/140902/014PVS7-29.jpg

灵成 发表于 2014-9-2 02:35:16

Photoshop制作手写签名动态图片教程


第4帧,把个人签副本13前的眼睛点亮,然后用移动工具把笔尖拖到第2笔的最尾之后的第5,6.。以及后的的帧都是同理的去处理,由于这里不是连笔字,而是单个字体,所以做第二个字的时候,要留一帧做到第二个字的起笔位,做第三个字也同理。

http://pic.16xx8.com/allimg/140902/014PV091-30.jpg

灵成 发表于 2014-9-2 02:35:17

Photoshop制作手写签名动态图片教程


楼楼这里做了18帧,效果图做了50多帧,第19帧做全字显示,把手隐藏掉,然后把时间调为1秒。

http://pic.16xx8.com/allimg/140902/014PS1I-31.jpg

灵成 发表于 2014-9-2 02:35:18

Photoshop制作手写签名动态图片教程


到这里基本是完成了,接下来就保存成动态GIF了,点【文件--存储为Web所用格式】。

http://pic.16xx8.com/allimg/140902/014PV934-32.jpg

灵成 发表于 2014-9-2 02:35:19

Photoshop制作手写签名动态图片教程


循环选项选 永远,点下下面的播放键看下效果,没什么问题就可点保存了,这样一张手写字的动态图就出来了。

http://pic.16xx8.com/allimg/140902/014PW2U-33.jpg

页: 1 [2]
查看完整版本: Photoshop制作手写签名动态图片教程