PS时间轴做出动态手写字效果教学photoshop教程

PS时间轴做出动态手写字效果教学photoshop教程

PS时间轴做出动态手写字效果教学-photoshop教程

动态手写字效果,photoshop,PS教程,GIF,,教程

作者:烟鬼大蜀

本人渣渣一名,第一次发教学,请大神匆喷! 就算要喷也请轻喷!

先上效果图!

PS时间轴做出动态手写字效果教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

先上素材,总共两张素材,都是找度娘要的!

PS时间轴做出动态手写字效果教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS时间轴做出动态手写字效果教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先,创建一个文档。宽500 高200

PS时间轴做出动态手写字效果教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

第二步:把纸张的素材拖进去

PS时间轴做出动态手写字效果教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

由于纸张的图片太大,按Ctrl+T调整与旋转,得出下图效果

PS时间轴做出动态手写字效果教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

第三步:用文字工具 快捷键T打上自己喜欢的文字,这一步也可以在网上找一些一字签的网页做出自己喜欢的文字,然后用QQ截图后,抠上去!楼楼这个就是网站弄的,本人写字丑。。。汗!由于效果图笔画太多了,所以楼楼在教学里就用简单的几个字,原理是一样的!

PS时间轴做出动态手写字效果教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

终于回来了,外面又堵车又打雷又下雨的。。。差点以为回不来了!下面继续 

第四步,删格化文字,快捷键Ctrl+j复制一层文字层

PS时间轴做出动态手写字效果教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

把文字层那个层的眼镜点掉,!

选中文字层副本

然后就开始。。。擦

你没听错,是擦,此擦非彼擦。。。是橡皮擦的擦,不是骂人那个

由于的擦字,所以我们从最后一笔开始擦,这里楼楼用的橡皮擦,当然也可以用图层蒙板来擦

PS时间轴做出动态手写字效果教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

这里把签字的最后一笔给擦去

然后再把个人签副本Ctrl+j复制一次得到副本2,把个人签副本前的眼镜点掉,不让它显示

PS时间轴做出动态手写字效果教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

选中个人签副本2,然后擦倒数第二笔

PS时间轴做出动态手写字效果教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

擦完后再复制个人签副本2得到个人签副本3,然后再擦倒数第三笔

然后就重复上面的操作,直到把第一个字擦得剩下第一笔为止

PS时间轴做出动态手写字效果教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS时间轴做出动态手写字效果教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS时间轴做出动态手写字效果教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

擦剩第一个字第一笔之后就别一次擦完,留一个点做为起笔点

第五:字擦好之后得到一大堆副本图层,把个人签图层(也就是刚开始建的一点也没擦的那个图层)前面的眼镜点开,让其显示。

下面就打开手的素材把手抠出来,用移动工具把它拖过来,然后用Ctrl+T调整手的大小,让笔的笔芯看起来比文字大一点点PS时间轴做出动态手写字效果教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

这里是抠好的手

PS时间轴做出动态手写字效果教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

第六:给手加上阴影

创建图层,画笔工具,用硬度0的画笔沿着手的左边画出一块黑色阴影

PS时间轴做出动态手写字效果教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

阴影是越靠手腕那边越大,越靠笔尖那边越小。

然后高期模糊,数值自己可以看着来设,这里楼楼设为5。

PS时间轴做出动态手写字效果教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

把阴影层的不透明度降低,然后把阴影层拉到手那个层的下面

PS时间轴做出动态手写字效果教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

把窗口-时间轴前的勾打上创作时间轴工具条

PS时间轴做出动态手写字效果教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

点【创建帧动画】

PS时间轴做出动态手写字效果教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS时间轴做出动态手写字效果教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

这里楼楼的文字层是15个图层,再加上字与定间的过度,三个字2个过度帧,所以楼楼这里要添加的帧数是17,当然如果不够用,后面还可以通过复制所选帧来增加帧数

选中第1帧,下面开始编辑第1帧

把文字层任意一层前面的眼睛点开让其显示

选中手所在的那个图层,楼楼这里的是图层2,用移动工具

PS时间轴做出动态手写字效果教学photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

把图层2的笔尖拖到与第一个字的起笔点位置对齐,然把文字层关掉

PS时间轴做出动态手写字效果教学photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

之后的第5,6.。。。以及后的的帧都是同理的去处理

由于这里不是连笔字,而是单个字体,所以做第二个字的时候,要留一帧做到第二个字的起笔位,做第三个字也同理。。。

PS时间轴做出动态手写字效果教学photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

楼楼这里做了18帧,效果图做了50多帧。。。

第19帧做全字显示,把手隐藏掉,然后把时间调为1秒

PS时间轴做出动态手写字效果教学photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS时间轴做出动态手写字效果教学photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

循环选项选 永远,点下下面的播放键

PS时间轴做出动态手写字效果教学photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

看下效果,没什么问题就可点保存了。。。这样一张手写字的动态图就出来了,

PS时间轴做出动态手写字效果教学photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/597848.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码