制作手握笔写字GIF动画效果图[ps]

手写字是一个非常使用的PS技术,在做个人签名的时候经常用到,类似的教程很多,但是原理都差不多,就是逐个展示文字的轨迹。本教程完整展示了一个手写字GIF动画的制作过程,大家也看一下以前的基本的手写字动画的原理类的基础教程。


制作手握笔写字GIF动画效果图[ps]

工具/原料

电脑1台PhotoshopCS6

方法/步骤

1.空白纸张素材


制作手握笔写字GIF动画效果图[ps]

2.手握笔素材


制作手握笔写字GIF动画效果图[ps]

3.首先,新建一个文档。500×200


制作手握笔写字GIF动画效果图[ps]

4.把纸张的素材拖进去


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


6.删格化文字,快捷键Ctrl+j复制一层文字层


7.把文字层那个层的眼镜点掉,选中文字层副本;然后就开始擦,橡皮擦的擦,由于的擦字,所以我们从最后一笔开始擦,这里楼楼用的橡皮擦,当然也可以用图层蒙板来擦。


制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

8.

擦剩第一个字第一笔之后就别一次擦完,留一个点做为起笔点。 第五:字擦好之后得到一大堆副本图层,把个人签图层(也就是刚开始建的一点也没擦的那个图层)前面的眼镜点开,让其显示。下面就打开手的素材把手抠出来,

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

字擦好之后得到一大堆副本图层,把个人签图层(也就是刚开始建的一点也没擦的那个图层)前面的眼镜点开,让其显示。下面就打开手的素材把手抠出来,用移动工具把它拖过来,然后用Ctrl+T调整手的大小,让笔的笔芯看起来比文字大一点点


制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

9.给手加上阴影

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

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

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

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



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

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


制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

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

把窗口-时间轴前的勾打上调出时间轴工具条


制作手握笔写字GIF动画效果图[ps]

12.点“创建帧动画

 

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

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

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


制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

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


14.

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

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

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

选中手所在的那个图层,楼楼这里的是图层2,用移动工具把图层2的笔尖拖到与第一个字的起笔点位置对齐,然把文字层关掉

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

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

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

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

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


制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

制作手握笔写字GIF动画效果图[ps]

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


制作手握笔写字GIF动画效果图[ps]

注意事项

注意擦写

相关内容

  1. 如何用ps制作手写字GIF动画

    手写字是一个非常常用的ps技巧,在做自己的个人签名的时候经常用到,同样,学会这个后,基本其他的一些GIF动画大家也就都明白怎么做了,比如做一个动画表情,今天就来教教大家如何做出这样一个动画工具/原料电脑ps软件方法/步骤大家可以先上网找找素材,下面这是我上网找的大家可以借鉴下面这个是将手扣下来接下来

  2. 如何利用ps制作手写字GIF动画

    手写字是一个非常常用的ps技巧,在制作自己的签名的时候可以用到.好了,教程开始.工具/原料安装了ps的电脑一台方法/步骤自己上网找下素材,下面这是自己在网上找的素材打开ps,将手的素材拖进去使用抠图工具将手扣下来,保存到桌面,将这个窗口关掉将纸张素材拖到ps里先在纸张上用文字工具写上字,什么都可以, ...

  3. PS教程 gif动画教程 动态图片制作

    以前一直以为Photoshop制作不了动态图片,其实不然,无论是高级版本还是低价版本,都有这个功能的.以前一直用flash来制作动态图片,今天我们就一起来看一下用ps如何来制作动态图片,也就是我们常说的gif动态图.通过本篇经验的学习,你以后就可以做出更多精彩的动态图了.工具/原料电脑Photosh

  4. PS制作GIF 动画

    越来越多的GIF动画在QQ表情里发来发去,有没有想自己做一个?下面就用PS制作一个简单的GIF动画.让大家了解制作原理.工具/原料PS CS6方法/步骤启动软件,建立一个100X100图,也可以根据自己的喜好建立尺寸.选择字体工具,设置好字体和字号,选择一个前景色,输入文字.用同样的方法建立以下几个 ...

  5. 如何使用ps制作GIF动画

    网上那么多的gif是怎么制作的呢,今天带大家使用ps一起来制作简单的gif动画.工具/原料photoshop cs6方法/步骤打开Photoshop cs6或者Photoshop cs以上版本,其他cs以下版本我没用过哦.新建一个文档:使用文字工具,在画布上随便打上什么字.可以选择你自己喜欢的颜色和 ...

  6. 安下PS教程:Photoshop制作变魔术GIF动画教程

    GIF动画教程,PS如何实现变魔术的动态图制作,用时间轴制作帧数较多的动画是非常合适的,制作之前先构思好动画的展示流程,然后绘制出所需的图形,后期在时间轴按自己的想法设置动画即可.喜欢的朋友一起来学习吧. 工具/原料 安下PS教程Photoshop 方法/步骤 1.画出主体:画的时候部分需要先想好, ...

  7. ps制作GIF动画

    ps是一个强大的图像处理软件,它不但可以制作出非常漂亮的图片,还可以制作出绚丽的gif动画,今天我们就来讲解下,ps制作gif动画:工具/原料pssc6电脑方法/步骤首先,我们在电脑桌面上找到ps图标,然后我们用鼠标点击[ps图标]这样就可以了:点击[ps图标]之后我们就可以看到ps在启动,这样的话 ...

  8. 如何用PS制作GIF图片

    想自己制作GIF图片,如果要求不高的,其实很简单.本文将告诉你怎样用PS软件制作简单的GIF图片,本文详细讲解每一步骤该怎样操作,所以制作的GIF也比较简单.主题:用PS制作字母ABCDE更替的GIF图片.工具/原料电脑PhotoShop方法/步骤打开PS软件,新建一个新的文件.使用左侧的" ...

  9. ps怎么制作gif动画/闪图

    gif动画在以后的日常生活中经常用到,可以转换成一些自定义表情,好好学习,一定能用上.这些做一些网站上的小图标,在一些在线图片强调一些什么东西都可以,很实用.工具/原料photoshop/ps双手方法/步骤第一步新建一个画布,新建画布尽量是A4大小,300像素,画布大,操作方便.新建一个图层,新建图 ...