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

第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设置文件的大小设置文件的大小n n 在在CorelDRAWCorelDRAW中设置网页时应考虑文件中设置网页时应考虑文件的大小，辨别率的凹凸确定着最终的大小，辨别率的凹凸确定着最终WebWeb文件文件的大小，网页的辨别率一般为的大小，网页的辨别率一般为72dpi72dpi，而电，而电脑显示器的最大辨别率为脑显示器的最大辨别率为96dpi96dpi，所以网页，所以网页的辨别率高于的辨别率高于96dpi96dpi只会增加只会增加WebWeb文件的大文件的大小，从而影响阅读的速度，一般应将文件小，从而影响阅读的速度，一般应将文件的大小限制在的大小限制在60KB60KB以内。以内。n n图像的尺寸图像的尺寸n n 在在CorelDRAWCorelDRAW中设置网页时所创建的中设置网页时所创建的图形宽度和高度分别不超过图形宽度和高度分别不超过600600像素和像素和300300像素，以加快阅读速度。像素，以加快阅读速度。n n图像的颜色图像的颜色n n 制作网页应当运用正确的颜色模式，制作网页应当运用正确的颜色模式，印刷运用印刷运用CMYKCMYK颜色模式，而网页显示应当颜色模式，而网页显示应当运用运用RGBRGB颜色模式，在颜色模式，在CorelDRAWCorelDRAW中供应了中供应了网页制作专用的【网页制作专用的【Web-safeWeb-safe色】调色板，色】调色板，运用该调色板中的颜色制作网页，可以使运用该调色板中的颜色制作网页，可以使显示器显示颜色时不会抖动。显示器显示颜色时不会抖动。16.1.2 插入Internet对象 CorelDRAW CorelDRAW CorelDRAW CorelDRAW供应了插入预设的供应了插入预设的供应了插入预设的供应了插入预设的InternetInternetInternetInternet对象的功对象的功对象的功对象的功能，执行【编辑】能，执行【编辑】能，执行【编辑】能，执行【编辑】【插入因特网对象】菜单吩【插入因特网对象】菜单吩【插入因特网对象】菜单吩【插入因特网对象】菜单吩咐，在弹出的【插入因特网对象】子菜单中列出咐，在弹出的【插入因特网对象】子菜单中列出咐，在弹出的【插入因特网对象】子菜单中列出咐，在弹出的【插入因特网对象】子菜单中列出了可插入的了可插入的了可插入的了可插入的InternetInternetInternetInternet对象，如图对象，如图对象，如图对象，如图16-116-116-116-1所示。所示。所示。所示。图图16-1 【插入因特网【插入因特网对对象】菜象】菜单单吩咐吩咐n n鼠标右键单击插入的鼠标右键单击插入的InternetInternet对象，在弹出的快捷菜单中选对象，在弹出的快捷菜单中选择【属性】吩咐，如图择【属性】吩咐，如图16-216-2所示，打开【对象属性】泊坞所示，打开【对象属性】泊坞窗，如图窗，如图16-316-3所示。在该对话框中可对插入的所示。在该对话框中可对插入的InternetInternet对象对象进行编辑修改，以及初始化对象的操作。进行编辑修改，以及初始化对象的操作。图图16-2 16-2 选择【属性】吩咐选择【属性】吩咐 图图16-3 16-3 【对象属性】泊坞窗【对象属性】泊坞窗 16.1.3 创建对象的超级链接 创建好创建好WebWeb文档后，可依据须要创建对象的超级链接，从文档后，可依据须要创建对象的超级链接，从而实现页面的跳转。而实现页面的跳转。URLURL链接链接 URL URL是统一资源定位器的英文简称，如是统一资源定位器的英文简称，如Http:/sina Http:/sina 就是一个就是一个URLURL地址，当为对象指定了地址，当为对象指定了URLURL链接后，在阅读链接后，在阅读时单击该对象就可跳转至链接的时单击该对象就可跳转至链接的URLURL地址。创建地址。创建URLURL链接链接的方法如下：的方法如下：选取对象，可以是文本或图形对象。选取对象，可以是文本或图形对象。在对象上单击鼠标右键，在弹出的快捷菜单中选择【属性】在对象上单击鼠标右键，在弹出的快捷菜单中选择【属性】吩咐，打开【对象属性】泊坞窗，单击【因特网】选项卡，吩咐，打开【对象属性】泊坞窗，单击【因特网】选项卡，如图如图16-416-4所示。在【功能】下拉列表中选择所示。在【功能】下拉列表中选择“URL”“URL”项，项，然后在【然后在【URLURL】下拉列表中输入】下拉列表中输入URLURL地址或选择已有的地址或选择已有的URLURL地址，最终单击【应用】按钮即可。地址，最终单击【应用】按钮即可。n n书签链接书签链接书签链接书签链接n n书签是书签是书签是书签是WebWebWebWeb文档中的文本或图形的一种特殊名称，文档中的文本或图形的一种特殊名称，文档中的文本或图形的一种特殊名称，文档中的文本或图形的一种特殊名称，其作用与其作用与其作用与其作用与URLURLURLURL链接相同。通过书签链接功能，可快链接相同。通过书签链接功能，可快链接相同。通过书签链接功能，可快链接相同。通过书签链接功能，可快速跳转至书签指定的位置。速跳转至书签指定的位置。速跳转至书签指定的位置。速跳转至书签指定的位置。n n具体创建方法为：选取对象并在对象上单击鼠标具体创建方法为：选取对象并在对象上单击鼠标具体创建方法为：选取对象并在对象上单击鼠标具体创建方法为：选取对象并在对象上单击鼠标右键，在弹出的快捷菜单中选择【属性】吩咐，右键，在弹出的快捷菜单中选择【属性】吩咐，右键，在弹出的快捷菜单中选择【属性】吩咐，右键，在弹出的快捷菜单中选择【属性】吩咐，打开【对象属性】泊坞窗，单击【因特网】选项打开【对象属性】泊坞窗，单击【因特网】选项打开【对象属性】泊坞窗，单击【因特网】选项打开【对象属性】泊坞窗，单击【因特网】选项卡，在【功能】下拉列表中选择卡，在【功能】下拉列表中选择卡，在【功能】下拉列表中选择卡，在【功能】下拉列表中选择“书签书签书签书签”项，然项，然项，然项，然后在下方的文本框中输入书签名称，如图后在下方的文本框中输入书签名称，如图后在下方的文本框中输入书签名称，如图后在下方的文本框中输入书签名称，如图16-516-516-516-5所所所所示，最终单击【应用】按钮。示，最终单击【应用】按钮。示，最终单击【应用】按钮。示，最终单击【应用】按钮。图图16-4 16-4 【因特网】选项卡【因特网】选项卡 图图16-5 16-5 输入书签名称输入书签名称 n n指定热区指定热区n n在为对象指定了在为对象指定了URLURL链接后，对象就变为一链接后，对象就变为一个因特网对象，假如对象是图形对象，则个因特网对象，假如对象是图形对象，则图形对象中有一块区域被称为热区，在图形对象中有一块区域被称为热区，在CorelDRAW 12CorelDRAW 12中称之为热点。单击热区范中称之为热点。单击热区范围才能实现跳转功能。围才能实现跳转功能。n n指定热区的方法为：选取对象后，在【对指定热区的方法为：选取对象后，在【对象属性】泊坞窗中单击【因特网】选项卡，象属性】泊坞窗中单击【因特网】选项卡，确认【功能】下拉列表中显示为确认【功能】下拉列表中显示为“URL”“URL”项，项，单击【定义热点时运用】下拉列表，可以单击【定义热点时运用】下拉列表，可以选择热区是选择热区是“对象形态对象形态”或是或是“对象边框对象边框”，前者的热区即为对象的形态，后者的，前者的热区即为对象的形态，后者的热区为与对象相切的矩形。热区为与对象相切的矩形。16.1.4 几种输出网页的常用格式n n 具体方法为：执行【文件】具体方法为：执行【文件】【发布到【发布到WebWeb】【HTMLHTML】菜单吩咐，打开【发布到菜单吩咐，打开【发布到WebWeb】对话框，单击【】对话框，单击【HTMLHTML排版排版方式】下拉列表框，在弹出的列表中选择所需的网页格式，方式】下拉列表框，在弹出的列表中选择所需的网页格式，如图如图16-616-6所示。所示。图图16-6 16-6 设置网页格式设置网页格式n n HTML HTML HTML HTML表：以表格的文件格式输出，可兼容大多数表：以表格的文件格式输出，可兼容大多数表：以表格的文件格式输出，可兼容大多数表：以表格的文件格式输出，可兼容大多数的阅读器。的阅读器。的阅读器。的阅读器。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 5IE 5。n n带图像映射的单个图像：以图像映射的方式输出，带图像映射的单个图像：以图像映射的方式输出，带图像映射的单个图像：以图像映射的方式输出，带图像映射的单个图像：以图像映射的方式输出，全部对象中的文本将都会被转换为图片。全部对象中的文本将都会被转换为图片。全部对象中的文本将都会被转换为图片。全部对象中的文本将都会被转换为图片。16.1.5 网页生成前的设置工作 方法为执行【工具】方法为执行【工具】【选项】菜单吩咐，打开【选项【选项】菜单吩咐，打开【选项】对话框，在左边的树状列表框中单击绽开【文档】项后，】对话框，在左边的树状列表框中单击绽开【文档】项后，再单击【发布到再单击【发布到WebWeb】，选择【图像】，此时【选项】对】，选择【图像】，此时【选项】对话框显示如图话框显示如图16-716-7所示。所示。图图16-7 16-7 【选项】对话框【选项】对话框 在树状列表的【发布到在树状列表的【发布到在树状列表的【发布到在树状列表的【发布到WebWebWebWeb】项下选择【文本】，如图】项下选择【文本】，如图】项下选择【文本】，如图】项下选择【文本】，如图16-16-16-16-8 8 8 8所示，可在【选项】对话框中设置文本的输入方式。一般所示，可在【选项】对话框中设置文本的输入方式。一般所示，可在【选项】对话框中设置文本的输入方式。一般所示，可在【选项】对话框中设置文本的输入方式。一般保持默认设置不变，当运用了美术字后，也可以选中第保持默认设置不变，当运用了美术字后，也可以选中第保持默认设置不变，当运用了美术字后，也可以选中第保持默认设置不变，当运用了美术字后，也可以选中第2 2 2 2项项项项“将全部文本导出为图像将全部文本导出为图像将全部文本导出为图像将全部文本导出为图像”单选项，这样即使阅读者单选项，这样即使阅读者单选项，这样即使阅读者单选项，这样即使阅读者的电脑中没有相应的字体也可以保证正确阅读和显示。的电脑中没有相应的字体也可以保证正确阅读和显示。的电脑中没有相应的字体也可以保证正确阅读和显示。的电脑中没有相应的字体也可以保证正确阅读和显示。图图16-8 16-8 设置文本属性设置文本属性n n在树状列表的【发布到在树状列表的【发布到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执行【起先】执行【起先】【全部程序】【全部程序】【CorelDRAW Graphics CorelDRAW Graphics Suite 12Suite 12】【Corel R.A.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承袭了承袭了CorelDRAW 12CorelDRAW 12中重要的绘图功中重要的绘图功能和交互式调和功能，如在能和交互式调和功能，如在Corel R.A.V.e 3.0Corel R.A.V.e 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帧是组成连续播放动画中的一系列图像的一幅图像，一个帧是组成连续播放动画中的一系列图像的一幅图像，一个帧可包含多个对象。帧可包含多个对象。n n 如播放一个动画须要如播放一个动画须要1212秒，秒，1 1秒有秒有1212帧，即在帧，即在1 1秒的时秒的时间内将连续播放间内将连续播放1212张图像，这样就形成了动画，这个张图像，这样就形成了动画，这个1212秒秒的动画总共帧数为的动画总共帧数为144144帧。当单位时间内的帧越少，播放帧。当单位时间内的帧越少，播放的速度就越慢，假如强行快速播放，就会出现跳帧的现象，的速度就越慢，假如强行快速播放，就会出现跳帧的现象，单位时间内的帧越多，播放的速度就越快，适合于做快速单位时间内的帧越多，播放的速度就越快，适合于做快速的动画，如打斗场景等。的动画，如打斗场景等。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.的【时间轴】泊坞窗中，关键帧为黑色的【时间轴】泊坞窗中，关键帧为黑色实心矩形，如图实心矩形，如图16-1116-11中有两个黑色实心矩形，即有两个中有两个黑色实心矩形，即有两个关键帧，中间的水平线部分即为帧。在设计和制作关键帧，中间的水平线部分即为帧。在设计和制作FlashFlash动画时，最终一帧可以是关键帧，也可以不是关键帧。动画时，最终一帧可以是关键帧，也可以不是关键帧。图图16-11 16-11 帧和关键帧的表现形式帧和关键帧的表现形式关键帧关键帧帧帧16.2.2 怎样创建帧动画n n帧动画包括两种，即逐帧动画和过渡帧动画。帧动画包括两种，即逐帧动画和过渡帧动画。n n逐帧动画须要用户将每一帧都创建为关键帧，然后逐帧动画须要用户将每一帧都创建为关键帧，然后对每一个关键帧进行编辑；对每一个关键帧进行编辑；n n过渡帧动画只在对象有重要变更或转折时才创建关过渡帧动画只在对象有重要变更或转折时才创建关键帧，用户只需编辑这些关键帧，中间的帧由系统键帧，用户只需编辑这些关键帧，中间的帧由系统自动过渡。自动过渡。n n创建逐帧动画创建逐帧动画n n 创建逐帧动画的步骤创建逐帧动画的步骤:n n在绘图区域绘制一个对象，此时【时间轴】泊坞窗在绘图区域绘制一个对象，此时【时间轴】泊坞窗中对象对应图层的第中对象对应图层的第1 1帧显示为效果，表示当前帧帧显示为效果，表示当前帧中有对象存在，假如第中有对象存在，假如第1 1帧显示为效果，则表示当帧显示为效果，则表示当前帧中无任何对象，即该关键帧为空白关键帧。前帧中无任何对象，即该关键帧为空白关键帧。n n在创建对象后，蓝色的播放头也指向第在创建对象后，蓝色的播放头也指向第1 1帧，这时若新帧，这时若新建对象，则新对象会在第建对象，则新对象会在第1 1帧被创建。拖动蓝色的播放帧被创建。拖动蓝色的播放头至第头至第1 1帧后面，即空白的第帧后面，即空白的第2 2帧处，如图帧处，如图16-1216-12所示。所示。n n绘制另一个对象，从【时间轴】泊坞窗中看到该对象位绘制另一个对象，从【时间轴】泊坞窗中看到该对象位于第于第2 2帧，如图帧，如图16-1316-13所示。所示。n n接着拖动插放头至第接着拖动插放头至第3 3帧，并绘制对象，如此重复操作帧，并绘制对象，如此重复操作就创建了逐帧动画就创建了逐帧动画 图图16-12 16-12 拖动播放头至第拖动播放头至第2 2帧帧 图图16-13 16-13 在第在第2 2帧绘制对象帧绘制对象n n创建过渡帧动画创建过渡帧动画n n 创建过渡帧动画的步骤创建过渡帧动画的步骤:n n在绘图区域绘制一个对象，在第在绘图区域绘制一个对象，在第1 1帧上的处按住鼠帧上的处按住鼠标左键向右拖动，如拖至第标左键向右拖动，如拖至第1010帧后释放鼠标，可帧后释放鼠标，可以发觉播放头会跟着移动至第以发觉播放头会跟着移动至第1010帧，如图帧，如图16-1416-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-15 插入关键帧插入关键帧16.2.3 怎样创建群组动画 Corel R.A.V.E.Corel R.A.V.E.不仅可以对单独的对象创建动不仅可以对单独的对象创建动画，还可以对群组的对象创建动画，将对象群组画，还可以对群组的对象创建动画，将对象群组后，在【时间轴】泊坞窗中可以看到群组后的对后，在【时间轴】泊坞窗中可以看到群组后的对象只占用一个图层，如图象只占用一个图层，如图16-1616-16所示。按住【所示。按住【CtrlCtrl】键，在第一帧上的处按住鼠标左键向右拖动至】键，在第一帧上的处按住鼠标左键向右拖动至适当位置后释放鼠标，如第适当位置后释放鼠标，如第1010帧，在第帧，在第1010帧处单帧处单击鼠标右键，在弹出的快捷菜单中选择【插入关击鼠标右键，在弹出的快捷菜单中选择【插入关键帧】吩咐，如图键帧】吩咐，如图16-1716-17所示，即创建了群组动画，所示，即创建了群组动画，现在可以在第现在可以在第1 1帧或第帧或第1010帧处修改群组对象的属性，帧处修改群组对象的属性，如大小、旋转角度和填充色等。如大小、旋转角度和填充色等。图图16-16 16-16 群组对象只占用一个图层群组对象只占用一个图层 图图16-17 16-17 【插入关键帧】吩咐【插入关键帧】吩咐16.2.4 创建调和动画n n调和动画常用于对象的外形发生变更的动画，如将矩形变调和动画常用于对象的外形发生变更的动画，如将矩形变为圆形。具体的操作方法如下。为圆形。具体的操作方法如下。n n在绘图区域绘制两个不同外形的对象，如椭圆和矩形。在绘图区域绘制两个不同外形的对象，如椭圆和矩形。n n为它们添加调和效果，并在属性栏设置调和的步数。调和为它们添加调和效果，并在属性栏设置调和的步数。调和步数与创建的动画帧数有关，调和步数越多，则创建的动步数与创建的动画帧数有关，调和步数越多，则创建的动画帧数就越多。如将调和步数设置为画帧数就越多。如将调和步数设置为8 8后，创建的动画为后，创建的动画为1010帧，调和步数设置为帧，调和步数设置为2020后，创建的动画为后，创建的动画为2222帧。帧。n n执行【电影】执行【电影】【通过调和创建片段】菜单吩咐，如图【通过调和创建片段】菜单吩咐，如图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动画的制作动画的制作