《网页设计项目》PPT课件.ppt
《《网页设计项目》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《网页设计项目》PPT课件.ppt(66页珍藏版)》请在三一办公上搜索。
1、Flash CS5 动画制作案例教程,南 平 技 师 学 院,教师:杨银木,南平技师学院电子教案首页任课教师:杨银木 课程名称:FLASH 授课时间:2015 年 3 月 16日,见下页,附 记,教 学 内 容 和 过 程,P59,课外作业题 号,FLASH工作面板,复习提问,电脑,教具准备,掌握颜料桶、喷涂等工具的使用方法,难 点,掌握图形工具的调整方法,重 点,掌握绘图工具的使用方法,教学目的,14动漫,授课班级,讲授2节,上机2节,授课方法,4,授课时数,(组长签名),检查记录,项 目 二:绘制与填充图表 任务一三:绘制和调整线条,绘制自由曲线,绘制几何图形,项目二 绘制与填充图形,绘制
2、和调整线条 绘制自由曲线绘制几何图形设置图形填充和轮廓(上)设置图形填充和轮廓(下)绘制填充、粒子和Deco图案,任务一 绘制和调整线条,任务说明,Flash动画中各种造型的轮廓,都是由一根根的线条组合而成的,利用Flash CS5提供的“线条工具”、“铅笔工具”和“选择工具”可以绘制出各种形状的线条。本任务将为读者介绍使用“线条工具”、“铅笔工具”绘制线条和使用“选择工具”调整线条形状的方法。,预备知识,一、使用“线条工具”,使用“线条工具”可以绘制不同角度的直线线段,并且还可通过“属性”面板设置线段的颜色、粗细和样式等属性。“线条工具”的使用方法可参考以下操作。,设置“线条工具”参数,1.
3、单击选中工具箱中的“线条工具”,或者按快捷键【N】,然后在“属性”面板中设置线条的“笔触颜色”、“笔触高度”和“笔触样式”等参数。,绘制直线,2.光标移动到舞台中,光标会呈“十”形状,按住鼠标左健不放,然后将光标拖动到终点位置释放鼠标即可绘制一条直线。,工具箱颜色区和选项区 启用对象绘制模式前后的效果 线条自动贴紧至对象,二、使用“铅笔工具”,利用“铅笔工具”可以在舞台上模仿用笔在纸上绘制图形的效果,并且通过设置绘图模式,可以绘制不同风格的的线条。“铅笔工具”的使用方法可参考以下操作。,“铅笔工具”的“属性”面板,1.单击选中工具箱中的“铅笔工具”,或者按快捷键【Y】,会发现“铅笔工具”与“线
4、条工具”的“属性”面板大同小异,保持默认设置不变。,设置绘图模式,2.单击工具箱选项区的“铅笔模式”按钮,可在打开的下拉菜单中选择绘图模式,本例选择“平滑”模式。,“铅笔工具”绘制的线条,3.设置好“铅笔工具”的属性并选择绘图模式后,将光标移动到舞台中,按住鼠标左键不放并拖动,松开鼠标后,便会沿拖动轨迹生成线条。,“铅笔工具”的3种绘图模式各有特点,在绘图时应根据不同的需要进行选择。另外,在使用“线条工具”和“铅笔工具”绘图的同时按住【Shift】键,可绘制垂直或水平的线条。,使用3种模式绘制的图形,伸直 平滑 墨水,三、使用“选择工具”,利用“选择工具”可以方便地将图形调整为动画需要的任何形
5、状。使用“选择工具”调整图形形状的方法如下。,调整线段弧度,1.在舞台中绘制一条直线,然后单击选中工具箱中的“选择工具”,或者按快捷键【V】,将光标移动到直线上方,当光标呈 形状时,按住鼠标左键不放并拖动,可调整线条弧度。,调整线段端点位置,2.将光标移动到线段的端点位置,当光标呈 形状时,按住鼠标左键不放并拖动,可改变线段的端点位置。,在线段上添加节点,3.将光标移动到线段上,然后在按住【Ctrl】键的同时按住鼠标左键不放并向任意方向拖动,此时光标呈 形状,表示已在线段中间添加了一个节点,将线段分为了两条线段。,任务实施,一、绘制林间小路线稿,本任务中,我们将通过绘制林间小路,让读者掌握“线
6、条工具”、“铅笔工具”和“选择工具”在绘图中的应用。,林间小路线稿,首先利用“线条工具”在舞台周围绘制边线;然后使用“铅笔工具”绘制小路,使用“线条工具”和“选择工具”绘制并调整灌木和树冠,最后使用“线条工具”绘制树干。本例具体操作可参考本书配套视频“2-1.avi”。,制作思路,二、绘制热带鱼线稿,本任务中,我们将通过绘制热带鱼图形,掌握鱼类的绘制方法。,热带鱼线稿,鱼类主要由身体和鱼鳍组成,不同鱼类的主要区别也在于这几个部分。绘制热带鱼时,首先使用“线条工具”和“选择工具”绘制热带鱼身体和鱼鳍的轮廓,然后进行细部刻画,完成热带鱼线稿的绘制。本例具体操作可参考本书配套视频“2-2.avi”。
7、,制作思路,任务二 绘制自由曲线,任务说明,利用钢笔工具组中的工具可以绘制平滑流畅的曲线,使用“部分选取工具”可以调整曲线的形状。本任务将为读者介绍钢笔工具组中各工具和“部分选取工具”的使用方法。,一、使用“钢笔工具”,使用“钢笔工具”可以绘制连续的折线或平滑流畅的曲线。“钢笔工具”的使用方法可参考以下操作。,创建直线锚点,创建曲线锚点,2.若将光标移动到另一位置,然后按住鼠标左键并拖动,可拖出一个调节杆,继续按住鼠标向任意方向拖动调节杆,可调整曲线弧度,对曲线弧度满意后,释放鼠标左键即可创建一个曲线锚点。,1.选择“钢笔工具”并设置其属性后,将光标移动到舞台上的适当位置并单击,确定起始锚点,
8、然后将光标移动到舞台的另一处,单击创建第二个锚点,此时在起始锚点和第二个锚点之间会出现一条直线段。,创建封闭图形,3.将光标移动到起始锚点处,当光标呈 形状时单击即可创建封闭图形并结束绘制。因为上一个锚点是曲线锚点,因此此处生成的是曲线,而不是直线。,4.若希望在不封闭图形的情况下结束绘制,可在工具箱中选择除钢笔工具组中工具和“部分选取工具”以外的任意工具,或按【Esc】键。,二、使用“部分选取工具”,利用“部分选取工具”可以方便地移动锚点位置和调整曲线的弧度,从而调整图形形状。“部分选取工具”的使用方法如下。,单击显示锚点,1.选择“部分选取工具”,然后将光标移到用其他工具绘制的图形上并单击
9、,在图形上会显示锚点。,移动锚点,2.使用“部分选取工具”在图形上单击选取要移动的锚点,然后按住鼠标左键并拖动可移动锚点位置。,转换为曲线锚点,3.将光标移动到直线锚点上,然后在按住【Alt】键的同时按住鼠标左键并拖动,可将直线锚点转换为曲线锚点。,4.将光标移动到曲线锚点的调节杆上,然后按住鼠标左键并拖动,可调整曲线的弧度,若在拖动的同时按住【Alt】键,可单独调整一边的调节杆。,调整调节杆,三、添加、删除和转换锚点,利用“添加锚点工具”和“删除锚点工具”可以添加或删除图形上的锚点,从而对图形进行更多调整;利用“转换锚点工具”可以实现曲线锚点与直线锚点间的转换,还可以改变曲线锚点的角度。下面
10、为读者介绍上述工具的使用方法。,添加锚点,1.选择“添加锚点工具”,然后将光标移到图形轮廓线上方(可先利用“部分选取工具”在图形上单击以显示锚点),当光标呈 形状时单击即可添加一个锚点。,删除锚点,2.在钢笔工具组中选择“删除锚点工具”,然后将光标移到已有锚点上方,当光标呈 形状时在锚点上单击鼠标即可删除该锚点。,将直线锚点转换为曲线描点,3.选择“转换锚点工具”,然后将光标移到图形轮廓线条上并单击,在图形上显示锚点,此时将光标移动到直线锚点上,然后按住鼠标左键不放并拖动,可将直线锚点转换为曲线锚点。,单独调整一边的调节杆 将曲线描点转换为直线锚点,4.选择“转换锚点工具”后,将光标移动到曲线
11、锚点的调节杆上,然后按住鼠标左键并拖动,可以单独调整一边的调节杆。,5.在曲线锚点上单击,可将曲线锚点转换为直线锚点。,任务实施绘制桃心,下面,我们将通过绘制桃心图形,使读者进一步掌握钢笔工具组中各工具及“部分选取工具”的使用方法。,桃心图形,制作思路,在绘制桃心时,首先使用“钢笔工具”绘制一个封闭的三角形;然后使用“添加锚点工具”在三角形的轮廓线上添加一个锚点,并使用“部分选取工具”调整其位置;最后利用“转换锚点工具”将三角形两端的锚点转换为曲线锚点。本例具体操作可参考本书配套视频“2-3.avi”。,任务三 绘制几何图形,任务说明,利用几何工具组中的绘图工具可以绘制规则的几何图形,在绘制图
12、形的过程中,利用几何图形与线条相配合,可以使绘图变得更加简单。下面分别为读者介绍几何工具组中常用几何工具的使用方法。,预备知识,一、使用“矩形工具”,利用“矩形工具”可以绘制不同样式的矩形、正方形和圆角矩形,它的使用方法可参考以下操作。,“矩形工具”的“属性”面板,1.选中工具箱中的“矩形工具”可以看到“矩形工具”的“属性”面板比“线条工具”的多了“填充颜色”按钮 和“矩形边角半径”编辑框。,绘制矩形、正方形和圆角矩形,2.设置好“矩形工具”的属性后,将光标移动到舞台中,按住鼠标左键不放并拖动,松开鼠标后即可绘制一个矩形;若在拖动鼠标的同时按住【Shift】键,则可以绘制正方形;若设置了“矩形
13、边角半径”的数值,则可以绘制圆角矩形。,二、使用“椭圆工具”,“椭圆工具”的使用方法与“矩形工具”大同小异,利用它可以绘制出椭圆形、正圆形、扇形和弧线等。“椭圆工具”的使用方法可参考以下操作。,选择“椭圆工具”,1.按住工具箱中的“矩形工具”不放,然后在展开的工具列表中单击选择“椭圆工具”。,“椭圆工具”的“属性”面板,2.“椭圆工具”的“属性”面板与“矩形工具”的相似,但没有“矩形边角半径”编辑框,而是多了“起始角度”、“结束角度”、“内径”几个选项以及“闭合路径”复选框。,绘制椭圆形和正圆,3.若不对“起始角度”、“结束角度”、“内径”选项以及“闭合路径”复选框进行设置,在舞台中按住鼠标左
14、键不放并拖动,可绘制椭圆形;在拖动鼠标的同时按住【Shift】键,可绘制正圆形。,绘制扇形和弧线,带有空心圆的椭圆和扇形,4.在“椭圆工具”“属性”面板中的“起始角度”和“结束角度”编辑框中输入数值或拖动其左侧的滑块,设置起始角度和结束角度,可以绘制扇形;如果取消勾选“闭合路径”复选框,则可以绘制弧线。,5.若在“内径”对话框中输入正值,并勾选“闭合路径”选项,则可以绘制空心椭圆或空心扇形。,三、使用“多角星形工具”,利用“多角星形工具”可以绘制多边形和星形。“多角星形工具”的使用方法可参考以下操作。,设置“多角星形工具”参数,1.“多角星形工具”的“属性”面板与“矩形工具”的相似,单击“属性
15、”面板中的“选项”按钮,在打开的“工具设置”对话框的“样式”下拉列表中可选择绘制星形或多边形,在“边数”编辑框中可设置星形的角数或多边形的边数,在“星形顶点大小”编辑框中可设置星形的顶点大小。,绘制多边形和星形,2.设置好“多角星形工具”的属性后,将光标移动到舞台中按住鼠标左键不放并拖动,即可绘制多边形或星形。,任务实施,一、绘制小松鼠线稿,下面通过绘制小松鼠线稿为例,介绍利用绘图工具相互配合绘制图形的方法。,小松鼠线稿,制作思路,首先利用“椭圆工具”绘制小松鼠头部的轮廓;然后使用“椭圆工具”、“线条工具”和“选择工具”绘制小松鼠的五官和胡须;最后利用“矩形工具”、“椭圆工具”和“多角星形工具
16、”绘制小松鼠头上的帽子。本例具体操作可参考本书配套视频“2-4.avi”。,二、绘制小猫线稿,下面,我们将通过绘制小猫图形,掌握使用“椭圆工具”、“线条工具”和“选择工具”绘制图形的方法。,小猫线稿,制作思路,哺乳动物主要由头部和身体两个部分组成,在这两部分上添加耳朵、四肢和尾巴等细节,就构成了哺乳动物。绘制小猫时首先利用“椭圆工具”绘制小猫头部和身体的轮廓,然后使用“线条工具”和“选择工具”绘制小猫身体各部分的连线,最后绘制四肢和尾巴。本例具体操作可参考本书配套视频“2-5.avi”。,三、绘制草原线稿,下面,我们将通过绘制草原线稿,使读者进一步熟悉绘图工具的使用方法。,草原线稿,制作思路,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计项目 网页 设计 项目 PPT 课件
链接地址:https://www.31ppt.com/p-5569589.html