flash教案制作按钮

flash教案制作按钮（精选9篇）

1.flash教案制作按钮 篇一

《flash制作―按钮元件的使用》教学反思

教学反思：

在将教学设计转化为教学实践的过程中，学生顺利地完成了学习任务，达到了预期的目标，取得了良好的教学效果，反思教学设计和教学过程，总结如下：

本节课的学习任务主要是让学生们掌握按钮元件的.制作和使用。本节课采用兴趣教学法、演示法、讲授法、自主探究法，通过老师的讲解和学生实践让学生们了解按钮元件，并掌握其制作方法，通过教师演示及学生自主探究，熟练掌握按钮元件的制作和使用方法，通过任务的选择，培养学生独立思考的能力。

本节课程设置较为完整，教学的内容设置合理，并在知识的拓展上把握较好，评价方面有所欠缺，在以后的课程中需加强。

2.FLASH制作课件电子教案 篇二

: 【课题】 熊猫的梦

【学习者分析】

本教学方案面向的对象是2012级的学生，他们对一些软件的使用已经有了一定的基础，并且对新软件的使用有着浓厚的兴趣。经调查，不少的学生寝室装有电脑，所以有些学生也学会了在电脑上如何制作动画，但还是有大部分学生不会使用Flash制作动画，并且有个别学生还没有接触过Flash软件，他们还是很渴望这方面的知识与技能。

【学习需要分析】

Flash动画制作是学生需要了解并掌握的一门技能，学生应该逐渐学习制作逐帧动画，而大部分学生还不知道如何使用Flash制作动画。

【教学目标】

● 知识目标

了解Flash如何制作动画，掌握简单的逐帧动画。

● 能力目标

培养学生自主探究，动手操作的能力。

● 情感目标

激发学生探索新知识的欲望和学习的兴趣。

【授课时数】4课时

【教学重点】 图像的绘制、帧的插入、时间的调整、预览效果。

【教学难点】 帧的选择与插入。【教学方法】

讲授法、示范演示法、任务驱动法以及成果展示法。

【教学环境】

机房、多媒体教室。

【教学过程】

1.复习图像绘制。

打开画图工具，选择椭圆工具，设置笔触颜色为黑色，接着绘制一只熊猫。然后打开已经课前准备的动画的熊猫展示给学生看，问学生动画熊猫是否更生动些，是否有学生会制作这样的动画，激起学生的好奇心以及求知欲。

2.新课讲解

Flash是一款创作动画的软件，利用Flash不仅可以制作简单的动画，而且还可以制作游戏，课件等具有交互式的复杂的动画。启动Flash的工作界面来认识Flash的“基本功能”，Flash工作界面主要由菜单栏、舞台、时间轴、浮动面板、工具面板组成。如果界面不小心被调乱，还可以执行“窗口”→“工作区”→“重置基本功能”命令，或根据需要进行“新建工作区”、“管理工作区”的操作。工具面板可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。时间轴主要由图层和帧组成，用于组织和控制影片内容在一定时间内播放。舞台是用来创作影片各帧的区域。浮动面板包含各种不同特定功能，如属性、库、颜色、变形、对齐等。

3.演示示范

操作步骤：（1）执行“开始”→“所以程序”→Adobe Flash命令，即可启动Flash。（2）单击新建ActionScript2.0，再执行“修改”→“文档”命令，在弹出的“文档设置”对话框中，设置尺寸为550像素Χ400像素。背景颜色设为黄色。（3）制作第一帧画面：单击工具面板中的“椭圆工具”，设置笔触颜色为“黑色”，填充颜色为“没有颜色”，然后在舞台中拖动鼠标绘制熊猫的脸、眼睛、耳朵、鼻子。嘴部轮廓可以先绘制一个椭圆形，然后利用“线条工具”圆中绘制一条直线，使用“选择工具”单击上面的半圆，按delete键将其删除。再利用“线条工具”绘制竖线连接鼻子和嘴。利用“铅笔工具”绘制熊猫的毛发。最后单击工具面板中的“颜料桶工具”，设置填充颜色为黑色。在需要填充黑色的区域填充。再分别将熊猫的脸、眼球和嘴填充为白色和红色。单击工具面板中的“刷子工具”，设置填充色为棕色，绘制土地的效果。再使用“刷子工具”分别绘制深色的土块和绿色的小竹苗。（4）制作第二帧画面：在右下方图层1第2 帧的位置右击，在弹出的快捷菜单中选择“插入关键帧”命令。使用“矩形工具”，设置笔触颜色为“黑色”，填充颜色为“绿色”，绘制3个纵向排列的矩形。单击“选择工具” 将鼠标指向矩形边线，当鼠标变成↖状态时向里拖动矩形边线。然后使用个“刷子工具”绘制竹叶。（5）调整动画时间：执行“控制”→“测试影片”→“在Flash Professional中”命令，此时弹出测试影片的窗口，观看动画效果，可以看到动画播放频率过快，然后关闭窗口，在第1帧上右击，在弹出的快捷菜单中选择“插入帧”命令，同样在第2 帧上插入帧，使动画时间延长。再测试影片效果。（6）保存文件：执行“文件”→“保存”命令，在弹出的对话框中选择保存的位置，将文件命名为“熊猫的梦”，单击“保存”。

4.操作练习

让学生动手来试一试动画制作，遇到问题向老师或同学求助。

5.作品展示与评价

请学生推荐其中比较好的作品来进行展示，并让制作者大概讲解自己的设置。然后让老师学生进行评价，最后老师做出总结：

通过这节课的学习，同学们初步了解Flash制作动画，并能够制作简单的动画，这节课的重点难点都是帧的插入，所以同学们下课之后要多做练习。

6.探究活动

课堂内容完成以后，向学生提问一些制作动画过程中的一些快捷键的使用，动画的制作过程中需要经常测试影片，影片测试除了在“控制” →“影片测试”中测试还有什么方法来进行测试。让学生来探究，然后说出自己的答案：通过使用快捷键Ctrl+Enter，还有插入帧的快捷键F5，撤销命令快捷键Ctrl+Z。

若时间有余，可以向学生讲述一些课外知识，进行视野拓展，中国动画片的发展，自1926中国的第一部动画片问世开始，中国动画发展迅速，1955年中国第一部彩色动画片《乌鸦为什么是黑》在国际获奖，后来又陆续有《三个和尚》，《葫芦兄弟》等获奖。

【教学反思】

3.flash教案制作按钮 篇三

最终效果

1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120

2.复制圆角矩形图层并缩小

3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了，

4.这是是具体的简便颜色设置

5.给上边的矩形添加样式

6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图

7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果

8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影，

9.加上文字。

4.flash教案制作按钮 篇四

PS按钮制作基础教程之制作金属边框水晶按钮

。首先是金属边框部分，用到的图层比较多，每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作，方法与前面的基本相近。

最终效果

1、打开photoshop，新建一图层，按Shift使用椭圆工具画一正圆形。

2、然后双击图层1，在图层1的混合属性中做如下设置：

3、按Ctrl单击图层1，使图层1载入选区，依次点击菜单栏中的选区――修改――收缩，设置收缩量为2。

4、选取椭圆选框工具，设置为选区叉：

5、使用椭圆选框工具在图层1的选区上画椭圆，两选区交叉后效果如下：

6、新建图层2，使用渐变工具在拉渐变，取消选区，将图层透明度设为65，效果如下：

7、新建图层3，同样使用椭圆选框工具和渐变工具做出如下效果：

8、新建图层4，使用椭圆工具并做出如下效果：

9、按Ctrl单击图层4，依次点击菜单中的选择――修改――收缩，设收缩量为1，

10、新建图层5，使用渐变工具，选择对称渐变，做出如下效果：

11、设图层透明度为55，载入图层5的选区，将选区范围收缩9PX，按Del删除，效果如图：

12、再次将选区范围收缩1PX，新建图层6，填充，并设置如下混合选项：

5.按钮制作 篇五

按钮二

就是这个按钮，想知道制作方法吗?请跟我一起做一次吧!

一、 新建文件，用矩形工具画一个黄颜色的矩形，并在fill(填充)面板中进行如下设置，texture选confetti，透明度为33%，这个texture是fireworks4自带的，

二、点击层面板底部的最左边一个按钮，建立新层，并把旧层锁住，这样做是为了使以后的工作方便一点。

三、 圆形工具画一圆，在INFO中设置其W和H都为72，按回车确定。在fill面板中设置其填充类型为linear，由黑到白的渐变，点击黑色箭头工具调整渐变的方向，如下图所示。Edge( 边缘)选择feather，羽化值为3。

四、 复制上面的圆形，(按住ALT键，用箭头工具把这个圆拖到下面)。在INFO面板中改变其W和H值都为69，比原图小了3个象素。

五、 全选这二个圆，使用菜单命令modify->align->center vertical和modify->align->center horzontal，

这时，这二个圆的中心点在同一个位置，继续执行菜单命令modify->combine->punch，对二个圆进行冲压，执行后结果如下。

六、再用圆形工具画一个圆，在INFO面板中设置其W和H值都为68，按回车确定。FILL面板中的填充类型也为linear,只是反向和上面的圆相好相反，edge边缘不羽化。看下图所示。

七、复制这个圆形，方法同上。在INFO面板中改变其W和H的值都为66。全选这个二圆，使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时，这二个圆的中心点在同一个位置，继续执行菜单命令modify->combine->punch，对二个圆进行冲压，执行后结果如下。

八、继续用圆形工具画一圆，在INFO面板中设置其W和H值都为65。Fill面板中的填充类型选择radial，点击edit按钮编辑颜色条，如下圆所示。用黑色箭头工具编辑其填充点。

6.flash教案制作按钮 篇六

PS按钮制作基础教程之制作蓝色圆形水晶

。可能勾出的图层较多，注意好每一个图层都需要用图层样式等添加光感，然后再根据光源方向设定好高光位置，这样做出的按钮不仅质感好，而且比较合逻辑。

最终效果

1、新建文档，800x600像素，背景白色，画2个矩形，分别添加样式。

2、底部矩形样式。

3、上部矩形样式。

4、在画面右侧添加一个白色椭圆，图层模式柔光。

5、建新层，画一白色正圆，

6、添加图层样式。

7、建新层，画一个小些的黑色正圆，与大圆中心对齐。

8、添加图层样式。

9、建新层，前景色#204478画一音乐符号。

7.flash教案制作按钮 篇七

效果简介：这是一个很简单的按钮效果，制作它仍然依靠渐变填充，

用Fireworks制作金属效果按钮

。不同以往的是，它的模样变了！原.png文件见图。

操作步骤：

1、建立场景，背景白色。选择Rounded Rectangle Tool（圆角矩形工具）按住Shift键在场景中画圆角矩形。完成后，打开Object（对象）面板，在Roundness（圆角度数）中拉动右侧滑杆到30即可。然后，在圆角矩形被选中的状态下，打开Modify（修改）菜单，选择Transform（转换）项中Numeric Transform（数字转换），在弹出的对话框中，选择Rotate，在角度数值框中输入45。

2、选中图形，打开Effect（效果）面板，在效果列表中选择Shadow and Glow（阴影与发光）项目中的Inner Glow（内发光）命令，为圆角矩形添加效果。

3、拷贝一份添加了效果后的图形，删除效果，在Info（信息）面板中将它的宽高各减少4像素，

然后打开Fill（填充）面板，选择Linear（直线）类型为图形副本填充渐变。

提示：在Info面板中，位于左侧的两个项目就代表被选中元素的宽度和高度。字符“W”代表宽，“H”代表高。在这里直接输入数值可精确改变被选元素的宽高比例。

4、选择Ellipse Tool（椭圆形工具）按住Shift键绘制正圆形。注意该圆形要小于底图矩形。然后为圆形填充直线渐变，渐变定部为黑色，底部为灰色。最后，选中圆形，引用Shadow and Glow中的Glow（外发光）命令，指定发光颜色为白色。具体设置见图。

5、仍然使用椭圆形工具，绘制一个小圆形。稍小于第4步中的圆形即可。选中它，在Fill面板中选择Linear类型为其填充渐变。

8.flash教案制作按钮 篇八

。漂亮的导航按钮和菜单会给网站增色不少。下面介绍一款精致的水晶风格按钮的制作。作者不仅介绍了按钮的制作还介绍了文字部分的制作方法，非常值得学习。

最终效果

1、创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。

2、应用层样式：内发光，混合模式：滤色，方法：柔和。

3、渐变叠加：颜色设置为：#5e80a3，#839db8，#b8c7d6。

4、描边: #5e80a3。

5、这就是它应该呈现的样子。

6、现在打上菜单文字，字体Segoe，大小：14 pt，颜色白色#ffffff。

7、给字体链接应用层效果：描边 #53769a。

8、创建一个新层。选择矩形选框工具，绘制1px宽度的线条并使用# ffffffs填充。

9、复制这个层接着在每个链接之间添加每个线条。现在选择矩形选框工具选取线条底部的区域覆盖到所有的线条，然后使用选择- >修改- >羽化和应用5px半径，

按下Del然后采取相同的方法处理上方的线条。

10、将线条图层的混合模式改为柔光。

11、使用矩形选框工具选取你链接的内部区域 （在两个线条之间）然后填充任何你想要的颜色。

12、现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3。

13、这就是它应该呈现的样子。

14、现在使用矩形选框工具2px的半径绘制一个小矩形使用#ffffff填充。

15、应用如下的层效果到形状图层: 内发光（混合模式：叠加）。

16、渐变叠加: #e6e6e6 和 #ffffff。

17、描边: #5e80a3。

18、这就是它应该呈现的样子。

19、在形状内输入“search”使用Segoe字体，大小为 12pt 颜色#7b7b7b。

最终效果：

★ PS按钮制作基础教程之制作蓝色圆形水晶按钮

★ PS按钮制作基础教程之制作宝石质感按钮

★ PS简单制作质感按钮

★ PS制作水晶文字效果

★ PS制作英文简历

★ ps制作个人简历

★ PS制作极光文字效果

★ ps制作水墨写意画

★ PS简单制作立体文字效果

9.flash教案制作按钮 篇九

。用最简单的方法制作最漂亮的作品。

最终效果

新建一个400 * 250像素的文档，背景填充蓝色：#106D98。

1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后不要取消选区。

2、把当前图层复制一层，得到图层副本，隐藏“玻璃边框”图层，保持选区，执行：选择 >修改 >收缩，数值为1，确定后按Delete 删除。确定后不要取消选区。

3、再新建一个图层，选择菜单：选择 >修改 >收缩，数值为1，然后选择渐变工具，拉上渐变。

渐变色设置如下图，两边为白色，中间位透明，

由上至下拉出线性渐变。

4、输入自己需要的文字，字体颜色为白色。

5、新建一个图层，命名为“下载”，用钢笔工具勾出选区，并填充绿色，用来制作动态效果。

6、调出“玻璃边框”图层的选区，新建一个图层填充白色，设置不透明度为：20%，用矩形选框工具删除其不需要的部分，如下图。

7、选择菜单：窗口 >动画面板，选择下载图层，新建空白帧，使用移动工具把下载图层向下移几格像素。

8、按住Shift 键选择两个帧，为其添加过渡帧。

9、再为其添加时间为0.6秒，储存为Web格式所用，完成最终效果。