选择显示字体大小

livemotion字体制作:飘动字

  前几节我们接触的都是静态的文字效果,如果说是依赖于livemotion强大的绘图功能,还不如说是adobe公司产品强大的制作功能。从现在起,我们真的要motion一下了。先看看效果吧。图1—3(由于是截图是静态的,只能从中取几幅图)

asp?p=/2006-4-24/74299032918_1.jpg" border="0" alt="livemotion字体制作:飘动字" /> (图1)

asp?p=/2006-4-24/48154032918_2.jpg" border="0" alt="livemotion字体制作:飘动字" />(图2)

asp?p=/2006-4-24/26868032918_3.jpg" border="0" alt="livemotion字体制作:飘动字" />(图3)

  经过前两节的学习,聪明的你一定一眼就能看出如果是静态的,就是用渐变色来填充的。好,让我们先来学一下渐变色。渐变色的产生可以是我们在矢量图形的制作过程中使色块与色块之间的过渡明显顺滑,而在以后的学习中你会发现,之所以有了渐变色,假才能更真。

asp?p=/2006-4-24/99543032918_4.jpg" border="0" alt="livemotion字体制作:飘动字" />(图4)

  图4是最常见的color框,在平时左上角的两个方框分别是填充色和背景色,而当按了填充工具(图5)激活渐色填充工具栏时(图6),其分别有着别的作用。

asp?p=/2006-4-24/89224032918_5.jpg" border="0" alt="livemotion字体制作:飘动字" />(图5)

asp?p=/2006-4-24/45317032918_6.jpg" border="0" alt="livemotion字体制作:飘动字" />(图6)

  这里还有一个注意点,就是当编辑栏中必须有几何图形时这个渐色栏才会被激活。让我们先来看一下没有渐色前的效果吧。(图7)

asp?p=/2006-4-24/82220032918_7.jpg" border="0" alt="livemotion字体制作:飘动字" />(图7)

  我们来填充一下效果吧。(图8)

asp?p=/2006-4-24/14462032918_8.jpg" border="0" alt="livemotion字体制作:飘动字" />(图8)

  相信经过多次操作,这个渐变功能就能上手了吧。至于渐变栏里的多种选项,会在以后详加分解。

  接着我们就开始做动画了,首先打开timeline。timeline——show timeline window。由于篇幅有限,这里就不彻底列出了。还是老样子,用前几节学的技术,加上本节的渐色,作出以下效果。(渐色栏里的效果要对照,并加一个带alpha的阴影)(图9)

asp?p=/2006-4-24/50211032918_9.jpg" border="0" alt="livemotion字体制作:飘动字" />(图9)

  在时间轴上我们会看到图10的样子。

asp?p=/2006-4-24/4124232918_10.jpg" border="0" alt="livemotion字体制作:飘动字" />(图10)

  点击开medium red “寻梦少年”前的小三角,再点击layer1前的小三角,如图11。

asp?p=/2006-4-24/3468432918_11.jpg" border="0" alt="livemotion字体制作:飘动字" />(图11)

  点击图11中点击下的那个小闹钟。(其实小闹钟后面的英文就是要做渐变的效果,我们这次选定的效果是渐变色之渐变,是不是有些拗口呀?其实就是渐变色的移动。)

asp?p=/2006-4-24/5565132918_12.jpg" border="0" alt="livemotion字体制作:飘动字" />(图12)

  图12中上行的红色的线条就是动画的总长度,现在占据了0.4秒,下面的三个小方块就是代表3个关键帧,我们其实要做的就是编辑关键帧,而关键帧中所夹的普通帧是通过渐变的设定由电脑自行算出的,不用人工的配置。我们这节中所学的只是颜色渐变互动,所以对其他的渐变方式这里不做详解,在后面的章节中回有具体介绍。我们在0.2秒时设定一关键帧,具体的方法就是拉动上面的红色线条,至0.2秒时按下前面一个小方块中的勾,这样一个关键帧就诞生了。我们稍稍改动这个关键帧吧。(图13)

asp?p=/2006-4-24/4435332918_13.jpg" border="0" alt="livemotion字体制作:飘动字" />(图13)

  请按图13的设置行使,至于45度和225度的差别,有机会试一下你就知道了。好了,再在第4秒末设置和第一关键帧一样的效果。并且给阴影也同样做一下。这样,一个简单的渐变效果就完成了。按play键播放一下吧。图14中的三角就是play键,好了,一个简单的颜色渐变的互动效果就完成了。

asp?p=/2006-4-24/7152632918_14.jpg" border="0" alt="livemotion字体制作:飘动字" />(图14)

  老惯例,还是总结一下吧,这节我们学会了渐色的填充和关键帧的制作与播放。有了这个起点,相信对以后制作较复杂的互动有很大的帮助。可能对某些没有接触过动画制作的人可能有些困难吧,只要多操练一下,相信这个困难还是可以克服的吧。


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons