如何使用fireworks文字环绕制作文字环绕的效果

文字的立体环绕效果
点击观看  上面的这个示例幸运鸟整整花了五个多小时才做好,呵呵,还挺不错的吧。什么?不怎么样?!!把鼠标放在球上点一下再看......现在服气了吧。  也许是幸运鸟的功底太差,用了好久才把别人一个类似的Flash电影源文件理解得差不多了,然后自己再一边构思,一边动手摸索着去做,搞了一个下午的时间才做好,把做课题的时间都耽误了,搞不好明天又要挨老板(导师)骂了。因为我们这一章以Flash的特殊效果为主,加上前两章又都是讲解文字效果的,所以这个示例就放在一起一块讲了,不过这个示例说实话还是挺难的,也许放在本章后面部分介绍更合适一些。如果大家一时不能理解也不要紧,先学习后面的章节,有时间再回过头来看这一节就行了。不过这个效果实在是太棒了,大家怎么可以错过呢,而且幸运鸟早已经准备好把他的制作心得细细地说上一遍了。我们现在就开始吧。  首先我们还是来分析一下这个效果。文字的平面环绕效果比较容易实现,但要实现立体环绕就很难了。为什么呢?因为一般来说,球体放在一层,文字放在另一层。如果球所在层在文字层的上面,则当球和文字重叠时,球将遮住文字。反过来,球所在层在文字所在层下面时,文字将遮住球体。这样我们就无法实现当文字环绕球体运动时前面的文字显现而球后面的文字被遮盖的效果。那么有什么办法可以解决这个问题呢?方法就是,把球分成上下两部分。让上面的部分在最上层,文字在中间一层,球的下面部分在最下层。我们看上面的示例可以发现,当文字环绕球体做立体运动时,出现在前面的文字是出现在球的下半部分的,而被遮住的文字是出现在球的上半部分的,所以......大家现在明白了吧,那我就不再多说了。好了,开始做吧。  新建一个文件。设置背景色为黑色,大小为350 px X 300 px。  我们先来做球体,选择椭圆工具,进入渐进色设置面板设置填充色,新建一种颜色,使它的渐进色定义条如图所示:  其中灰色的RGB值均为139,其填充色预览图见图:  用这个填充色拉出一个不带边线的正圆。然后我们用颜料桶工具的把球的色彩方向调整到下图所示,然后选择这个球,按F8把它转换为图符ball1。  再来做一个球。再进入渐进色设置面板,新建一个颜色,把渐进色定义条设置为:  其颜色预览图为:  然后把刚才转换好的球体图符的实例按Ctrl-B打散,用颜料桶工具用这个颜色在圆心处点一下,再按下填充变形工具,把颜色的方向调整到下图所示,同样把它也转换成图符ball2。  下面我们还要做球的上半部分。把刚刚做好的两个图符从库中拖到主场景中并排放置,同时把它们两个选中,按Ctrl-K横向对齐,再按Ctrl-B打散,用箭头工具拉出一个大框把两个球的上半部分套住,则球的上半部分被选中,如下图所示。  然后稍稍拖动被选中的部分使上下分开,再把下面的部分删掉。把剩下的两个球的上半部分分别转换成图符uball1和uball2,见下图:   为了使效果更好一些,我们还需要做球的投影,还是新建一个渐进色:  ,设置灰色的RGB值均为124。把一个做好的球体ball1或ball2拖出来,打散再填充这个颜色,把它转换成图符shadow即可。  下面我们来做按钮用以触发文字的立体环绕。按Ctrl-F8新建一个按钮类图符,名为Button。在第4帧Hit帧上按F6插入关键帧。  并把ball1从图库中拖出,按Ctrl-B打散,再填充白色,如下图。 这一帧表示当鼠标移到这个区域时按钮激活。  然后是文字的制作,球体表面的文字我就不多说了,大家肯定都会做。环绕球体运动的文字就没那么简单了,这可是个细致活,需要很大的耐心才能做好。  按Ctrl-F8新建图形类图符rotate text。先选好要做成环绕运动的文字,我这里用“Your Best Mentor * Your Best Friend *”。用文字工具选白色Copperplate Gothic字体18号字写下面的文字。因为我们一会儿要打散这串文字,然后再对每个字母单独处理,所以最好写的时候相邻的字母间加上空格。  按Ctrl-B打散它们。为了使它们可以在圆的周围排放得整齐些,我们新建一个层把ball1拖到编辑区中心。把这些文字按顺序分别拖动到球的四周,见下图。然后我们要做进一步的调整。  按Ctrl+Alt-I打开变形监控板。依次选择每一个字母,设置旋转值,使得字母的方向总是指向圆心。然后再多次微调字母之间的位置间距,以获得比较好的效果。这个过程要花一些时间非常耐心细致地去做,因为它和我们将要实现的效果直接相关。我们可以先画一个大圆环套在球体外面,然后把文字依次放在环上,这样比较容易排放整齐。设置好的环绕文字如下图所示,把球体和圆环删掉这个图符就做好了。  我们接着来做这个文字图符旋转的动画并把它转换成电影片断类图符。在主场景中把上面做好的图符Rotate Text拖进来,在第100帧按F6插入关键帧。 在第1帧修改帧属性为运动渐变,并把Rotate项设为Counterclockwise,times设置为1次。在第100帧双击,在帧属性对话框中选Actions标签,选Go to。再把Control项打上勾,使Actions变为Go to and Play(1)就行了。这样这个文字图符就可以不停地逆时针旋转了。按F8把它转换成电影片断类图符Rotating text。  为了加强效果,我们在球体和这圈文字中间再放上一个旋转的“Flashtimes”,首先和做Rotate Text的方法一样,我们做一个图形类图符flashtimes,如下图所示,在十字定位符处用不带边框的黑色画一个很小的圆,以方便我们定位。  然后再做一个电影片断类图符,名为Rotating flashtimes,在第1帧把刚才做好的flashtimes图符拖进来放在如下面中间的那个图所示位置,也就是让这个图符的十字定位符与编辑窗口的十字定位符重合。然后分别在第8帧,第20帧,第27帧按F6插入关键帧。在第1帧用变形监控板把它逆时针旋转90度放在如下图左所示的位置,双击这个实例把Alpha值改为0。在第27帧把它顺时针旋转90度放在下图右所示位置上,把它的Alpha值也设为0。然后设置第1帧和第20帧的帧属性为运动渐变。    现在我们的准备工作就全部做好了,下面就要来把这些图符按一定规律摆放并设置它们的运动变化过程。  新建一个电影片断类图符,名为Cool ball,在这个图符中我们将把所有的效果都做进去。  新建若干层备用,在最上层把按钮Button拖到编辑区正中间,双击按钮设置Actions,选On MouseEvent,选中Press,再选一条Play命令即可,这样在点击按钮后,执行播放操作。在第30帧按F6插入关键帧,在第60帧按F5键。  第二层(从上往下,下同)我们放上写在球表面的文字,在第60帧按F5键。  第三层放球的上半部分。把uball2先拖到正中间,再把uball1拖到正中间,,如果两者没对齐可以按Ctrl-K设置中心对齐。双击uball1设置Alpha值为65,使得下面的uball2可以稍稍显示出来。在第60帧按F5键。  第四层我们放置在球外的内圈旋转的文字“FlashTimes”的电影片断。拖动“Rotating Flashtimes”图符到下图所示位置,让它的十字定位符与球心重合。在第2帧按F7插入空帧,在第60帧按F6插入关键帧,把第1帧的内容拷贝到第60帧。  第5层我们放上做立体环绕的文字动画,把Rotating text图符拖到正中间,在第30帧,第60帧分别按F6插入关键帧。在第30帧把变形监控板参数设置为下图所示,并把Tint值设置为天蓝色。  结果这一帧变成如下图所示形状:
(责任编辑:admin)
------分隔线----------------------------
刚从Macromedia官方网站上淘到一个3D类,不知道以前发过没有。觉得还不错,就发上来了...
工具 箭头工具【V】部分选取工具【A】线条工具【N】 套索工具【L】钢笔工具【P】文本...
看看下面这个 /culture/index.shtml 图片自动变换,鼠标指向不同...
点击浏览该文件...
通过前面的学习,大家已经基本掌握了AS的添加方法和对按钮及影片剪辑的控制,今天我们...
点击浏览该文件...
浅谈飞机游戏碰撞检测代码的处理方式
雪花飘效果之菜鸟版请问fireworks怎么实现文字环绕在圆周内的效果?
您的位置: >>
>> 话题内容
您是第 2984 位浏览者 / 有 4 条回复
6年前 发表1F
效果如上面的链接,请好心人写出步骤说明在fireworks里怎么做,好吗?
6年前 发表2F
下載附件中的源文件看看就知道了,我畫了一條路徑,再寫了一段文字,你只需要選中兩個元件,然後選擇&文本-&附加到路徑&就可以了。路徑隨便你畫,想什麽形狀都可以。
6年前 发表3F
那种的会是在圆外,我想到圆内
6年前 发表4F
那种是在路径外,我想放到路径内,难道我要画两个圆?
站酷讨论组
你未加入讨论组,无法在本组发言!
简介:Adobe Fireworks CS4 是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks CS4 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop CS4、Adobe Illustrator CS4、Adobe Dreamweaver CS4 和 Adobe Flash CS4 软件省时集成。在word文档中如何设置文字环绕图片效果
(window.slotbydup=window.slotbydup || []).push({
id: '2611110',
container: s,
size: '240,200',
display: 'inlay-fix'
您当前位置: &
[ 所属分类
作者 红领巾 ]
在word文档编辑文章时,有时需要在文章上插入图片,文字环绕着图片,如图中的效果。是如何做到的呢,详细操作请往下看。效果如下:软件名称:Word2003 绿色精简版(单独word 15M)软件大小:15.6MB更新时间:步骤1、打开word文档,要在文档中插入一张图片。2、光标在插入图片的位置点下,然后,在文档上方的菜单栏中,顺序点:插入--图片--来自文件。3、然后,选择存在电脑上的图片,图片插入到文档中光标闪烁的位置。4、然后,调整图片,光标在图片上鼠标右键点下,弹出菜单中点&设置图片格式&5、弹出的操作框内,点下&版式&,再点&四周型&,然后点确定,6、图片置于文字当中,文字环绕图片。光标点住图片可以把图片左右上下移动调整到合适的位置。光标在其它位置点下,表示完成以上的动作,图片四周的控制点就消失。。以上就是在word文档中如何设置文字环绕图片效果方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!
本文系统(windows)相关术语:三级网络技术 计算机三级网络技术 网络技术基础 计算机网络技术
转载请注明本文标题:本站链接:
分享请点击:
1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
决定你人生高度的不是你的才能,而是你的态度!
手机客户端
,专注代码审计及安全周边编程,转载请注明出处:http://www.codesec.net
转载文章如有侵权,请邮件 admin[at]codesec.net有时候我们可能需要做一些圆形文字的环绕,其实这类文字实际上就是一种文字环绕路径的效果,不过只简单的通过Attach to Path功能是无法实现这种效果的。  仔细观察一下:环绕路径的文字的上半部和下半部实际上方向相反,所以光使用Fireworks提供的文字环绕路径功能无法一次性实现类似的效果,其中还需要一些小技巧。   制作方法如下:  步骤一:新建一个空白图片,用Ellipse工具,画一个圆,用knife工具,将需要环绕的圆形路径在横向的两个顶点处一分为二。    步骤二:使用文字编辑器将需要环绕在路径上的文字平均分为两个文字对象,并将它们的对齐方式设置为分散对方。   步骤三:将两个文字对象分别环绕到上下半圆路径上,使用Attach to Path命令或使用快捷键:Ctrl+Shift+Y。注意:此时Fireworks3这几个文字是反转的。  步骤四:先使用指标工具选择下半段文字环绕的路径对象,并使用Text&Reverse Direction命令将环绕在路径上的文字反转,然后使用文字编辑器编辑上半段路径上环绕的文字,将其中文字的相对高度调到合适的值,最终使路径上环绕的文字嵌于路径外侧,与上半段路径中的文字对称即可。如图:   最终结果:怎么在Fireworks中制作文字环绕的效果_Fireworks
怎么在Fireworks中制作文字环绕的效果
学习啦【Fireworks】 编辑:张伟
  s是网页三剑客之一,好用程度虽然比不上PS,但对于设计网页图片来说,却是非常好用的工具。那么今天小编就教你怎么在制作文字环绕的效果。
  Fireworks制作文字环绕的效果的步骤:
  打开软件点击&新建&一张图片,为了可以使文字出现环绕的效果,首先我们需要画一个正圆到画布上。画圆时按住&shift&键可以画出正圆,否则只能画出椭圆形。
  然后选择&文本工具&并输入你想要环绕的文字。
  然后按下&shift&将文字和圆形全部选择。然后在工具栏选择&文本&-&&附加到路径&,或者使用&ctrl+shift+y&,即可将文字环绕到圆形上。
本文已影响 人
[怎么在Fireworks中制作文字环绕的效果]相关的文章
看过本文的人还看了
737人看了觉得好
785人看了觉得好
893人看了觉得好
【Fireworks】图文推荐
Copyright & 2006 -
All Rights Reserved
学习啦 版权所有

我要回帖

更多关于 ps制作文字立体效果 的文章

 

随机推荐