制作手握笔写字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. Flash入门实例:[12]如何制作写字的效果动画

    Flash入门实例第12篇,如果制作写字的效果动画?接着练习Flash绘画,及补间动画练习,学习图层的灵活及橡皮擦工具的灵活应用. 工具/原料 Flash软件 方法/步骤 打开Flash软件,新建Flash文档,背景颜色,尺寸随意. 按ctrl+F8新建元件,命名为毛笔,这里用Flash粗略画出一支毛笔,当然你也可以在网上找毛笔图片素材. 简单的说下毛笔的绘制,在元件编辑舞台,点击椭圆工具,将笔触 ...
  2. MAX配合VR渲染器制作OCC AO通道天光阴影效果图

    maya上写的是 occlusion,max上写的是全称 Ambient occlusion,所以,很多网上帖子有说是OCC图和AO图,其实,他们都是环境阻光阴影图,用于后期增强图片细节,专业点应该说是AO图.工具/原料3dsmaxvr渲染器方法/步骤首先打开一个max,这里我以做过的场景为例,来说下这个场景AO图的制作.制作之前,需要对场景进行处理,把场景灯光删除,vr渲染器中把GI关掉.首先说 ...
  3. Flash制作卡通娃娃360度转身动画(二)

    Flash制作卡通娃娃360度转身动画(二) 步骤/方法 9.用挑选工具选中手臂与身体相交的线条删掉,再将手臂调整到如下形状. 图9 10.选中手臂,Ctrl+D复制一个,选择菜单/修改/变形/水平翻转,放在身体另一边并删掉相交线.一个卡通娃娃就画好了. 图10 11.下面开始做转身动画.人物转身的效果实际上就是让他的正面.侧面和背面交替出现.所以我们只需建立4个关键帧,在这4个关键帧上分别画上& ...
  4. Flash制作卡通娃娃360度转身动画(三)

    Flash制作卡通娃娃360度转身动画(三) 步骤/方法 18.下面我们再画一个女生版的娃娃陪他一起转吧.把刚才做好的Flash文档复制一份,直接打开修改一下就好了.选择第1帧,先把嘴巴和小辫子都删掉,再把红头绳移动到头的一侧. 图18 19.Ctrl+D复制一个头绳,调整一下位置,这就是女娃娃的蝴蝶结了. 图19 20.嘴巴.先用直线工具画一条直线,再用挑选工具往下拖成弧形就可以了,女孩子要笑不 ...
  5. 教程-超详细的ps制作加载中(等待loading)动画

    这会是我发过的最详细的教程之一.昨天晚上看优酷,卡出xiang,发现那个等待loading挺好看的,所以搜了一下加载中的动画,虽然看起来感觉不一样,但制作方法差不多.下面介绍两种制作方法:方法/步骤先发几个效果图教程会讲第一张和第二张的制作方法,后面三张方法跟第一张的方法一样,更简单,会顺带提出来.第二张加上了文字,是因为做的狮虎狮虎和和气叔正在群视频里面合唱<相爱很难>,倪萌唱完还爱 ...
  6. Flash模仿制作毛笔写字效果动画实例教程

     一个很好玩的FLASH技巧工具/原料 电脑一台 FLASH版本随意方法/步骤 1.首先新建一Flash文档,修改文档尺寸为,宽500,高350,设背景颜色为#006666.然后制作所需的元件: 制作卷轴: 点击插入菜单-选择"新建元件",在弹出的对话框上名称:填上"轴",行为:选择"图形"然后确定, 使用矩形工具,关闭颜色工具的边框,选 ...
  7. 如何用ps制作手写字GIF动画

    手写字是一个非常常用的ps技巧,在做自己的个人签名的时候经常用到,同样,学会这个后,基本其他的一些GIF动画大家也就都明白怎么做了,比如做一个动画表情,今天就来教教大家如何做出这样一个动画工具/原料电脑ps软件方法/步骤大家可以先上网找找素材,下面这是我上网找的大家可以借鉴下面这个是将手扣下来接下来将空白纸素材拖到ps里用文本工具写出你的名字在右下边菜单栏里选中该文字右键选择栅格化文字然后点击复制 ...
  8. ps教程如何制作彩色闪动(彩色流光)动画文字

    本人用的是ps5,教大家 制作彩色闪动文字,为你的那个她带来更多地惊喜--工具/原料 电脑一台,PS软件一个方法/步骤 打开ps软件,按ctrl+N创建图层,如下图,然后设置所需要的画板,然后输入文字,文字的设计按下图的顺序即可,自己可根据自己的需要设计文字颜色.大小.形状等 创建新图层,然后点击左上角的"文件"--"置入" 选择所要置入的图片,ctrl+T ...
  9. 用ps制作说话小鸟的gif动画

    用photoshop制作gif动画效果的图片,要使用套索工具或钢笔路径将需要动作的部分选取出来,用移动工具放置到适当的位置上,创建几个不同的图层,使用动画功能创建多个帧,在帧中选中需要显示的图层,最后存储为gif格式即可. 工具/原料 photoshop cs2 9.0 方法/步骤 打开小鸟的素材,按ctrl+j复制背景为图层1.选择"钢笔工具",选中"路径" ...
猜你喜欢
  • 藤艺床如何进行保养与清洁
    藤艺床如何进行保养与清洁
    藤艺床的清洁和藤艺床的清洁 步骤/方法 1.平时用湿手巾擦擦可使其保持清洁. 2.积垢,变色,可用食盐水擦洗,既可去污,又能使其柔松有韧性. 3.藤艺床如果脏了,需要进行正规的清洁,但是如果清洁仍然不 ...
  • 如何自制好吃的冰棒
    如何自制好吃的冰棒
    炎炎夏日,一起来做好吃的冰棒吧~~~~~~方法/步骤巧克力香蕉冰棍1.把香蕉切成两半,插一根棍子到香蕉里面.2. 将香蕉放入冰箱进行冷冻.3.在香蕉的表面裹上巧克力酱,再蘸上各种你喜欢的小东西.这个有 ...
  • MAC+WIN双系统全自动一键安装教程
    MAC+WIN双系统全自动一键安装教程
    苹果电脑随着操作系统的完善,双系统的安装方法也越来越完善,今天小编就来介绍一种新的全自动一键安装双系统安装教程工具/原料MAC电脑一台APK一键安装版本WIN镜像方法/步骤叁零肆出品Mac一键安 ...
  • 使用PS调整照片尺寸和大小
    使用PS调整照片尺寸和大小
    网络使用越来越多,许多地方上传照片都有限制,难道每次都要去外面找人修改么?其实挺简单的,我们自己动动手就解决啦.本文介绍使用Photoshop修改图片的方法,把图片修改成358*441尺寸且大小小于2 ...
  • 手机闪光灯不亮怎么办?手机闪光灯不亮什么原因
    手机闪光灯不亮怎么办?手机闪光灯不亮什么原因
    现代社会几乎每人都有手机,随着手机的普及和不断升级,不少手机都带闪光灯拍照.功能多了,问题也就多了,许多朋友经会问手机闪光灯不亮怎么办?手机闪光灯不亮是什么原因?今天我来和大家谈谈这个问题.手机闪光灯 ...
  • 肉末茄子盖饭的做法
    肉末茄子盖饭的做法
    茄子富含维生素P,可软化微细血管,防止小血管出血,对高血压.动脉硬化.咯血.紫癜(皮下出血.瘀血)及坏血病患者均有益.茄子纤维中所含的维生素C和皂草甙,具有降低胆固醇的功效.国外学者提出"降 ...