第16章用CorelDRAW制作网页与动画..ppt

《第16章用CorelDRAW制作网页与动画..ppt》由会员分享，可在线阅读，更多相关《第16章用CorelDRAW制作网页与动画..ppt（30页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第16章 用CorelDRAW制作网页与动画本章目标n n网页页面的制作n n插入因特网对象n n创建对象的链接n nFlash动画的制作16.1 制作网页页面16.1.1 设置网页页面16.1.2 插入Internet对象16.1.3 创建对象的超级链接16.1.4 几种输出网页的常用格式16.1.5 网页生成前的设置工作16.1 制作网页页面n n设置文件的大小设置文件的大小 在在在在CorelDRAWCorelDRAWCorelDRAWCorelDRAW中设置网页时应考虑文件的大小，中设置网页时应考虑文件的大小，中设置网页时应考虑文件的大小，中设置网页时应考虑文件的大小，分辨率的高低决定

2、着最终分辨率的高低决定着最终分辨率的高低决定着最终分辨率的高低决定着最终WebWebWebWeb文件的大小，网页的文件的大小，网页的文件的大小，网页的文件的大小，网页的分辨率一般为分辨率一般为分辨率一般为分辨率一般为72dpi72dpi72dpi72dpi，而电脑显示器的最大分辨率，而电脑显示器的最大分辨率，而电脑显示器的最大分辨率，而电脑显示器的最大分辨率为为为为96dpi96dpi96dpi96dpi，所以网页的分辨率高于，所以网页的分辨率高于，所以网页的分辨率高于，所以网页的分辨率高于96dpi96dpi96dpi96dpi只会增加只会增加只会增加只会增加WebWebWebWeb文件的大

3、小，从而影响浏览的速度，一般应将文件的大小，从而影响浏览的速度，一般应将文件的大小，从而影响浏览的速度，一般应将文件的大小，从而影响浏览的速度，一般应将文件的大小控制在文件的大小控制在文件的大小控制在文件的大小控制在60KB60KB60KB60KB以内。以内。以内。以内。n n图像的尺寸图像的尺寸 在在在在CorelDRAWCorelDRAWCorelDRAWCorelDRAW中设置网页时所创建的图形宽度中设置网页时所创建的图形宽度中设置网页时所创建的图形宽度中设置网页时所创建的图形宽度和高度分别不超过和高度分别不超过和高度分别不超过和高度分别不超过600600600600像素和像素和像素和像

4、素和300300300300像素，以加快浏像素，以加快浏像素，以加快浏像素，以加快浏览速度。览速度。览速度。览速度。n n图像的颜色图像的颜色 制作网页应当使用正确的颜色模式，印刷使用制作网页应当使用正确的颜色模式，印刷使用制作网页应当使用正确的颜色模式，印刷使用制作网页应当使用正确的颜色模式，印刷使用CMYKCMYKCMYKCMYK颜色模式，而网页显示应当使用颜色模式，而网页显示应当使用颜色模式，而网页显示应当使用颜色模式，而网页显示应当使用RGBRGBRGBRGB颜色模式，颜色模式，颜色模式，颜色模式，在在在在CorelDRAWCorelDRAWCorelDRAWCorelDRAW中提供了

5、网页制作专用的中提供了网页制作专用的中提供了网页制作专用的中提供了网页制作专用的【Web-safeWeb-safeWeb-safeWeb-safe色色色色】调色板，使用该调色板中的颜色制作网页，调色板，使用该调色板中的颜色制作网页，调色板，使用该调色板中的颜色制作网页，调色板，使用该调色板中的颜色制作网页，可以使显示器显示颜色时不会抖动。可以使显示器显示颜色时不会抖动。可以使显示器显示颜色时不会抖动。可以使显示器显示颜色时不会抖动。16.1.2 插入Internet对象 CorelDRAWCorelDRAWCorelDRAWCorelDRAW提供了插入预设的提供了插入预设的提供了插入预设的提供

6、了插入预设的InternetInternetInternetInternet对象的功能，执对象的功能，执对象的功能，执对象的功能，执行行行行【编辑编辑编辑编辑】【插入因特网对象插入因特网对象插入因特网对象插入因特网对象】菜单命令，在弹出的菜单命令，在弹出的菜单命令，在弹出的菜单命令，在弹出的【插入因特网对象插入因特网对象插入因特网对象插入因特网对象】子菜单中列出了可插入的子菜单中列出了可插入的子菜单中列出了可插入的子菜单中列出了可插入的InternetInternetInternetInternet对象，对象，对象，对象，如图如图如图如图16-116-116-116-1所示。所示。所示。所示。

7、图图16-1 【插入因特网插入因特网对对象象】菜菜单单命令命令n n鼠标右键单击插入的鼠标右键单击插入的InternetInternet对象，在弹出的快捷菜单中选对象，在弹出的快捷菜单中选择择【属性属性】命令，如图命令，如图16-216-2所示，打开所示，打开【对象属性对象属性】泊坞泊坞窗，如图窗，如图16-316-3所示。在该对话框中可对插入的所示。在该对话框中可对插入的InternetInternet对象对象进行编辑修改，以及初始化对象的操作。进行编辑修改，以及初始化对象的操作。图图16-2 16-2 选择选择【属性属性】命令命令 图图16-3 16-3 【对象属性对象属性】泊坞窗泊坞窗

8、16.1.3 创建对象的超级链接 创建好创建好WebWeb文档后，可根据需要创建对象的超级链接，从文档后，可根据需要创建对象的超级链接，从而实现页面的跳转。而实现页面的跳转。n nURLURL链接链接链接链接 URLURL是统一资源定位器的英文简称，如是统一资源定位器的英文简称，如Http:/Http:/就是一个就是一个URLURL地址，当为对象指地址，当为对象指定了定了URLURL链接后，在浏览时单击该对象就可跳转至链接的链接后，在浏览时单击该对象就可跳转至链接的URLURL地址。创建地址。创建URLURL链接的方法如下：链接的方法如下：n n 选取对象，可以是文本或图形对象。选取对象，可以

9、是文本或图形对象。n n在对象上单击鼠标右键，在弹出的快捷菜单中选择在对象上单击鼠标右键，在弹出的快捷菜单中选择【属性属性】命令，打开命令，打开【对象属性对象属性】泊坞窗，单击泊坞窗，单击【因特因特网网】选项卡，如图选项卡，如图16-416-4所示。在所示。在【功能功能】下拉列表中下拉列表中选择选择“URL”URL”项，然后在项，然后在【URLURL】下拉列表中输入下拉列表中输入URLURL地址或选择已有的地址或选择已有的URLURL地址，最后单击地址，最后单击【应用应用】按钮即按钮即可。可。n n书签链接书签链接书签链接书签链接n n书签是书签是书签是书签是WebWebWebWeb文档中的文

10、本或图形的一种特殊名称，其作文档中的文本或图形的一种特殊名称，其作文档中的文本或图形的一种特殊名称，其作文档中的文本或图形的一种特殊名称，其作用与用与用与用与URLURLURLURL链接相同。通过书签链接功能，可快速跳转至链接相同。通过书签链接功能，可快速跳转至链接相同。通过书签链接功能，可快速跳转至链接相同。通过书签链接功能，可快速跳转至书签指定的位置。书签指定的位置。书签指定的位置。书签指定的位置。n n具体创建方法为：选取对象并在对象上单击鼠标右键，具体创建方法为：选取对象并在对象上单击鼠标右键，具体创建方法为：选取对象并在对象上单击鼠标右键，具体创建方法为：选取对象并在对象上单击鼠标右

11、键，在弹出的快捷菜单中选择在弹出的快捷菜单中选择在弹出的快捷菜单中选择在弹出的快捷菜单中选择【属性属性属性属性】命令，打开命令，打开命令，打开命令，打开【对象对象对象对象属性属性属性属性】泊坞窗，单击泊坞窗，单击泊坞窗，单击泊坞窗，单击【因特网因特网因特网因特网】选项卡，在选项卡，在选项卡，在选项卡，在【功能功能功能功能】下拉列表中选择下拉列表中选择下拉列表中选择下拉列表中选择“书签书签书签书签”项，然后在下方的文本框中项，然后在下方的文本框中项，然后在下方的文本框中项，然后在下方的文本框中输入书签名称，如图输入书签名称，如图输入书签名称，如图输入书签名称，如图16-516-516-516-5

12、所示，最后单击所示，最后单击所示，最后单击所示，最后单击【应用应用应用应用】按按按按钮。钮。钮。钮。图图16-4 16-4 【因特网因特网】选项卡选项卡 图图16-5 16-5 输入书签名称输入书签名称 n n指定热区指定热区n n在为对象指定了在为对象指定了在为对象指定了在为对象指定了URLURLURLURL链接后，对象就变为一个链接后，对象就变为一个链接后，对象就变为一个链接后，对象就变为一个因特网对象，如果对象是图形对象，则图形对因特网对象，如果对象是图形对象，则图形对因特网对象，如果对象是图形对象，则图形对因特网对象，如果对象是图形对象，则图形对象中有一块区域被称为热区，在象中有一块区

13、域被称为热区，在象中有一块区域被称为热区，在象中有一块区域被称为热区，在CorelDRAWCorelDRAWCorelDRAWCorelDRAW 12 12 12 12中称之为热点。单击热区范围才能实现跳转功中称之为热点。单击热区范围才能实现跳转功中称之为热点。单击热区范围才能实现跳转功中称之为热点。单击热区范围才能实现跳转功能。能。能。能。n n指定热区的方法为：选取对象后，在指定热区的方法为：选取对象后，在指定热区的方法为：选取对象后，在指定热区的方法为：选取对象后，在【对象属对象属对象属对象属性性性性】泊坞窗中单击泊坞窗中单击泊坞窗中单击泊坞窗中单击【因特网因特网因特网因特网】选项卡，确

14、认选项卡，确认选项卡，确认选项卡，确认【功能功能功能功能】下拉列表中显示为下拉列表中显示为下拉列表中显示为下拉列表中显示为“URL”URL”URL”URL”项，单击项，单击项，单击项，单击【定义热点时使用定义热点时使用定义热点时使用定义热点时使用】下拉列表，可以选择热区是下拉列表，可以选择热区是下拉列表，可以选择热区是下拉列表，可以选择热区是“对象形状对象形状对象形状对象形状”或是或是或是或是“对象边框对象边框对象边框对象边框”，前者的热区，前者的热区，前者的热区，前者的热区即为对象的形状，后者的热区为与对象相切的即为对象的形状，后者的热区为与对象相切的即为对象的形状，后者的热区为与对象相切的

15、即为对象的形状，后者的热区为与对象相切的矩形。矩形。矩形。矩形。16.1.4 几种输出网页的常用格式n n 具体方法为：执行具体方法为：执行【文件文件】【发布到发布到WebWeb】【HTMLHTML】菜单命令，打开菜单命令，打开【发布到发布到WebWeb】对话框，单击对话框，单击【HTMLHTML排版排版方式方式】下拉列表框，在弹出的列表中选择所需的网页格式，下拉列表框，在弹出的列表中选择所需的网页格式，如图如图16-616-6所示。所示。图图16-6 16-6 设置网页格式设置网页格式n n HTMLHTMLHTMLHTML表：以表格的文件格式输出，可兼容大多数表：以表格的文件格式输出，可兼

16、容大多数表：以表格的文件格式输出，可兼容大多数表：以表格的文件格式输出，可兼容大多数的浏览器。的浏览器。的浏览器。的浏览器。n n图层：以图层的方式输出，只兼容图层：以图层的方式输出，只兼容图层：以图层的方式输出，只兼容图层：以图层的方式输出，只兼容Netscape 4Netscape 4Netscape 4Netscape 4。n n样式：以样式的方式输出，兼容样式：以样式的方式输出，兼容样式：以样式的方式输出，兼容样式：以样式的方式输出，兼容Netscape 4Netscape 4Netscape 4Netscape 4、IE IE IE IE 4 4 4 4和和和和IE 5IE 5IE

17、5IE 5。n n带图像映射的单个图像：以图像映射的方式输出，带图像映射的单个图像：以图像映射的方式输出，带图像映射的单个图像：以图像映射的方式输出，带图像映射的单个图像：以图像映射的方式输出，所有对象中的文本将都会被转换为图片。所有对象中的文本将都会被转换为图片。所有对象中的文本将都会被转换为图片。所有对象中的文本将都会被转换为图片。16.1.5 网页生成前的设置工作 方法为执行方法为执行【工具工具】【选项选项】菜单命令，打开菜单命令，打开【选项选项】对话框，在左边的树状列表框中单击展开对话框，在左边的树状列表框中单击展开【文档文档】项后，项后，再单击再单击【发布到发布到WebWeb】，选择

18、，选择【图像图像】，此时，此时【选项选项】对对话框显示如图话框显示如图16-716-7所示。所示。图图16-7 16-7 【选项选项】对话框对话框 在树状列表的在树状列表的在树状列表的在树状列表的【发布到发布到发布到发布到WebWebWebWeb】项下选择项下选择项下选择项下选择【文本文本文本文本】，如图，如图，如图，如图16-16-16-16-8 8 8 8所示，可在所示，可在所示，可在所示，可在【选项选项选项选项】对话框中设置文本的输入方式。一般对话框中设置文本的输入方式。一般对话框中设置文本的输入方式。一般对话框中设置文本的输入方式。一般保持默认设置不变，当使用了美术字后，也可以选中第保

19、持默认设置不变，当使用了美术字后，也可以选中第保持默认设置不变，当使用了美术字后，也可以选中第保持默认设置不变，当使用了美术字后，也可以选中第2 2 2 2项项项项“将所有文本导出为图像将所有文本导出为图像将所有文本导出为图像将所有文本导出为图像”单选项，这样即使浏览者单选项，这样即使浏览者单选项，这样即使浏览者单选项，这样即使浏览者的电脑中没有相应的字体也可以保证正确浏览和显示。的电脑中没有相应的字体也可以保证正确浏览和显示。的电脑中没有相应的字体也可以保证正确浏览和显示。的电脑中没有相应的字体也可以保证正确浏览和显示。图图16-8 16-8 设置文本属性设置文本属性n n在树状列表的在树状

20、列表的【发布到发布到WebWeb】项下选择项下选择【链接链接】，如图，如图16-16-9 9所示，可在所示，可在【选项选项】对话框中设置链接的状态，如链接对话框中设置链接的状态，如链接的颜色或是否显示下划线。的颜色或是否显示下划线。图图16-9 16-9 设置链接属性设置链接属性16.2 Flash动画的制作16.2.1 帧及关键帧的概念16.2.2 怎样创建帧动画16.2.3 怎样创建群组动画16.2.4 创建调和动画n n执行执行【开始开始】【所有程序所有程序】【CorelDRAWCorelDRAW Graphics Graphics Suite 12Suite 12】【Corel R.A

21、.V.E.3.0Corel R.A.V.E.3.0】菜单命令，打开菜单命令，打开【Corel R.A.V.E.3.0Corel R.A.V.E.3.0】主界面，如图主界面，如图16-1016-10所示。所示。n n值得注意的是，由于值得注意的是，由于FlashFlash动画流行于互联网上，因此默动画流行于互联网上，因此默认的调色板为认的调色板为RGBRGB模式，而非模式，而非CMYKCMYK模式。模式。n nCorel R.A.V.E.3.0Corel R.A.V.E.3.0承袭了承袭了CorelDRAWCorelDRAW 12 12中重要的绘图功中重要的绘图功能和交互式调和功能，如在能和交互

22、式调和功能，如在Corel Corel R.A.V.eR.A.V.e 3.0 3.0中可以方中可以方便地绘制等边三角形和多边形。配合使用便地绘制等边三角形和多边形。配合使用Corel R.A.V.E.Corel R.A.V.E.3.03.0的绘图功能和交互式调和功能，将使设计的绘图功能和交互式调和功能，将使设计FlashFlash动画的动画的工作更加方便，动画的效果更加精美工作更加方便，动画的效果更加精美。图图16-10 16-10 【Corel R.A.V.E.3.0Corel R.A.V.E.3.0】主界面主界面16.2.1 帧及关键帧的概念n n帧是组成连续播放动画中的一系列图像的一幅图

23、像，一个帧是组成连续播放动画中的一系列图像的一幅图像，一个帧可包含多个对象。帧可包含多个对象。如播放一个动画需要如播放一个动画需要1212秒，秒，1 1秒有秒有1212帧，即在帧，即在1 1秒的时间秒的时间内将连续播放内将连续播放1212张图像，这样就形成了动画，这个张图像，这样就形成了动画，这个1212秒的秒的动画总共帧数为动画总共帧数为144144帧。当单位时间内的帧越少，播放的帧。当单位时间内的帧越少，播放的速度就越慢，如果强行快速播放，就会出现跳帧的现象，速度就越慢，如果强行快速播放，就会出现跳帧的现象，单位时间内的帧越多，播放的速度就越快，适合于做快速单位时间内的帧越多，播放的速度就

24、越快，适合于做快速的动画，如打斗场景等。的动画，如打斗场景等。n n关键帧是指定对象变化最重要的帧，控制着对象的最关键关键帧是指定对象变化最重要的帧，控制着对象的最关键的变化。动画制作软件会根据需要，自行在关键帧中间插的变化。动画制作软件会根据需要，自行在关键帧中间插入帧，以平滑动画效果。在入帧，以平滑动画效果。在Corel R.A.V.E.Corel R.A.V.E.中，帧和关键中，帧和关键帧在帧在【时间轴时间轴】泊坞窗中的表现形式如图泊坞窗中的表现形式如图16-1116-11所示。所示。n n在在Corel R.A.V.E.Corel R.A.V.E.的的【时间轴时间轴】泊坞窗中，关键帧为

25、黑色泊坞窗中，关键帧为黑色实心矩形，如图实心矩形，如图16-1116-11中有两个黑色实心矩形，即有两个中有两个黑色实心矩形，即有两个关键帧，中间的水平线部分即为帧。在设计和制作关键帧，中间的水平线部分即为帧。在设计和制作FlashFlash动画时，最后一帧可以是关键帧，也可以不是关键帧。动画时，最后一帧可以是关键帧，也可以不是关键帧。图图16-11 16-11 帧和关键帧的表现形式帧和关键帧的表现形式关键帧关键帧帧帧16.2.2 怎样创建帧动画n n帧动画包括两种，即逐帧动画和过渡帧动画。帧动画包括两种，即逐帧动画和过渡帧动画。n n逐帧动画需要用户将每一帧都创建为关键帧，然后对每逐帧动画需

26、要用户将每一帧都创建为关键帧，然后对每一个关键帧进行编辑；一个关键帧进行编辑；n n过渡帧动画只在对象有重要变化或转折时才创建关键帧，过渡帧动画只在对象有重要变化或转折时才创建关键帧，用户只需编辑这些关键帧，中间的帧由系统自动过渡。用户只需编辑这些关键帧，中间的帧由系统自动过渡。n n创建逐帧动画创建逐帧动画 创建逐帧动画的步骤创建逐帧动画的步骤:n n在绘图区域绘制一个对象，此时在绘图区域绘制一个对象，此时【时间轴时间轴】泊坞窗中对泊坞窗中对象对应图层的第象对应图层的第1 1帧显示为效果，表示当前帧中有对象存帧显示为效果，表示当前帧中有对象存在，如果第在，如果第1 1帧显示为效果，则表示当前

27、帧中无任何对象，帧显示为效果，则表示当前帧中无任何对象，即该关键帧为空白关键帧。即该关键帧为空白关键帧。n n在创建对象后，蓝色的播放头也指向第在创建对象后，蓝色的播放头也指向第1 1帧，这时若新帧，这时若新建对象，则新对象会在第建对象，则新对象会在第1 1帧被创建。拖动蓝色的播放帧被创建。拖动蓝色的播放头至第头至第1 1帧后面，即空白的第帧后面，即空白的第2 2帧处，如图帧处，如图16-1216-12所示。所示。n n绘制另一个对象，从绘制另一个对象，从【时间轴时间轴】泊坞窗中看到该对象位泊坞窗中看到该对象位于第于第2 2帧，如图帧，如图16-1316-13所示。所示。n n继续拖动插放头至

28、第继续拖动插放头至第3 3帧，并绘制对象，如此重复操作帧，并绘制对象，如此重复操作就创建了逐帧动画就创建了逐帧动画 图图16-12 16-12 拖动播放头至第拖动播放头至第2 2帧帧 图图16-13 16-13 在第在第2 2帧绘制对象帧绘制对象n n创建过渡帧动画创建过渡帧动画 创建过渡帧动画的步骤创建过渡帧动画的步骤:n n在绘图区域绘制一个对象，在第在绘图区域绘制一个对象，在第1 1帧上的处按住鼠标左帧上的处按住鼠标左键向右拖动，如拖至第键向右拖动，如拖至第1010帧后释放鼠标，可以发现播帧后释放鼠标，可以发现播放头会跟着移动至第放头会跟着移动至第1010帧，如图帧，如图16-1416-

29、14所示。所示。n n单击单击【时间轴时间轴】泊坞窗中的泊坞窗中的【插入关键帧插入关键帧】按钮，将按钮，将在第在第1010帧处插入关键帧，同时第帧处插入关键帧，同时第1 1帧会自动转为关键帧，帧会自动转为关键帧，如图如图16-1516-15所示。所示。n n在第在第1010帧处改变对象的大小、填充色或将对象帧处改变对象的大小、填充色或将对象旋转，旋转，Corel R.A.V.E.Corel R.A.V.E.会自动计算中间帧的情会自动计算中间帧的情况，按况，按【EnterEnter】键可预览效果。键可预览效果。图图16-14 16-14 拖动帧至第拖动帧至第1010帧帧 图图16-15 16-1

30、5 插入关键帧插入关键帧16.2.3 怎样创建群组动画 Corel R.A.V.E.Corel R.A.V.E.不仅可以对单独的对象创建动不仅可以对单独的对象创建动画，还可以对群组的对象创建动画，将对象群组画，还可以对群组的对象创建动画，将对象群组后，在后，在【时间轴时间轴】泊坞窗中可以看到群组后的对泊坞窗中可以看到群组后的对象只占用一个图层，如图象只占用一个图层，如图16-1616-16所示。按住所示。按住【CtrlCtrl】键，在第一帧上的处按住鼠标左键向右拖动至键，在第一帧上的处按住鼠标左键向右拖动至适当位置后释放鼠标，如第适当位置后释放鼠标，如第1010帧，在第帧，在第1010帧处单帧

31、处单击鼠标右键，在弹出的快捷菜单中选择击鼠标右键，在弹出的快捷菜单中选择【插入关插入关键帧键帧】命令，如图命令，如图16-1716-17所示，即创建了群组动画，所示，即创建了群组动画，现在可以在第现在可以在第1 1帧或第帧或第1010帧处修改群组对象的属性，帧处修改群组对象的属性，如大小、旋转角度和填充色等。如大小、旋转角度和填充色等。图图16-16 16-16 群组对象只占用一个图层群组对象只占用一个图层 图图16-17 16-17 【插入关键帧插入关键帧】命令命令16.2.4 创建调和动画n n调和动画常用于对象的外形发生变化的动画，如将矩形变调和动画常用于对象的外形发生变化的动画，如将矩

32、形变为圆形。具体的操作方法如下。为圆形。具体的操作方法如下。n n在绘图区域绘制两个不同外形的对象，如椭圆和矩形。在绘图区域绘制两个不同外形的对象，如椭圆和矩形。n n为它们添加调和效果，并在属性栏设置调和的步数。为它们添加调和效果，并在属性栏设置调和的步数。调和步数与创建的动画帧数有关，调和步数越多，则调和步数与创建的动画帧数有关，调和步数越多，则创建的动画帧数就越多。如将调和步数设置为创建的动画帧数就越多。如将调和步数设置为8 8后，创后，创建的动画为建的动画为1010帧，调和步数设置为帧，调和步数设置为2020后，创建的动画后，创建的动画为为2222帧。帧。n n执行执行【电影电影】【通

33、过调和创建片段通过调和创建片段】菜单命令，如菜单命令，如图图16-1816-18所示，所示，Corel R.A.V.E.Corel R.A.V.E.即可自动创建调和动画。即可自动创建调和动画。创建调和动画后，在创建调和动画后，在【时间轴时间轴】泊坞窗中将显示动画泊坞窗中将显示动画只占用一个图层。如图只占用一个图层。如图16-1916-19所示。所示。图图16-18 16-18 【通过调和创建片段通过调和创建片段】菜单命令菜单命令 图图16-19 16-19 动画只占用一个图层动画只占用一个图层本章总结n n网页页面的制作网页页面的制作n n插入因特网对象插入因特网对象n n创建对象的链接创建对象的链接n nFlashFlash动画的制作动画的制作