1、第16章 用CorelDRAW制作网页与动画,本章目标,网页页面的制作 插入因特网对象 创建对象的链接 Flash动画的制作,16.1 制作网页页面,16.1.1 设置网页页面 16.1.2 插入Internet对象 16.1.3 创建对象的超级链接 16.1.4 几种输出网页的常用格式 16.1.5 网页生成前的设置工作,16.1 制作网页页面,设置文件的大小在CorelDRAW中设置网页时应考虑文件的大小，分辨率的高低决定着最终Web文件的大小，网页的分辨率一般为72dpi，而电脑显示器的最大分辨率为96dpi，所以网页的分辨率高于96dpi只会增加Web文件的大小，从而影响浏览的速度，一
2、般应将文件的大小控制在60KB以内。 图像的尺寸在CorelDRAW中设置网页时所创建的图形宽度和高度分别不超过600像素和300像素，以加快浏览速度。,图像的颜色制作网页应当使用正确的颜色模式，印刷使用CMYK颜色模式，而网页显示应当使用RGB颜色模式，在CorelDRAW中提供了网页制作专用的【Web-safe色】调色板，使用该调色板中的颜色制作网页，可以使显示器显示颜色时不会抖动。,16.1.2 插入Internet对象,CorelDRAW提供了插入预设的Internet对象的功能，执行【编辑】【插入因特网对象】菜单命令，在弹出的【插入因特网对象】子菜单中列出了可插入的Internet对
3、象，如图16-1所示。,图16-1 【插入因特网对象】菜单命令,鼠标右键单击插入的Internet对象，在弹出的快捷菜单中选择【属性】命令，如图16-2所示，打开【对象属性】泊坞窗，如图16-3所示。在该对话框中可对插入的Internet对象进行编辑修改，以及初始化对象的操作。,图16-2 选择【属性】命令 图16-3 【对象属性】泊坞窗,16.1.3 创建对象的超级链接,创建好Web文档后，可根据需要创建对象的超级链接，从而实现页面的跳转。 URL链接URL是统一资源定位器的英文简称，如Http:/就是一个URL地址，当为对象指定了URL链接后，在浏览时单击该对象就可跳转至链接的URL地址。
4、创建URL链接的方法如下：选取对象，可以是文本或图形对象。 在对象上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，打开【对象属性】泊坞窗，单击【因特网】选项卡，如图16-4所示。在【功能】下拉列表中选择“URL”项，然后在【URL】下拉列表中输入URL地址或选择已有的URL地址，最后单击【应用】按钮即可。,书签链接 书签是Web文档中的文本或图形的一种特殊名称，其作用与URL链接相同。通过书签链接功能，可快速跳转至书签指定的位置。 具体创建方法为：选取对象并在对象上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，打开【对象属性】泊坞窗，单击【因特网】选项卡，在【功能】下拉列表中选择“书签
5、”项，然后在下方的文本框中输入书签名称，如图16-5所示，最后单击【应用】按钮。,图16-4 【因特网】选项卡 图16-5 输入书签名称,指定热区 在为对象指定了URL链接后，对象就变为一个因特网对象，如果对象是图形对象，则图形对象中有一块区域被称为热区，在CorelDRAW 12中称之为热点。单击热区范围才能实现跳转功能。 指定热区的方法为：选取对象后，在【对象属性】泊坞窗中单击【因特网】选项卡，确认【功能】下拉列表中显示为“URL”项，单击【定义热点时使用】下拉列表，可以选择热区是“对象形状”或是“对象边框”，前者的热区即为对象的形状，后者的热区为与对象相切的矩形。,16.1.4 几种输出
6、网页的常用格式,具体方法为：执行【文件】【发布到Web】【HTML】菜单命令，打开【发布到Web】对话框，单击【HTML排版方式】下拉列表框，在弹出的列表中选择所需的网页格式，如图16-6所示。,图16-6 设置网页格式,HTML表：以表格的文件格式输出，可兼容大多数的浏览器。 图层：以图层的方式输出，只兼容Netscape 4。 样式：以样式的方式输出，兼容Netscape 4、IE 4和IE 5。 带图像映射的单个图像：以图像映射的方式输出，所有对象中的文本将都会被转换为图片。,16.1.5 网页生成前的设置工作,方法为执行【工具】【选项】菜单命令，打开【选项】对话框，在左边的树状列表框中
7、单击展开【文档】项后，再单击【发布到Web】，选择【图像】，此时【选项】对话框显示如图16-7所示。,图16-7 【选项】对话框,在树状列表的【发布到Web】项下选择【文本】，如图16-8所示，可在【选项】对话框中设置文本的输入方式。一般保持默认设置不变，当使用了美术字后，也可以选中第2项“将所有文本导出为图像”单选项，这样即使浏览者的电脑中没有相应的字体也可以保证正确浏览和显示。,图16-8 设置文本属性,在树状列表的【发布到Web】项下选择【链接】，如图16-9所示，可在【选项】对话框中设置链接的状态，如链接的颜色或是否显示下划线。,图16-9 设置链接属性,16.2 Flash动画的制作
8、,16.2.1 帧及关键帧的概念 16.2.2 怎样创建帧动画 16.2.3 怎样创建群组动画 16.2.4 创建调和动画,执行【开始】【所有程序】【CorelDRAW Graphics Suite 12】【Corel R.A.V.E. 3.0】菜单命令，打开【Corel R.A.V.E. 3.0】主界面，如图16-10所示。 值得注意的是，由于Flash动画流行于互联网上，因此默认的调色板为RGB模式，而非CMYK模式。 Corel R.A.V.E. 3.0承袭了CorelDRAW 12中重要的绘图功能和交互式调和功能，如在Corel R.A.V.e 3.0中可以方便地绘制等边三角形和多边形
9、。配合使用Corel R.A.V.E. 3.0的绘图功能和交互式调和功能，将使设计Flash动画的工作更加方便，动画的效果更加精美。,图16-10 【Corel R.A.V.E. 3.0】主界面,16.2.1 帧及关键帧的概念,帧是组成连续播放动画中的一系列图像的一幅图像，一个帧可包含多个对象。如播放一个动画需要12秒，1秒有12帧，即在1秒的时间内将连续播放12张图像，这样就形成了动画，这个12秒的动画总共帧数为144帧。当单位时间内的帧越少，播放的速度就越慢，如果强行快速播放，就会出现跳帧的现象，单位时间内的帧越多，播放的速度就越快，适合于做快速的动画，如打斗场景等。 关键帧是指定对象变化
10、最重要的帧，控制着对象的最关键的变化。动画制作软件会根据需要，自行在关键帧中间插入帧，以平滑动画效果。在Corel R.A.V.E.中，帧和关键帧在【时间轴】泊坞窗中的表现形式如图16-11所示。,在Corel R.A.V.E.的【时间轴】泊坞窗中，关键帧为黑色实心矩形，如图16-11中有两个黑色实心矩形，即有两个关键帧，中间的水平线部分即为帧。在设计和制作Flash动画时，最后一帧可以是关键帧，也可以不是关键帧。,图16-11 帧和关键帧的表现形式,16.2.2 怎样创建帧动画,帧动画包括两种，即逐帧动画和过渡帧动画。 逐帧动画需要用户将每一帧都创建为关键帧，然后对每一个关键帧进行编辑； 过
11、渡帧动画只在对象有重要变化或转折时才创建关键帧，用户只需编辑这些关键帧，中间的帧由系统自动过渡。 创建逐帧动画创建逐帧动画的步骤: 在绘图区域绘制一个对象，此时【时间轴】泊坞窗中对象对应图层的第1帧显示为效果，表示当前帧中有对象存在，如果第1帧显示为效果，则表示当前帧中无任何对象，即该关键帧为空白关键帧。,在创建对象后，蓝色的播放头也指向第1帧，这时若新建对象，则新对象会在第1帧被创建。拖动蓝色的播放头至第1帧后面，即空白的第2帧处，如图16-12所示。 绘制另一个对象，从【时间轴】泊坞窗中看到该对象位于第2帧，如图16-13所示。 继续拖动插放头至第3帧，并绘制对象，如此重复操作就创建了逐帧
12、动画,图16-12 拖动播放头至第2帧 图16-13 在第2帧绘制对象,创建过渡帧动画创建过渡帧动画的步骤: 在绘图区域绘制一个对象，在第1帧上的处按住鼠标左键向右拖动，如拖至第10帧后释放鼠标，可以发现播放头会跟着移动至第10帧，如图16-14所示。 单击【时间轴】泊坞窗中的【插入关键帧】按钮，将在第10帧处插入关键帧，同时第1帧会自动转为关键帧，如图16-15所示。,在第10帧处改变对象的大小、填充色或将对象旋转，Corel R.A.V.E.会自动计算中间帧的情况，按【Enter】键可预览效果。,图16-14 拖动帧至第10帧 图16-15 插入关键帧,16.2.3 怎样创建群组动画,Co
13、rel R.A.V.E.不仅可以对单独的对象创建动画，还可以对群组的对象创建动画，将对象群组后，在【时间轴】泊坞窗中可以看到群组后的对象只占用一个图层，如图16-16所示。按住【Ctrl】键，在第一帧上的处按住鼠标左键向右拖动至适当位置后释放鼠标，如第10帧，在第10帧处单击鼠标右键，在弹出的快捷菜单中选择【插入关键帧】命令，如图16-17所示，即创建了群组动画，现在可以在第1帧或第10帧处修改群组对象的属性，如大小、旋转角度和填充色等。,图16-16 群组对象只占用一个图层 图16-17 【插入关键帧】命令,16.2.4 创建调和动画,调和动画常用于对象的外形发生变化的动画，如将矩形变为圆形
14、。具体的操作方法如下。 在绘图区域绘制两个不同外形的对象，如椭圆和矩形。 为它们添加调和效果，并在属性栏设置调和的步数。调和步数与创建的动画帧数有关，调和步数越多，则创建的动画帧数就越多。如将调和步数设置为8后，创建的动画为10帧，调和步数设置为20后，创建的动画为22帧。 执行【电影】【通过调和创建片段】菜单命令，如图16-18所示，Corel R.A.V.E.即可自动创建调和动画。创建调和动画后，在【时间轴】泊坞窗中将显示动画只占用一个图层。如图16-19所示。,图16-18 【通过调和创建片段】菜单命令 图16-19 动画只占用一个图层,本章总结,网页页面的制作 插入因特网对象 创建对象的链接 Flash动画的制作,
