• 思缘论坛首页
  • 思缘图库
  • PS教程
  • 论坛搜索
  • 下载记录
  • 每日签到
  • 设计软件,PS下载
  • VIP素材区预览
  • VIP素材区下载
  • 缘分币充值
 17 12
发新话题
打印

[精彩实例] Fireworks制作创意的遮罩动画效果

Fireworks制作创意的遮罩动画效果

本例使用Fireworks遮罩效果制作动画,对遮罩层的制作是本例的关键。本实例用到的一些基本操作包括:钢笔工具、帧(Frames)面板、羽化填充(Feather)、遮罩(Mask)。

制作这类遮罩层有两种思路:

1、将人物脸部精确的抠出来,转成灰度,然后使用反色。用这种方法做的效果可能是最好的,能够以人物面部的明暗影响滚动的文字,使文字若隐若现,但完全在Fireworks中做是比较困难的,尤其是在抠图上最好能借助Pototshop,以达到最完美的效果。

2、使用圆形工具和钢笔工具绘制出脸部的大概轮廓,使用羽化填充制作遮罩层。

这里我们采用第二种思路,以下边左边的遮罩动画为例,讲述这种创意动画的制作方法。至于第一种思路,有兴趣的朋友可以自己试试。





step1: 打开一幅人物图片如图1。最好选择脸部轮廓较明显的图片,这样更方便完成这个效果。点击层面板上的小三角形,选择“Share This Layer”,将该层置为共享层。



图1

step2:新建一层,选择圆形工具,去掉填充色,只要边线的颜色,拖出一个近似于脸部的椭圆,然后用钢笔工具在椭圆上相对于脸部不规则地方添加几个控制点,调整如图2。在这一步中尽量放大图像视图,这样有助于做出比较精确的遮罩层。(请参阅贝赛尔曲线造型操作详解)



图2

step3: 选择上一步绘制好的路径,使用羽化填充,并且去掉边线,如图3。注意一定要用黑色填充,遮罩层的最终效果如图4所示:



图3



图4

step4:用文字工具输入一些文字如图5。



图5

选择该文字,按F8键,将其转化为符号,在弹出的对话框中选择Graphic,取名为Symbol 1,如图6。



图6

step5: 从Library面板中托出两个Symbol 1,排列成如图7一样的位置。注意两个Symbol 1之间结合最好和谐融洽一点,这样在做动画时就会比较流畅。



图7

step6: 同时选择两个Symbol 1,执行“Modify/Animate/Animate Selection”命令(快捷键Alt+Shift+F8),弹出如图8的对话框,将Frames参数调为8,点击OK,两个Symbol 1成为了一个整体。图9是此时的帧面板,自动产生8帧的动画。



图8



图9

效果如图10所示。



图10

step7: 选择前面绘制的遮罩层,在层面板中调整成顶层,然后同时选择遮罩层和Symbol,执行“Modify/Mask/Group as Mask”命令,这时的整个图层如图11所示。



图11

step8: 现在基本工作已完成了,最后在输出时选择“Animated Gif”格式就OK了。看完本例后,赶快扩展你的想像空间吧,用简单的技术做出更有创意的动画,如前面的眼睛动画。

本帖最近评分记录
  • 涟波旖旎 缘分币 +1 教程示例图片失效啦,做个标记 2015-1-12 12:31
加入论坛VIP,下尽您想要的素材,点击进入!

如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:http://www.missyuan.com/forum-41-1.html;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~

TOP

作业::a15

附件

mask.gif (52.15 KB)

2007-9-7 16:06

mask.gif


本帖最近评分记录
  • 梦寐四夕 缘分币 +8 谢谢支持 辛苦了的!~ 2007-9-7 21:49
07年,换一种姿态生活...

TOP

遮罩动画制作:a02

附件

遮罩动画制作.gif (90.02 KB)

2007-9-8 09:58

遮罩动画制作.gif


本帖最近评分记录
  • 梦寐四夕 缘分币 +8 谢谢支持 辛苦了的!~ 2007-9-8 20:03

TOP

我为什么做不出来呀,在遮罩那块怎么弄也不对,就不出效果呀,用完遮罩命令文字就看不到!!

附件

做不出.png (222.1 KB)

2007-9-12 11:30

做不出.png


TOP

我也没做出来,主要是新建一层,勾出面部轮廓填充黑色后不明白,需要把原图复制一份到新建层还是就在新层里勾一个路径还是画出路径填充黑色后转为位图,然后又怎么做成遮照层呢

TOP

引用:
原帖由 江山不改 于 2007-9-12 19:35 发表
我也没做出来,主要是新建一层,勾出面部轮廓填充黑色后不明白,需要把原图复制一份到新建层还是就在新层里勾一个路径还是画出路径填充黑色后转为位图,然后又怎么做成遮照层呢
在新层里有路径层和文字层,将路径作成遮照文字,填充为黑色是为了全部显示文字~~

TOP

引用:
原帖由 梦寐四夕 于 2007-9-16 00:39 发表

在新层里有路径层和文字层,将路径作成遮照文字,填充为黑色是为了全部显示文字~~
我试过呀,在新层里用路径勾出轮廓,羽化填充,写上文字,文字转化为动画元件,问题就在无法跟路径组合为蒙版,将路径拉到最上面组合蒙版后根本就看不到文字了,唯一可行的是剪切动画元件粘贴于路径内部,可是这样的话出来的动画眼睛变全黑了

TOP

引用:
原帖由 江山不改 于 2007-9-16 14:32 发表


我试过呀,在新层里用路径勾出轮廓,羽化填充,写上文字,文字转化为动画元件,问题就在无法跟路径组合为蒙版,将路径拉到最上面组合蒙版后根本就看不到文字了,唯一可行的是剪切动画元件粘贴于路径内部,可是这 ...
我这几天电脑有问题,等我电脑恢复,我来试下~~等等哦~~

TOP

学习中 感觉很难哦

TOP

高级教程哦。。学习。

TOP

 17 12
发新话题

关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

工信部备案:沪ICP备09005587号 苏州市公安局备案编号:32058302001042

Powered by Discuz Copyright © 2005-2015 www.MissYuan.com All rights reserved.