FLASH 教程 利用位图填充制作好看的动态边框
- 格式:doc
- 大小:234.50 KB
- 文档页数:4
69
Flash CC绘图径向渐变同样也可以使用透明。
下面我们来给橄榄球加个阴影效果,使橄榄球看起来更逼真。
设置径向渐变左边色标为黑色,透明度100%;设置右边色标为白色,透明度为0,这样我们就完成了一个从黑色过渡到透明白色的径向渐变。
设置笔触颜色为无,选择椭圆工具,按住Alt和Ctrl 键,在橄榄球下方绘制一个圆形,如图3-7-13所示。
图3-7-13
阴影应该是椭圆形,从橄榄球的底部慢慢减淡。
我们可以通过渐变变形工具来调整阴影效果。
选择渐变变形工具,先使用大小调整手柄缩小渐变到合适尺寸,再通过渐变宽度调整手柄拉伸渐变的宽度到合适位置,如图3-7-14所示。
逼真的阴影效果就完成了。
图3-7-14
3.7.2 使用位图填充
在Flash中,填充物除了渐变以外,还有更高级的位图。
位图填充常常用来做背景图案平铺。
在“颜色”面板的“类型”列表中选择位图,然后当图片导入后,可以看到它被放置在“颜色”面板的下部。
也可以导入多个图片,它们都会在面板下部以缩略图的形式罗列出来,填充时可根据需要选择使用,。
填充颜色的工具及使用方法线条,只能解决形状的问题;填充颜色,才能解决质感的问题。
所以,在介绍了绘制曲线的工具和使用方法后,接下来我们就要介绍为对象填充颜色的内容。
一、添加填充颜色1.用【颜料桶工具】为封闭区域添加填充颜色使用【颜料桶工具】,首先就要在工具箱中单击【颜料桶工具】以选取它。
(1)用【颜料桶工具】为封闭区域上色使用【颜料桶工具】能为封闭区域上色。
选取了【颜料桶工具】后,首先要设置好颜色,然后在封闭区域内单击时,该区域就被填上了选定的颜色。
值得一提的是,在一些比【颜料桶工具】的光标还小的区域上色时,仅管那里容不下整个光标,在单击光标时,必须把颜料桶中流出颜料的末端置于要上色的区域中。
因为发生作用的关键作用点落在那一个位置上。
如图2-85 所示。
图2-85 为小区域上色时必须确保把关键作用点落在区域内如果觉得图形原来的颜色不满意,而想更改它;那么,只要选一种更理想的颜色,再次用【颜料桶工具】在图形上单击即可。
如图2-86所示。
图2-86 把绿色填充更改为红色填充(2)在工具箱或属性面板上为【颜料桶工具】设置颜色为【颜料桶工具】设置简单的颜色,可以在工具箱【颜色】区操作,也可以在它的“属性”面板上操作。
【颜料桶工具】是一个填充颜色的工具,它跟笔触颜色无关。
所以,它的“属性”面板上,只有一个可供设置填充色的选项;如果在工具箱的【颜色】区设置颜色,也只要设置【填充色】即可,【笔触颜色】不管有或无,红或蓝,这时都不起作用。
设置【填充色】,跟设置【笔触颜色】的操作相似:在工具箱或“属性”面板上单击【填充色】按钮右下方的小三角,在弹出的颜色样本中选择理想的颜色即可。
如图2-87 所示。
图2-87 为【颜料桶工具】设置【填充色】(3)在“混色器”面板上为【颜料桶工具】设置颜色“混色器”面板在操作界面的右上角。
“混色器”面板外观,如图2-93 所示。
图2-93 “混色器”面板“混色器”面板上的【笔触颜色】按钮和【笔触颜色】按钮在面板左上方。
flash最简单动画制作教程Flash是一种广泛应用于动画制作的软件。
它是一种矢量动画制作工具,可以轻松创建各种类型的动画效果。
以下是一个简单的Flash动画制作教程,介绍了基本的步骤和技巧。
步骤1:准备工作步骤2:创建新场景在Flash中,一个动画可以由多个场景组成。
点击“场景”面板上的“+”按钮来添加一个新场景。
步骤3:绘制图形使用工具栏上的各种绘图工具来创建你想要显示在动画中的图形。
你可以使用椭圆、矩形、线条等工具。
绘制你想要的形状,并使用颜色填充。
步骤4:图层管理Flash中的图层类似于透明胶片,每个图层可以容纳不同的元素。
你可以使用图层面板来管理图层。
点击“图层”面板上的“+”按钮,添加一个新的图层。
步骤5:添加动画效果要给元素添加动画效果,可以使用“动画”面板上的关键帧和补间动画工具。
选择一个元素所在的图层,并在时间轴上选择一个适当的帧,然后对元素进行变形、移动或旋转。
创建连续的关键帧和补间动画,以实现元素的平滑运动。
步骤6:添加声音如果你想要在动画中添加声音效果,在时间轴上选择一个适当的帧,然后使用“属性”面板上的“声音”选项来导入音频文件并设置音量和循环等参数。
步骤7:添加交互元素如果你希望观众可以与你的动画进行交互,可以添加交互元素。
例如,你可以使用按钮工具创建一个按钮,在动画中的一些帧上插入一个动作,以响应按钮的点击事件。
步骤8:导出动画完成动画后,你可以将其导出为SWF格式,以在各种平台上播放。
点击“文件”菜单,选择“发布设置”,然后选择“SWF”选项。
设置导出参数,如分辨率和帧速率,然后点击“发布”按钮导出动画。
这是一个简单的Flash动画制作教程,希望能够帮助你入门。
当你熟悉了这些基本步骤后,你可以进一步学习Flash软件中的高级功能和技巧,以创造更复杂和精彩的动画作品。
FLASH CS6动画绘图1—颜色填充
秦皇岛市第四中学苏宇
教学目标:
知识与技能目标:
1、熟悉“颜色面板”中的各项设置。
2、熟练使用“颜色面板”快速完成颜色填充。
过程与方法:
通过观看“微课”的视频,快速了解“颜色面板”的各项组成部分及设置。
在自主学习过程中,通过任务驱动的方式让学生实践练习使用“颜色面板”快速完成颜色填充。
情感态度与价值观:
通过使用“颜色面板”快速完成颜色填充的学习,激发学生学习FLASH动画绘图的兴趣和探究新知识的精神。
教学方法:
自主学习
重点难点:
重点:熟悉“颜色面板”中的各项设置并熟练使用“颜色面板”快速完成颜色填充。
难点:熟悉“颜色面板”中的各项设置并熟练使用“颜色面板”快速完成颜色填充。
教学过程:。
漂亮的透明Flash动感边框漂亮的透明Flash动感边框2009-08-16 08:12:59| 分类:日志边框(一) | 标签: |字号大中小订阅红灯笼 1红灯笼 2红灯笼 3蓝灯笼 1蓝灯笼 2蓝灯笼 3紫色闪边 1紫色闪边 2紫色闪边 3蓝色转动方块 1蓝色转动方块 2蓝色转动方块 3绿色套环边 1绿色套环边 2绿色套环边 3舞台拉幕卡通兔兔 1卡通兔兔 2卡通兔兔 3透明边框兰色玫瑰上兰色玫瑰中兰色玫瑰下飞舞的蜻蜓上飞舞的蜻蜓中飞舞的蜻蜓下花的季节上花的季节中花的季节下动感信纸上(限2号字)动感信纸中(限2号字)动感信纸下(限2号字)绿竹上绿竹中绿竹下红玫瑰上红玫瑰中红玫瑰下中国龙上中国龙中中国龙下音乐挂件天边音乐挂件水姻缘音乐挂件经典舞曲音乐挂件经典舞曲无题 1http://无题 2无题 3彩色星 1彩色星 2彩色星 3天女散花 1天女散花 2天女散花 3烛光闪灯边框 1闪灯边框 2f闪灯边框 3 兰色的钢丝框1 兰色的钢丝框2 兰色的钢丝框3 古典边框 1古典边框 2古典边框 3枫叶 1枫叶 2枫叶 3星点 1星点 2星点 3闪亮的心 1闪亮的心 2闪亮的心 3不能不想你 1 不能不想你 2 不能不想你 3 旋转的心 1旋转的心 2旋转的心 3红色的梦幻 1 红色的梦幻 2 红色的梦幻 3。
Flash CS3 使用面板填充图形在Flash CS3中,可以选择特定的颜色,还可以自定义颜色。
为了获得更多的颜色效果,我们需要借助【颜色】面板和【样本】面板。
默认情况下,颜色分为两种,一种是用于笔触颜色的单色调色板,共252种颜色;另一种是用于填充颜色、包含单色和渐变色的复合调色板,除了252种颜色外,还有7种线性渐变或放射渐变颜色,如图2-53所示。
图2-53 定义填充和笔触颜色在该调色板内选择一种颜色之后,它将出现在颜色框内,并且与之对应的16进制数值将显示在颜色值文本框中。
如果选择了矩形、椭圆等可以绘制填充图形的工具后,在调色板的右上角会出现一个按钮,单击该按钮将绘制无边框或者无填充色的图形。
如果单击调色板右上角的按钮,会弹出如图2-54所示的对话框,用户可以根据需要自定义颜色。
在色调、饱和度、亮度文本框中输入数值;或者在红、绿、蓝文本框中输入数值,还可以在右侧色彩选择区域内选择一种颜色。
然后单击【添加到自定义颜色】按钮,新的颜色将出现在【自定义颜色】栏的颜色框内。
图2-54 颜色对话框另外,还可以在【颜色】面板中调整渐变颜色。
渐变色是由起始颜色和目标颜色决定的,拖动代表上述颜色的滑块,可以改变渐变的起始位置和终止位置,从而调整渐变距离,方法是:选择【窗口】︱【设计面板】︱【颜色】命令,打开如图2-55所示的面板。
图2-55 混色器面板其中,各参数的设置方法如下所述:●在面板的【填充样式】下拉列表中,指定当前创建的渐变样式是线性渐变还是放射状渐变。
●如果要修改渐变颜色,可以在横向颜色条上单击某一色块,然后在指标位置选择合适的颜色。
或者拖动右侧的滑块进行选择,但是这两种方法选择的颜色不够精确,不提倡使用。
●如果要精确定义颜色,可以在红、绿、蓝文本框中输入数值,范围为0~255。
或者在面板左下角的文本框中输入颜色的16进制数值。
在Alpha文本框中可以指定当前颜色的透明度。
flash制作立体边框用flash制作立体边框教学目的:通过本节教学了解和掌握混色器、滤镜的基本功能及运用,用位图和矩形工具制作立体边框,进而给你的动画穿上漂亮的服装。
教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。
教学要点:混色器、滤镜、矩形工具。
制作步骤立体边框(一)1.启动FLASH8 软件。
2.确立文档属性设置动画尺寸为500*500,帧频为12,背景颜色淡绿,其它默认,点击确定。
如图1所示:screen.width-333)this.width=screen.width-333">图1 3.在场景1中点击图层1第一帧,选择矩形工具,点击“窗口-混色器”(或点击右上角的“颜色”),在工作区拖一个规格为500*30,其参数,如图2所示:screen.width-333)this.width=screen.width-333">screen.width-3 33)this.width=screen.width-333">图2选择填充变形工具screen.width-333)this.width=screen.width-333">,将其调整到如图3所示:screen.width-333)this.width=screen.width-333">图3将该矩形打散。
4.选择矩形工具托一个,规格为60*60,黄色的无边框的矩形。
将其打散后,点击“修改-变形-缩放和旋转”,在新界面选择参数,如图4所示:screen.width-333)this.width=screen.width-333">图4将打散旋转45度后这个黄色正方形分别放到长条矩形(图3)的两端。
动态边框的制作制作步骤1.启动FLASH8 软件。
2.确立文档属性设置动画尺寸为550*400,帧频为12,背景颜色任意,其它默认,点击确定,进入场景1。
如图1所示:图13.创建图形元件(1)选择“插入-新建元件”,创建一个名为“圆”的图形元件,点击确定,进入元件编辑区。
在编辑区用椭圆形工具托一个无笔触颜色的20*20的圆,颜色随意,全居中;(2)选择“插入-新建元件”,创建一个名为“圆组”的图形元件,在编辑区添加一个图层,共两个图层。
在下层用直线工具拉一条1100px的直线。
在上层从库中将圆元件放置在直线的左端,然后用复制粘贴依次水平放在前一个圆的后边,如图2所示:图2如此一直放到直线的右端,全居中,删除下层直线实例或该图层。
如图3所示:图3同理,再创建一个名为“圆组0”的元件。
按上边的方法再制作一个长度为800px圆组,点击“修改-变形-顺时针旋转90度,使图组图形立起来,居中对齐。
(3)创建一个名为“边框”的图形元件,用矩形工具托一个笔触高度为10,笔触颜色随意(无填充色),规格为550*400的矩形边框,全居中。
选中该矩形边框,将其转换为影片剪辑。
之后“选中该边框-滤镜-斜角”,参数如图4所示:图4完成后的边框给人的感观是立体形边框,如图5所示:图5再粘贴一个该矩形边框,将其规格设置为490*340,然后放在大边框的中间,全居中。
如图6所示:图64.创建影片剪辑创建一个名为旋转的影片剪辑,添加四个图层,共5个图层。
自下而上分别为圆组4、圆组3、圆组2、圆组1和边框。
点击边框图层第一帧,从库中拖出边框元件于编辑区,全居中,在第100帧处插入帧。
上锁;选择圆组1图层第一帧,从库中拖出图组元件,将其左端放在边框上沿两矩形中间的左端,在第100帧处插入关键帧,将圆组图形右端平移到边框的右端,在此区域创建补间动画,上锁;选择圆组2图层第一帧,从库中拖出图组0元件,将其上端放在边框右沿两矩形中间的上端,在第100帧处插入关键帧,将圆组0图形下端移到边框右沿的下端,在此区域创建补间动画,上锁;选择圆组3图层第一帧,从库中拖出图组元件,将其右端放在边框下沿两矩形中间的右端,在第100帧处插入关键帧,将圆组图形左端平移到边框的左端,在此区域创建补间动画,上锁;选择圆组4图层第一帧,从库中拖出图组0元件,将其下端放在边框左沿两矩形中间的下端,在第100帧处插入关键帧,将圆组0图形上端移到边框的左沿上端,在此区域创建补间动画,上锁。
用flash制作星光流动边框交汇技巧杨函祥老师供稿第一步:准备好两张图片,图1用作背景图jpg,图2为白色星光,底色透明png格式。
启动flsah,新建文件,背景设为白色,宽890像素,高248像素,主要是为了与图1大小一样,然后导入图1到舞台,设x轴为0,y轴为0,作为背景(图3),帧设为50帧,最后锁定图层1。
图1(图2白色星光底色透明)图3第二步:倒入图2星光到库,新建图层2,在菜单栏“插入”找到“新建元件”,选择“图形”,确定,然后从库里把图2星光拖入元件1中,然后调节大小到自己满意的位置(图4),最后返回场景1。
(图4)第三步:选中图层2地一帧,把元件1拖入场景中任何一个位置图5,然后在第50帧处插入关键帧,再把刚才拖入的元件拖到自己想要放置的其他地方图6,最后在图层2的1-50帧之间任何一个地方点击鼠标右键,找到“创建补建动画”,就得到第一个简单的动画效果图7,当滑动红色指针时,则可以看到星光在背景图片上跟随走动,最后锁定图层2。
(图5)(图6)(图7)第四步:这一步十分关键,难度有所增加,是考验能否学会该课时最重要的一步,因为上一步的星光只是简单的在背景图片上流动而已,现在我想要让星光有规律的沿着彩色“金蛇送福”几个字的上半部边框缓缓走动该怎么做到?那么我们就要运用到“引导层”(图8中间那一个)了。
点击新建引导层(图9),然后在工具面板中选择“线条工具”,属性面板设置为绿色,大小为2像素,实线(图10),然后开始画引导线(图11)。
这个时候要相当注意了,先解锁图层2,在图层2的第1帧处把图2星光移动到绿色线条的开始位置(图12),同样在图层2的第50帧处把图2星光移动到绿色线条的末端位置(图13)(注意:一定要让星光放到绿色的引导线上,才能把星光吸引住,否则星光不会沿着绿色的线路轨迹运动),效果就做好了,锁定图层2和引导层。
现在随便左右滑动红色指针,星光则会沿着引导层绘制的路线来回走动(图14)。
编写:飞飞
一、新建FLASH文档,属性默认
二、新建影片剪辑“矩形条”
1)导入一张素材图片,选择矩形工具,笔触禁止,填充任意,在舞台上绘制一个550*20的矩形条,并作全居中,如图:
2)选择填充变形工具,并选中舞台上的矩形,然后在颜色面板里,选择填充类型为“位图”
3)调整填充变形工具的上下左右方向键,缩小位图,调整后如图:
4)在填充变形工具状态下,鼠标移至左边第一朵花,如图:
5)5)然后在时间轴第40帧插入关键帧,并在在填充变形工具状态下,鼠标移至右边第一朵花,后回到第一帧,在属性面板下方创建形状补间,如图:
三:回到场景,1)从库中将“矩形条”影片剪辑拖入到舞台,做水平中齐,上对齐,2)然后按住ALT键复制一个,并作水平中齐,底对齐,后做--修改—变形—水平翻转,3)然后再次按住ALT键复制两个,后做--修改—变形—顺时针旋转90度,改宽度为20,高度为400,左右各放一个。
4)将左边的那个做---修改—变形—垂直翻转。
四:选中舞台上所有矩形条,点--修改—组合—并将其转换为影片剪辑元件,然后分别在20、40、60帧插入关键帧,选中第一帧,在点属性—滤镜—投影,再分别选中
20、40、60点属性—滤镜---投影—调整颜色—色相,如图:
选中图层所有帧,创建动画补间
保存,测试影片。
QQ:498183821 编写:飞飞
2011年10月13日。