在Authorware中做环绕文字

2016-03-18 16:27 13 1 收藏

下面图老师小编跟大家分享在Authorware中做环绕文字,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - 设计软件 】


  在各种多媒体作品中,经常可以见到环绕文字的动画特效,确实非常漂亮。可是樱桃好吃树难栽,在Authorware作品中,要实现这种效果,通常是用几个运动图标,设置各个文字沿同一个圆运动。实现起来非常繁琐,效果也很难保证。其实,咱们可以利用Authorware的函数功能来实现这个效果。制作起来也非常简单,咱们就试试?

  咱就用“中国电脑教育报”这七个字来做绕圆转动这个效果吧?程序的流程线并不复杂(如图1)。


  图1


  1、“初始值”计算图标


  双击该图标,打开其输入窗口,在其中输入如下内容:

  h:=320

  k:=240

  r:=100

  Circle(1,h-r,k-r,h+r,k+r)

  angle:=2*Pi


  2、“环绕文字”决策图标


  在流程线上放好该图标后,双击打开其属性对话框,将“Repeat”的值改为“Until Click/Keypress”。


  3、“坐标计算”计算图标


  放置该计算图标在决策图标右侧后,双击打开其输入窗口,在其中输入如下内容:

  x1:=r*COS(angle)+h

  y1:=-r*SIN(angle)+k

  x2:=r*COS(angle+Pi/10)+h

  y2:=-r*SIN(angle+Pi/10)+k

  x3:=r*COS(angle+2*Pi/10)+h

  y3:=-r*SIN(angle+2*Pi/10)+k

  x4:=r*COS(图老师angle+3*Pi/10)+h

  y4:=-r*SIN(angle+3*Pi/10)+k

  x5:=r*COS(angle+4*Pi/10)+h

  y5:=-r*SIN(angle+4*Pi/10)+k

  x6:=r*COS(angle+5*Pi/10)+h

  y6:=-r*SIN(angle+5*Pi/10)+k

  x7:=r*COS(angle+6*Pi/10)+h

  y7:=-r*SIN(angle+6*Pi/10)+k


  4、“文字”组图标


  打开这个组图标,拖一个显示图标到其流程线上,双击打开其演示窗口,写入文字“中”,设置合适的字体、大小和颜色,并设置其显示模式为“Transparent”,对齐方式为“居中”。选中该图标,执行菜单命令“Modify→Icon→ Properties…”,打开“Properties:Display Icon”对话框,将“Positioning”的值改为“On Screen”,并在“Initia”处“X”和“Y”的值的输入框中分别输入“x1”和“y1”(如图2)。

  在流程线上依次复制该显示图标,其演示内容分别改为“国”、“电”、“脑”、“教”、“育”、“报”,属性对话框“Initia”处“X”和“Y”的值则分别改为“x2”和“y2”、“x3”和“y3”、“x4”和“y4”、“x5”和“y5”、“x6”和“y6”、“x7”和“y7”。

  在流程线的下方加一个等待图标,设置其等待时间为0.2秒。


  图2


  5、“频率”计算图标


  双击该图标,在输入窗口中输入如下内容:angle:=angle-0.2

  好了。程序这就算做完了。执行一下看看?如图3所示。


  图3

  友情提示:

  如果您要环绕的文字多于7个或少于7个怎么办呢?呵呵,其实这个问题很好办。您仔细看看上文中“坐标计算”计算图标和“文字”组图标中的设置就会明白了。

  如果您调整一下“坐标计算”计算图标中那个“Pi/10”的值,还可以改变各个文字在圆上的位置呢。

  好了,不多说了,相信您只要仔细看看这个程序,那么自己动手做个漂亮的效果也不是难事。赶紧试试吧。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/shejiruanjian/)

来源:http://www.tulaoshi.com/n/20160318/1889923.html

延伸阅读
 在Authorware的交互方式中有一种按钮交互方式,但是一般用户利用它只能够制作出简单的按钮,无法完成一些复杂和个性按钮。按钮作为Windows下的通用控件之一,使用非常广泛,研究一下按钮的制作技术对于提高我们作品交互性是很有帮助的。     一、“制作”他人按钮       有时看到别人Aut...
新建文档 1、首先我们打开桌面上的软件,然后新建一个空白的文档,输入对应的文字; 来自文件   2、然后我们把鼠标移到文字的中间去,点击插入然后选择来自文件,把图片插到文字里面去,如图所示; 四周型环绕 3、选中图片,点击“环绕”菜单下的“四周型环绕”,大家可以根据需要设定。 制作完成 4...
标签: Web开发
上一篇 CSS教程 文章:CSS高级技巧:滑动门 文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢? 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图: 这应该不是简单的图片float能完成的了吧? 不过实现的原理还是不是很推荐,...
在Authorware中经常要使用WAV格式的声音文件,这种文件格式的主要优点是通用性好,但是这种文件尺寸太大,如果在设计多媒体时,将所有的声音采用这种格式存储,仅声音数据就有可能占上百兆存储空间。我们可以通过一些方法对WAV格式的声音文件进行压缩,来达到我们的要求。 1. 单声道文件 如果WAV格式文件是一个单声道声音文件...
程序界面的开发设计中很重要的一个要求就是简单易用,美观友善。很多应用程序中都会在各种场合下用到弹出式工具提示,这样做的目的很明显:给应用者一个明确提示,增加应用程序的友好程度。Authorware做出来的多媒体程序界面美观性和友好性是不容质疑的,在Authorware中实现弹出式文本提示的通常做法是用热区的“Cursor in Area”响应,当鼠标...

经验教程

110

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部