第一讲 界面及绘图工具

作者:蜘蛛精

   
   软件简介:

    SWiSHmax 是一款功能强大的动画特效软件,最大的特点是省时省力、简单易用、上手快,除已内建230种特效动画效果外,还可自行创建动画特效,让你更快速更简单地做出漂亮的swf格式动画,只要轻点几下鼠标,你就可以在你的网页中做出令众人注目的酷炫动画效果。你还可以利用形状、文字、按钮以及移动路径等手段制作交互性电影。SWiSHmax还可以和Macromedia Flash、Dreamweaver等软件相结合,将它的魅力发挥到极致。
 
    SWISHmax也有明显的弱点,它所生成的交互性swf文件导入flash中后,脚本语句基本不能应用,它压缩mp3声音和处理形状变形的能力很差,如果要做复杂动画,它的功能要较flash逊色,我们期待SWISHmax的下一个版本能在这些方面加以改进,从而挑战Flash在二维动画方面的霸主地位。

    本教程定位于SWISHmax的初学者,我们将从零开始学习这个软件,每讲设计并完成二个主题,由于教程起点较低,为避免教程过于烦琐淹没重点,对一些操作细节,我们将在语音讲课时边讲边补充,边讲边和大家一起动手操作测试,课后作业也将在课堂上和大家一起动手完成,所以,语音学习构成本教程文字外的极重要的延伸部份,整个教程共有四课,四课的内容之间有相互关联关系。(本教程的所有源文件,包括片头动画均在SWISHmax中制作完成)

    第一讲的主题是:主界面、绘图工具。

    一、认识主界面:



       
    工具栏:在工具栏中中我们要认识六个插入按钮和三个播放按钮,五个插入按钮分别插入场景、文本、图片、内容、按钮和精灵,三个播放按钮分别播放场景中、时间线上及各个特效的动画效果。

    基本操作区在这里,我们可以添加特效、删除对象、控制时间线面板的表现方式等,其中最重要的是添加脚本按钮,按下后可在时间线上添加各种针对时间线的动作脚本语句,如果选择了对象,这里变成添加效果按钮,点开后可看到230个特效。

    时间线面板类似于flash中的时间轴面板,两条黑线之间为一秒钟播放所需的帧频,在面板上可以看到各种特效的名称和帧数。

    概要目录区用树状结构显示场景中所有的元件,如形状、文字、精灵......及它们之间的嵌套关系,并可设置显示、关闭、锁定三种状态。

    工具箱面板SWISH提供了较Flash更好用的作图工具,利用它们,你可以很轻松的画出五角星、椭圆按钮等,工具箱的下部的几个按钮可用来显示场景的比例,美中不足的是没有橡皮工具,画错了只有重画或用修改工具修改。

    工作区:也就是Flash中的场景,这里是你大现身手的地方。

    属性面板这里有九个按钮,它们的作用如下:

    1、内容:类似于Flash的库,导入SWISHmax中的各种元件,如声音、图片、精灵等均在此保存,从场景中删除不等于从内容中删除。
    2、导出:设置文件导出时swf、脚本、html等的各种参数。建议在导出swf文件选择swf6,要在flash中做元件时把一、三、五项打勾,如果直接做swf文件第二项不要打勾。
    3、调试:用来测试脚本语句、动态文本等,按下清除按钮可清空面板。
    4、电影:在这里设置主场景的大小、背景色,帧频等。
    5、场景:这个位置是九个面板中最重要的地方,它根据选定目标的不同而不同,既可以是场景面板,也可以是外形面板、精灵面板等多变,我们将在语音课堂上重点讲解这个地方,通过边讲边做,弄清场景面板、矢量外形面板、位图外形、文字面板等面板的功能。
    6、变形:指示元件的大小、位置、缩放比例、倾斜等,锚点是元件运动时围绕的中心,点开锚点旁边的小三角可定义锚点的位置。
    7、色彩:更改颜色和透明度。
    8、排列:把对象排列整齐,排列于所有选定的是确定几个选中对象之间的关系,在主场景中排列于上一级是确定对象在场景中的位置。
    9、指导:设置网格和标尺的参数。

  
    二、认识绘图工具

    SWISHmax的绘画工具相对强大,左图是它的绘画工具截图。

    我们将在课堂上带领大家逐一测试并讲解这些工具,其中直线工具、铅笔工具等我们在很多软件中都已多次接触,这里不做详述,比较重要的是“自动外形”这个工具,点开它旁边的黑点,可以看到在它的内部预建有十种外形工具,我们每种都来试画一下。

    绘画工具使用技巧:
1、双击各工具图标可以连续画图形。
2、五星和五边形图形左键单击中心的绿点增加数目,右键单击减少数目。
3、3D图形可通过三个控制手柄调整各个面的大小和外形。
4、改变锚点可控制元件运动方向。
5、所画线条如果闭合,自动填充颜色。


     外形面板各参数说明如下:

    1、名称:在目标上打勾,作用如Flash中的实例名,此外形可被动作脚本语句识别并利用,如图中的外形的名称为aa,如果要设置它的Alpha值为50%,在动作脚本语句中就可以写成:aa._alpha=50,如果是数字做实例名,前面会自动加_。
    2、直线:为画出的形状添加边框,可设置粗细和颜色。
    3、填充:点开旁边的三角,可看到6种填充方式,最后二种是位图填充,在颜色选择面板上可以设置所要填充的颜色的透明度,位图填充有平铺和裁剪二种方法,如果对所填充的位图不满意,还可以点击面板上的文件夹图标,另选图像。


    三、作业(要求当堂完成)

第一个作业:绘画练习:画出如右图中所有的图形,想想第三个和第六个是怎么画出来的?

第二个作业:地球围绕太阳转

    作业基本步骤提示:

    1、新建文件,350*250,背景深蓝色。
    2、在内容面板中导入素材下载中的背景图片,调整其左上角对准场景标尺的0,0,命名为“星空”。
    3、用椭圆工具画出红色太阳,用五角星工具画光芒、白黄二色放射梯度填充,加角,再用控制手柄稍改变一下角的方向。
    4、用椭圆工具画一个大点的椭圆做轨道,无填充,边线深蓝色,粗细1。
    5、画一个园做地球,用蓝白二色做放射梯度填充,放大场景,用填充变形工具调整白色的高光部分,使其偏内侧,锚点居中。
    6、选中地球,再选取动作路径工具,沿轨道线向前,隔一段距离点击一下,直至又回到起点。如果某点点击的位置偏离了轨道,可用键盘上的方向键调整位置。在时间线面板上双击移动效果,在弹出窗口中把下图中所示的二项前打勾,也可利用旋转工具逐轨道点调整球的受光面,使其朝向太阳。


    7、测试保存,默认的源文件格式是*.swi,再依次点击菜单/导出/swf,保存成swf文件备用。

    下一次,我们将学习SWISHmax最吸引人的特色--文字特效。

 
  相关链接:

      首页  片头动画
     第二讲  文字及特效
     第三讲  按钮及脚本
     第四讲  精灵及声音

版权所有©闪客启航  个人网站转载请注明出处  商业媒体转载请联系蜘蛛精或启航  QQ:6425816
关闭窗口