邮件订阅
5ucms模版,FlashMX经典实例-文字类:倒影字
作者: 来源: 日期:2017/4/3 20:32:43 浏览量:22(滞后) 人气:LOADING...(实时) 【

5ucms模版,FlashMX经典实例-文字类:倒影字
现在越来越多使用Flash设计的贺卡、MTV、广告、电视片头等Flash产品出现在我们的身边,影响在我们的生活。譬如,《2002春节晚会》金蛇狂舞辞旧岁,骏马奔腾贺新春的片头就是使用Flash制作的。使用Flash制作动画既方便、快捷,制作周期短、成本低,省钱。说不定以后你到哪去找工作,遇到的第一个问题就是:“Flash,会用吗?”也正是这些原因,越来越多的朋友开始喜欢并学习Flash,这是不争的事实。于是,笔者想通过附录中的这些精美而又实用的效果制作讲解,使读者正真的了解、喜欢Flash,并学到一些正真有用的效果的制作方法和设计技巧。譬如如何去构思和设计一个效果以及如何编写最精炼的效率最高的代码。最终能举一反三,然后设计出自己的作品。 笔者将文章将由浅入深的分为文字类、按钮类、鼠标类、效果类、贺卡类、属性类、对象类、UI组件类。在每一类效果中,笔者将剖析2-3个精选实例的制作方法及其相关的设计技巧等。文章的开始,我们先来学习一个简单的倒影效果。学习该效果地制作主要是为了让读者先熟悉一下基本工具、“属性”面板和一些常用面板,譬如“变形”面板地使用以及文字设计的一些技巧。就效果本身而言,这个倒影效果也是很常用的。如图1-1所示。效果预览图:

图" 1-1效果简介:倒影效果不仅仅是一种基础的文字效果,如果把文字变换成图像,则同样可以做出精美的效果来,而且更加常用。所以这是一个很有用的效果。制作步骤:1.打开FlashMX(中文版)。按快捷键Ctrl+J打开“文档属性”面板,把场景设置成360px×120px,白色背景,12fps。(或按快捷键Ctrl+F3打开“属性”面板单击“大小”按钮进行场景设置。)2.按快捷键Ctrl+F8打开“创建新元件”面板创建一个“文字”图形元件。如图1-2所示。

图" 1-23.点选中“工具”面板中的“文本”工具,然后如图1-3所示设置“属性”面板。字体颜色为#666666。

图" 1-3设置好“属性”面板后,在图形元件“文字”的场景中单击鼠标左键写下“电脑报”3个字。如图1-4所示。

图" 1-44.按快捷键Ctrl+F8打开“创建新元件”面板创建一个“文字影片”影片剪辑元件。5.按快捷键Ctrl+L打开“库”面板,把“文字”元件拖拽到“文字影片”场景的“图层1”中。6.选中“图层1”中的“文字”元件,然后按快捷键Ctrl+C进行复制。再单击“时间轴”面板中的“插入图层”按钮
" ,新建“图层2”,接着按快捷键Shift+Ctrl+V把“文字”元件复制到“图层2”中。7.选中“图层2”中的“文字”元件,然后按小键盘的方向键“→”、“↑”将其向右、向上各移动2个像素,使两个图层中的文字错开一点,产生立体感。点选中该层中的“文字”元件,在属性面板的“颜色”下拉菜单中选择“色彩”选项,然后选择颜色#FF9966。最终设置如图1-5所示。

图" 1-5注意:选中元件,然后使用快捷键Ctrl+↓可以调整这些元件的叠放顺序。其对应的命令在Modify菜单下的Arrange选项中。其中,Bring to Fr>
。一个经过变形的副本就被复制出来了。

图" 1-6提示:在“变形”面板中,
" 中输入元件横向偏移的角度;
0" 中输入元件纵向偏移的角度。如果在
1" 中输入的角度为180o时就是水平翻转元件。在
2" 中输入180o时就是垂直翻转元件。10.选中“文字”的副本,按快捷键Ctrl+X剪切。再新建一层“图层2”,按快捷键Shift+Ctrl+V把这个副本原位粘贴到新建的“图层2”中。最后适当的调整元件的位置,并把元件的色彩换成#666666。如图1-7所示。
3
图" 1-7到这里,文字的倒影效果就做好了。最终效果如效果图1-1所示。

欢迎您访问www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms教程,FlashMX经典实例-文字类:滤光字
下一篇:5ucms培训,鼠标效果系列教程:会动的眼睛
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,FlashMX经典实例-文字类:倒影字的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org