做变色字、飞动的蝴蝶、图层遮挡应用、画笔工具除字修图、让背景字动起来、建立文字选区裁静态图、建立选区的小技巧、玩转文字

个人日记

利用遮挡做变色字

下面简要提示下制作方法,具体的大家就根据自己掌握的内容去摸索咯!

这个效果说白了就是把字挖空然后下面放一块两种颜色的图层,再让图层旋转起来,因为遮挡层的缘故,所以你只能看见字的部分,这个时候你就会看到一个颜色旋转的效果!

首先上层的遮挡层是一个挖空的文字,用建立文字选区制作!

然后低层放的是一层颜色层,颜色是两种颜色对称着的!

最后只需要把低层颜色层在下面做旋转就能得到效果[当然最后还需要把一些没用的地方给裁除掉]



同理,我们还可以做这类效果:



以上都是颜色变化类的动态效果!大家也可以实验用颜色里两种斜率那里制作一些不同的颜色然后做一些动态效果出来!

小结:  

这类效果变化多端,只要你的低色不一样,低色层的动态效果不一样,最后得到的也是不一样的效果!其实我们再反观用素材做闪字,它的低色层就是闪光素材。原理其实都一样的,所以如果你的低色层能处理的非常精美,你得到的效果也不会差!

当然我们还可以用两种颜色斜率变化跟f/x视频套用效果做出类似效果来。

本教程自始至终都坚决认为学动画应该学技巧不应该只学效果,所以在介绍的时候尽量多的介绍为什么要这样做,这个东西还有什么应用。所以在篇幅上也会长一些,没有介绍套用效果是认为目前先应该掌握动画技巧,至于其他的可以在这个基础上再慢慢积累。



第二十三课:飞动的蝴蝶



本节是利用变形工具把蝴蝶翅膀做动的效果!先看效果图:



下面是给大家提供制作的素材图片:



先介绍变形工具:



该图为选择变形工具并选择操作对象后属性栏的截图,在方式下面有两个选项,左边的是调整大小,右边的是翻转。看字就知道意思咯不用再解释咯!需要介绍的在调整大小的时候结合三个按键的使用。

同样在PS里或其他软件的变形工具里这三个按键都很重要通常被称为“三键客”这个三个按键就是 Shift Ctrl Alt . 分别按住这三个键不放再进行调整大小的操作的时候效果是不一样的,同时这个几个按键还可以组合着一起用,比如shift+ctrl+调整大小操作!具体效果不用记,只要知道这几个键能做出什么样的效果就行咯,用了这么久我也不记得具体那个键有什么效果的!本节是结合按键 Alt 的使用,按住这个键后进行调整大小的时候是对称着放大缩小的!

蝴蝶飞动的制作:

只要两帧中任意一帧中蝴蝶的翅膀对称着缩小,那么就有一个飞动的效果。

①导入蝴蝶的素材图片

②新建一帧(新建帧操作)

③将第一帧里的素材图复制到刚刚新建的第二帧里(对象管理面板里的相同的选定对象操作)

④选择变形工具→选择需要操作的对象(这里选任意帧的蝴蝶都可以)→ 确认属性栏里的方式下是否选择的是调整大小,不是就点选一下!

⑤将鼠标移至中间的热点,当鼠标移动到该热点后鼠标会呈双箭头状态!

⑥当鼠标为双箭头时,按住键盘alt不放用鼠标往左边稍微拖拉一点,这样蝴蝶就对称着缩小咯!



如果蝴蝶有底色,大家想去掉的话,用魔术棒去掉就OK。

本例的素材图为正立的,如果想做旋转过位置的蝴蝶飞动效果,操作上会多一两步,大家可以思考着做一下。大家还可以试一下蝴蝶翅膀边振动然后边移动的效果,这样的效果才叫真正的蝴蝶飞动效果:



这个图是直接把翅膀缩小,其实最正规的方法应该是先把两个翅膀跟身体分离出来,然后再收缩翅膀的大小,这样无论怎么变形中间身体部分都是不会形变的。


图层遮挡应用

大家在这段时间里掌握了不少东西!这里我们再回过头来看看帧,帧的具体形式就是一张图片!我们后面在做一些动画的时候我们发现一帧里并不仅仅只是一张图象,有的是几张图象组合而成的!所以可以这么说,gif动画是由不同的帧构成的,帧是由一张或若张图片构成的!

上面说帧是由若张图片构成的。假如我们某帧里就是一个人,那么这帧里就由头的图层+身体的图层+四肢的图层 构成的。为什么要分成这么多部分呢,好处有二,一是便于重复利用元件制作动画,在第一节里介绍过的!二就是方便再次修改避免重复劳动!为什么这么说呢,假如你现实中画油画的时候画完的时候发现只有手没有画好,那么就只能全部都重新画,如果我们当时是把人的各个部分都分别画出,假如手出错,就单独只重新画手就可以了!
  
图层面板在哪里?
  
在U5里面对象管理面板就是图层管理面板,那么既然对象管理面板就是图层管理面板那么以前我们对象,其实就是一个图层。每个对象都占据一个图层的!
  
图层的位置关系

图层是具有上下位置关系的!先添加的图象都是处于最低层的,后添加的图层都是放在上一图层上的!我们这里动手实验下,新建一任意大小的画布,背景色为黑色,然后添加图象的办法导入一个比较小的素材。其实这里黑色的背景这个图层就是处理最下层的!假如我们把导入的素材图象跟背景图层交换个次序你会发现,导入的素材图看不见了,因为它已经被黑色背景给遮挡掉。 操作方法是在对象管理面板里选择任意一个对象,然后按住鼠标左键不放,然后上下拖拉,拖到你需要的位置后松开鼠标即可!
    
遮挡原理

图层因为它们的位置关系所以存在遮挡,而遮挡的应用则是非常非常重要的!

一般性的遮挡

该图是上面的图片往上移动最后遮挡住整个画面再次快速跳入循环。这个例子完成起来大家应该没什么问题,就是导入两张图片。拿上面一层的图片做个移动操作!



这类遮挡属于比较常规的遮挡,一般都能看的出来的!是为了跟后面的遮挡区分开来才取这名字!

同色遮挡



同上图一样的制作只是把背景图改了一下大家就能看出一些觅端咯:



下图为遮挡的图层动字不动:



下图是在上图基础上把背景图换了下颜色,通过这两个例子让大家看到遮挡图层的应用:



同色遮挡要点是背景色一定要跟遮挡层的色一样,目的是不让大家很明显的看出那里是有遮挡层的,然后再做出一些动画效果来!

一种效果有多种做法:



这种效果刚才我们在同色遮挡里面看过了!不过这个例子并不是用同色遮挡做的。这里是用的橡皮擦擦出来的效果。下面一图为这个效果的截图,从图可以看出这个例子并不是用同色遮挡完成的!



上图中我们看到那个文字已经不再是文字类型而是转换成了图象类型!橡皮是不能够擦除文字类型的,否则就会报错:



下面就来看一下如何转换成图象类型。方法为:选择文字后鼠标右键选择转换到图象!



我们学效果重点是在终结出这个效果的方法跟技巧!上图的效果是用擦出来的效果(擦可以用橡皮当然我们也可以建立选区删),那么我们就可以做出下面这样的效果来:



既然有了逐步擦除,我们当然也该想到可以逐步写字效果,只是擦除的地方不一样而已!我们也可以用文本工具每帧生成不同文字来得到这个效果!假如我们在每笔上再擦的细一些,然后再加支笔在字上跟着字动,不就是一个笔写字的效果了吗!


 

画笔工具除字修图的应用

先来看看画笔工具有哪些,然后直接用实际例子来练习下这几个工具  

贴子相关图片:



下面就是除字修图的实例  









小结一下:

取色:在填色中要经常用吸管在旁边取色为的是颜色过渡自然

放大工具:为的是方便操作

画笔工具在属性栏里的设置:属性栏里行下的两个菜单,一个是曲线的示意图一个是直线的。其中曲线的意思是你可以用画笔随意画,而直线则是在确定的两点间的直线进行操作!上面的实例是选择曲线那个菜单的。



第二十课:让背景字动起来



下面先提供素材图片给大家

贴子相关图片:



效果图:

跟往常一样,介绍每个实际例子的时候都是为了学习方法跟处理技巧并不是为了学一个效果。

从范例图可以看到,实际上有动态的仅仅只是那个背景字-------樱木BB版,而这个字的动态也只是两帧完成的上下动,这个用移动操作就能完成。大家搞定这个动态当然是小菜一碟咯!这个例子的关键之所在就是把背景上的字跟人物分离出来,成为两个独立的元件。

接下来就详细介绍如何分离成两个独立的对象元件,这个方法跟思想都很要的,后面所介绍的把静态图改动态图中的精髓思想其实就是把对象分离成几个独立对象。所以请大家务必理解这个思想跟其中的一些处理技巧。

一,下图为打开素材图以后并在对象管理面板里进行一次相同帧的操作(复制)。然后是把其中一只眼睛关上,再用橡皮把人物给擦掉!大家先看图,然后再详细介绍为了要关上一只眼睛为什么要复制一次。  



橡皮的属性设置: 大小5,这里可以随意设置只要合适就行咯,行下面选的是曲线,为的是能随意涂擦方便操作。

相同的选定对象操作(复制): 因为我们要把字从图中分离出来,我们这里采用的方法是把字以外的部分擦去只留下字部分这样便可得到一个独立的字的对象,这种方法是把字的对象分离出来咯,不过人物对象却没咯,所以我们提前复制一次,然后再把复制的那张图单独把人物有分离出来。最后达到字跟人物独立起来。

为什么只涂擦人物部分: 其实仔细观察图片,剩下部分在只有蓝色背景跟我们想要分离的字,因为U5中魔术棒能够建立颜色想近似区域的选区,所以我们就只涂擦人物部分。之后只需要用魔术棒在蓝色部分轻轻一点,再删除掉蓝色,那么独立的字就分离咯出来。

为什么要把其中一只眼睛关掉: 这个操作是为了方便操作,假如下面那图眼睛也开上,那么你涂擦的时候你会看不到任何变化,因为那两一模一样的图重叠在一起,你就看不出到底擦到了那里。所以为了方便我们把下面的眼睛关掉,擦后就能够看到效果咯! 同理我们也可以建个背景图放在需要操作的图下面,把需要处理的图擦完后再把那个背景图删除掉。

二.下图为选择魔术棒工具后,再蓝色部分点一下,就建立了蓝色颜色区的选区,然后再按键盘上的delete键后蓝色区域的部分将被删除!



下图为点了delete键后的效果,最后请大家记得取消选区选择。方法是对着画布中鼠标右键→选择→不选

下图中还没有取消选区选择



到这里文字对象已经顺利分离了出来。。。已经完成一半咯!现在就只差把人物分离出来,大多数的时候都是需要跟上面进行一样的操作把除了人物以外的部分都擦掉。不过这个例子中我们不用那么麻烦,我们只需要把另张图上的字填掉就OK咯!具体怎么操作以前已经介绍过咯!

下图为用颜色选取工具取画布中的蓝色后在选择画笔,接着在把上面的眼睛关掉,下面的眼睛开着。为什么要开要关的原因跟上面一样。



填完后的结果这里就不截图下来咯!把人物这个对象也处理出来后,记得把两个眼睛都开上。

然后下一步就只是如何把字移动一下做动起来的工作咯!

小结下本节要求:

分离对象的方法尤为重要,请大家务必掌握这个技巧,同时通过这个例子能够体会到魔术棒的用法。

 

建立文字选区裁静态图

建立文字选区的其中一个应用就是制作网络中比较常见的闪光字。

如果大家玩过PS就知道有个选区反选功能,在U5里的具体名字是叫转换,当建立好选区后在画布中鼠标右键就能看到选择然后选择里就有个是转换。选择转换后就等于是选区反选。下面是一个建立正圆的动画演示。

方法是:

选择 椭圆工具→勾选高度与宽度平衡(目的是为了缩定宽高比才能拉出一个标准的正圆来)→在画布中拖拉出圆形选区→选择填色工具→选择好填色工具后在选区内点一下鼠标左键这个时候颜色就填到了正圆中。



如何建立文字选区?

   在U5中魔术棒是个很好用的东西,因为魔术棒里可以建立颜色相近似区域的选区,假如一张图中背景跟字的颜色反差很大,那么我们只需要用魔术棒在字上面轻轻一点就能建立该文字的选区咯。建立选区后就能进行填图或是裁图咯!下面看看魔术棒属性栏设置不同而产生的不同效果。

贴子相关图片:



通过这个图大家也应该知道文字选区如何建立了吧!上面的第二个图就已经建立了一个“闪”字的选区。

下面就是如何来裁静态图,图的最后会解释为什么要进行这些操作。
首先是要先在画布中生成“闪”字然后的操作就如下图:  

贴子相关图片:



1.先解释第②步,为什么要转换选区,首先我们是要裁图,我们要删除的是文字以外的部分,而我们建立的是文字以内的选区,所以得把选区转换一下。 [提示 : 假如是填图的话就不用再转换咯]

2.解释了第②步第①步就不用再解释了,是为了建立文字选区。

3.我们下一步是准备删除文字选区外的部分,那么要删除,我们是删除那里呢?我们得事先先选择好!所以再第③步的时候先选择可操作对象紫色图层。

4.第⑤步关掉眼睛是为了看到效果,因为上面一层挡住了下面,所以把上一层眼睛关掉就能看到下面一层的效果咯!当然你也可以直接删除上面一层。最后一张图是取消选择后的效果。

小结:

这个例子是建立文字选区裁静态图的一个例子。假如有一个动态的背景图的话,我们只需要分别在它的每帧进行一次静态图裁图操作,那么最后得到文字也将会是一个动态的文字。另外,本例为了介绍选区转换,所以没有用最直接建立文字外选区的方法,如果想直接建立文字外选区,只需要在字外用魔术棒点一下就行咯。



第十七课:建立选区的小技巧



这一节只是介绍建立选区的小技巧,还没到选区的具体在动画上的使用,因为选区的使用得配合一些画笔工具,所以下节介绍完画笔工具,立马就会介绍利用选区制作一些实际的动画咯!

下面的图也是以前制作成电子书的截图!不知道文字是否看的清楚。

贴子相关图片:






第十八课:玩转文字  



名为玩转文字,就是以文字为对象,把文字做的生动可爱, 可爱不可爱我们看了便知道!

贴子相关图片:





      

       这个关键是用了变形工具进行旋转。为什么效果会那么生动呢?原因就在于细节上的处理。当字落下时。有一帧是有把字的高度缩小的。原因是字落地的时候有一个缓冲所以要缩小一些!大家可以做两个例子来对比,一个在落地时没缓冲效果一个在落地时有缓冲效果......

    另外大家在考虑细节的时候除了形状方面外还要考虑到速度方面。学过物理大家都知道竖直上抛运动越到上速度越慢同理由越到下面越快!其实物理运动学方面的知识跟动画还是有些联系的。后面还有什么运动的合成方面的应用。这里就先不介绍咯!这节重点是巩固和提供变形工具,大家再做几个字被撞倒在地的练习,有猛烈的撞击有一撞就倒的那类,大家怎么想就怎么做!再做一个摆钟左右摇摆类的效果。下面还有一个图是以前做的大家可以参考一下文字效果。

贴子相关图片:

文章评论