Photoshop时间轴做出动态手写字效果

  发布时间:2014-09-12 14:57:41   作者:佚名   我要评论
动态效果其实非常简单,前期先扣好素材图以及做好文字,后边在时间轴上一步完成。Photoshop时间轴做出动态手写字效果教程

  第五:字擦好之后得到一大堆副本图层,把个人签图层(也就是刚开始建的一点也没擦的那个图层)前面的眼镜点开,让其显示。
  下面就打开手的素材把手抠出来,用移动工具把它拖过来,然后用Ctrl+T调整手的大小,让笔的笔芯看起来比文字大一点点
Photoshop时间轴做出动态手写字效果
  这里是抠好的手
Photoshop时间轴做出动态手写字效果
  第六:给手加上阴影
  新建图层,使用画笔工具,用硬度0的画笔沿着手的左边画出一块黑色阴影
Photoshop时间轴做出动态手写字效果
  阴影是越靠手腕那边越大,越靠笔尖那边越小。
  然后高期模糊,参数自己可以看着来设,这里楼楼设为5。
Photoshop时间轴做出动态手写字效果
  把阴影层的不透明度降低,然后把阴影层拉到手那个层的下面
Photoshop时间轴做出动态手写字效果
  按住Ctrl键同时选中图层2与图层3
Photoshop时间轴做出动态手写字效果
  然后按Ctlr+E合并两个层得来一个新的图层,名字还叫图层2
Photoshop时间轴做出动态手写字效果
  第七:上面的准备工作做得差不多了,下面开始动画的制作了,由于楼楼用的是CS6的,这里显示的是时间轴,CS5的显示是动画,其实功能都差不多的!其它版本的楼楼没用过,具体叫什么名字,楼楼没用过也就不知道了,不知道的童鞋百度下吧!
  把窗口-时间轴前的勾打上调出时间轴工具条
Photoshop时间轴做出动态手写字效果
  点“创建帧动画”
Photoshop时间轴做出动态手写字效果
Photoshop时间轴做出动态手写字效果
  点复制所选帧,如图中箭头所示,得到帧2
Photoshop时间轴做出动态手写字效果
  然后把帧1,帧2两个帧里面的文字层前面的眼镜全部点掉,让其不显示,得到如图效果
Photoshop时间轴做出动态手写字效果
  然后点过渡动画帧(如上图箭头所示),出现下图菜单
Photoshop时间轴做出动态手写字效果
  这里楼楼的文字层是15个图层,再加上字与定间的过度,三个字2个过度帧,所以楼楼这里要添加的帧数是17,当然如果不够用,后面还可以通过复制所选帧来增加帧数
  选中第1帧,下面开始编辑第1帧
  把文字层任意一层前面的眼睛点开让其显示
  选中手所在的那个图层,楼楼这里的是图层2,用移动工具
Photoshop时间轴做出动态手写字效果
  把图层2的笔尖拖到与第一个字的起笔点位置对齐,然把文字层关掉
Photoshop时间轴做出动态手写字效果
  第2帧,把最后一层文字层(这里是个人签副本15)前的眼睛点亮让其显示,然后用移动工具把图层2的笔尖对到文字擦掉的地方,如图
Photoshop时间轴做出动态手写字效果
  第3帧,把个人签副本14前的眼睛点亮,然后用移动工具把笔尖拖到第一笔的最尾端
Photoshop时间轴做出动态手写字效果
  第4帧,把个人签副本13前的眼睛点亮,然后用移动工具把笔尖拖到第2笔的最尾
  之后的第5,6.。。。以及后的的帧都是同理的去处理
  由于这里不是连笔字,而是单个字体,所以做第二个字的时候,要留一帧做到第二个字的起笔位,做第三个字也同理。。。
Photoshop时间轴做出动态手写字效果
  楼楼这里做了18帧,效果图做了50多帧。。。
  第19帧做全字显示,把手隐藏掉,然后把时间调为1秒
Photoshop时间轴做出动态手写字效果
  到这里基本是完成了,接下来就保存成动态GIF了,点 文件——存储为Web所用格式
Photoshop时间轴做出动态手写字效果
  循环选项选 永远,点下下面的播放键
Photoshop时间轴做出动态手写字效果
  看下效果,没什么问题就可点保存了。。。这样一张手写字的动态图就出来了,
Photoshop时间轴做出动态手写字效果

相关文章

  • Photoshop时间轴之5个小技巧详细解析

    这篇教程是向脚本之家的朋友详细介绍Photoshop时间轴之5个小技巧,教程比较实用,对于学习者来说很值得大家学习,一起来看看吧
    2016-05-11
  • 用ps时间轴制作漂亮的动态图片

    这篇教程是向脚本之家的朋友介绍用ps时间轴制作漂亮的动态图片方法,教程比较基础,制作出来的效果非常不错,推荐到脚本之家,喜欢的朋友快快来学习吧
    2016-03-11
  • 在ps中如何使用时间轴制作动作?

    在ps中如何使用时间轴制作动作?很多朋友并不是很清楚,其实方法很简单的,下面小编就为大家详细介绍一下,一起来看看吧
    2016-02-22
  • Photoshop时间轴简单制作gif动画效果

    这篇教程主要是向脚本之家的朋友介绍Photoshop时间轴简单制作gif动画效果方法,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友一起来学习吧
    2015-02-10
  • PS教你设计有范儿的个人作品时间轴网页

    PS教你设计有范儿的个人作品时间轴网页,制作出来很有范儿,喜欢的朋友可以一起来学习
    2014-01-27
  • PS时间轴制作GIF动画

    使用PS时间轴制作GIF动画,教程制作出来的动画效果还挺漂亮的,制作的难度也不大
    2013-10-11
  • PS CS6使用视频时间轴制作流光字教程

    本文为大家详细介绍下流光字的制作过程,主要使用到了文字工具、画笔工具、视频时间轴以及剪切蒙版等等,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-10
  • Photoshop CS3教程:时间轴制作动画

      通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是Photoshop唯一
    2008-10-05
  • Photoshop CS3教程:时间轴动画实例

    Photoshop CS3教程:时间轴制作动画   现在我们正式开始利用时间轴来制作动画,这与我们之前的帧式动画有很大不同,但相比之下时间轴方式来的更直观和简便,也是我们以
    2008-10-05
  • PS利用时间轴制作动画教程

    随着Photoshop版本的不断升级,其功能的优化和增加,都是一次次的惊喜,发展到CC版本,时间轴已可以对视频简易剪辑,所以时间轴制作简单的gif动画足已。来看看下文对时间轴
    2016-05-12

最新评论