Flash CS3 入门 制作网络相册
FLASH CS3 实例 电子相册

FLASH CS3 实例电子相册在Flash中制作电子相册有两种方法:一种是将所有的素材图像导入其中,制作各种图片显示效果动画,然后通过鼠标单击事件跳转到指定的动画帧,完成电子相册效果;另一种是通过XML文件与ActionScript语言的结合,无需将素材图像导入即可实现电子相册效果,如图14-8所示。
图14-8 电子相册技能要点-通过XML文件加载外部图像XML是一种具有数据描述功能、高度结构性及可验证性的语言,可以在任何平台或者语言之间交换数据,且允许用户自行定义标记和属性。
ActionScaript3.0包含一组基于ECMAScript for XML (E4X)规范的类,这些类包含用于处理XML数据的强大且易用的功能。
下面将通过ActionScript3.0语言读取XML文件中的图像地址,并将图像显示在舞台中。
首先准备两张素材图像,并将其放置在images文件夹下,如图14-9所示。
图14-9 准备素材图像新建记事本文档,在其中输入如下代码。
然后将其保存为car.xml文件,如图14-10所示。
图14-10 新建XML文件在的地址。
新建550×237像素的空白文档,在图层1的第1帧处打开【动作-帧】面板,并声明变量,代码如图14-11所示。
图14-11 声明变量将光标置于第7行,创建侦听加载XML文件事件,该事件调用xmlLoader()函数,代码如图14-12 所示。
图14-12 侦听加载XML文件将光标置于第16行,创建xmlLoader()函数,该函数通过读取XML文件中图像的地址,将图像显示在舞台中,代码如下所示。
children()顺序列出其子项。
一个理指令;文件中元素节点的个数。
至此通过XML文件加载外部图像就制作完成了,保存文档后预览动画,如图14-13所示。
图14-13 预览效果制作过程首先通过读取XML中小尺寸图像的地址,将小图像显示在舞台的左侧,然后利用鼠标单击事件,再将相对应的大尺寸图像显示在舞台的右侧。
Flash制作-相册制作操作步骤

Flash相册制作操作步骤Step1:收集在相册中要用到的相片,用相关工具调整相片的大小,然后储存在一个文件夹中;Step2:打开Flash8的页面,如图所示,Step3设置舞台:进入Flash页面后,创建新文件,点击页面中部的“Flash 文档”,后进入下图所示页面,在“属性”栏中,点击如图所示处的“300×400像素”后,进入“文挡属性”的页面,如下图所示,在“尺寸”栏设置文档的宽高900×750,同时在“背景颜色”设置背景颜色;Step4在图层区导入图片:点击插入图层的图标,新建“图层2”,在新建的“图层2”中,执行“文件导入导入到舞台”命令,如图所示,在弹出的的“导入”对话框中选择制作相册所需的第一张图片“1”点击“打开”将图片文件就导入到舞台了,如上图所示;Step5将图片转换为组件:后右键单击图片,在弹出的对话框中选择“转换为组件”F8键),在弹出的“转换为组件”的对话框中选择“图形·,单击“确定”即可,如下图所示;Step6对图层2中插入的图片进行效果设置: 将图片调整到中间位置,在工具栏中单击“任意变形工具”,缩放“图片1”,后在页面底部“属性”中“颜色”栏将图片设置为透明“Alpha”如下图所示,在图层2中的时间轴上第27帧处右键单击,在弹出的对话框中点击“插入关键帧”(或按F6键插入关键帧)如下图所示,后将右边库中的元件1拖入舞台中,利用“任意变形工具”修改大小,使图片基本分布在舞台上,单击左边工具栏中的“文本工具”,在页面底部“属性”面板对文字进行相关设置,字体为华文行楷,颜色为红色,大小30px,在文本框中输入“每天留下我们的足迹”,再用“任意变形工具”调整文档位置如下图所示,在分别在第15帧、19帧、24帧处插入关键帧,方法与上面相同,在这几帧处分别将元件1拖入至舞台,用任意变形工具改变其大小,如下图所示,第15帧第19帧第24帧在图层2的时间轴上,分别在第1帧到第15帧、第15帧到19帧、第19帧到第24帧、第24帧到第27帧之间右键单击,在弹出的对话框中点击“创建补间动画”,如下图所示,最终在图层2的时间轴上的整体样式如下图所示,为能使在第27帧处的效果最终在影片中停留一段时间,在第60帧处插入一关键帧,到此为止,对于图层2的效果设置完毕(可在时间轴中将播放红线移至图层2的第1帧处,点击菜单栏中的“控制”栏,单击“播放”,即可观看设置效果,操作如下图所示);Step7设置图层3的效果:在图层区按照上面的方法新建图层3,导入相册所需的图片到舞台中,将图片转化为元件2,为使图层3的图片在图层2未消失前进入,在图层2的时间轴上第80帧处2(方法如图所示),在图层3的第61帧处插入一关键帧,将元件2 拖入到舞台中,调整图片大小,在属性栏中设置图片为透明“Alpha”,在图层3的时间轴上第80、100、111帧处分别插入一关键帧,在80、100、111帧处在舞台上分别拖入库中的元件2,不同的帧处对图片进行调整至111帧处得图层2的图片的最终效果图,为延长最终效果,在图层3的时间轴上的第122帧处插入一关键帧,同理在不同帧之间创建补间动画,这样,对于图层3的效果设置完成;Step8设置图层4的效果:按上述方法锁定图层3,在112帧处插入关键帧,导入所需的图片至舞台,将图片转化为元件3,在112帧处,在舞台上将图片移动到舞台上方,如下图所示,在图层4上第122帧处插入关键帧,将元件3移至舞台上,打开图层3,移动元件3至合适位置,如下图所示,后在140帧处插入关键帧拖入元件至舞台右侧,在155帧处插入关键帧,并将元件3拖入到舞台右侧,用“文档工具”在舞台上添加文本“海大的校训”和“感受海大精神!”,设置文字格式,移动文字至合适位置,如图所示,各不同帧之间创建补间动画,在180帧处插入关键帧,延长图层4的最终效果;Step9图层5的效果设置:在图层区创建新图层5,在图层5的时间轴上的第170帧处插入关键帧后,在文件菜单导入另一张图片到舞台上,将图片转化成元件4,此时设置图层5的170帧处元件4的位置,如图所示,后锁定图层4,在图层5的时间轴上的184、227、235、245处插入关键帧,在各帧处分别拖入元件用任意变形工具和文本工具调整元件4的位置形状如下图所示,后在各不同帧之间创建补间动画,184帧227帧235帧245帧为延长其最终效果,在319帧处插入空白帧,这样图层5的效果完成;Step10图层6的效果设置:在图层区创建新图层6,锁定图层5,在245 帧处插入一关键帧,导入新的图片于舞台上,将图片转化为元件5,在245帧处拖入元件5,用任意变形工具扩大图片,设置图片颜色为透明“Alpha”,效果如下图所示,分别在图层6的时间轴上的第262、269、283帧处插入一关键帧,分别拖入元件5,在262帧处缩小图片,这3处的效果如下图所示,262帧269帧283帧其中在283帧处的图片中用文档工具编辑“喂鱼赏鱼的好地方-小亭”,自245帧开始,在不同帧之间插入补间动画,锁定图层6;Step11图层7的效果设置:在图层区新建图层7,导入新的图片至舞台上,将图片转化为元件6,在图层7的时间轴上第283帧处插入一关键帧,将元件6拖入至舞台,使用任意变形工具扩大图片,利用文本工具编辑文字“沿着河边小路远看小亭”,效果如下图所示,对图片右键单击,在弹出的对话框中点击“时间特效-变形转换-转换”,在弹出的“转换”导入框中进行相关设置,操作如下图所示,“转换”的导入框:完成后,在313帧处点击图片继续用上方法对图片进行转换,时间为23帧,在335帧处将元件6 拖入,设置其最终效果如图,在283、313及313、335帧两者之间处创建补间动画,同时在第324,330帧处插入关键帧,以方便在编辑时查看其过程时刻效果图(324、330帧处两时刻处的效果图如下图所示),这样图层7设置就完成了;324帧图在舞台上方330帧图在舞台中Step12图层8的设置:新建图层8,在第335帧处插入关键帧,导入新的图片于舞台上,将图片转化为元件7,载335帧处将舞台上的图片用任意变形工具倒转过来并在“属性栏”设置图片颜色为“色调”,如下图所示,在342帧处插入元件7,用文本工具在图片上加入“呵呵,海大图书馆”文本调整至最终效果,为保持此效果在影片放映时维持一段时间,在349帧处插入一关键帧,图层8的设置效果完成;Step13图层9的效果制作:锁定图层8,在图层区新建图层9,在图层9的时间轴上的342帧处插入一关键帧,导入新的图片于舞台上,创建元件8,在342帧处调整大小,单击图片设置图片的变形效果,如下图所示,在弹出的“变形”导入框中,对效果进行设置,调整播放持续帧数为15帧,如下图所示,在358帧处拖入元件8于舞台上,调整其位置和形状如图所示,同时用文本工具创建文本“夏荷濯清涟”及文本“出淤泥的高洁之士”,后用工具栏中的选择工具,后点击“出淤泥的高洁之士”,将其转换为元件9,“选择工具”位置如图所示,后在362帧处插入一关键帧,改变舞台上图片的大小形状,同时,将保留的“出淤泥的高洁之士”转换方向,调整位置,如图所示,在370帧处插入一关键帧,将舞台上的原有图片保留,将元件8拖入舞台,形成两张图片的交织效果,同时剪切原舞台上的文本“出淤泥的高洁之士”,将文本9拖入舞台中,改变文字的颜色,如下图所示,在375帧处插入一关键帧,将舞台上保留的原有图片的元件8剪切,同时调整文本“出淤泥的高洁之士”的位置和改变字体颜色为红色,如图所示,在381帧处插入一关键帧,同样只改变文本“出淤泥的高洁之士”的位置和改变字体颜色为绿色,这样使得在影片放映时形成文本的移动闪烁效果,在图层9的不同帧之间创建补间动画,同时为使效果维持一段时间,在392帧处插入一关键帧,到此图层9的效果制作完成;Step14图层10的效果制作:锁定图层9,在图层区创建图层10,导入心土片于舞台上,将图片转化为元件10,在时间轴上第392帧插入关键帧,在392帧处插入元件10,调整该图片的位置形状,右键单击设置图片“时间轴特效-效果-投影”,如下图所示,在弹出额“投影”导入框中设置效果,默认持续时间帧数为60帧,如下图所示,在最后也可以再在舞台上调整图片形状,如下图所示,在420帧处插入一关键帧,此时将舞台上的图片缩小,在466帧处插入一关键帧,将元件10拖入舞台上,设置最终效果,在图片上添加文本,如下图所示,图层10效果制作完毕;Step15图层11的制作:锁定图层10,在图层区新建图层11,导入新的图片于舞台上,将其转换为元件11,在时间轴上的第466帧处将援建拖入至舞台,设置其大小和位置,后再在第479、491、501帧处完成对相片大小相对于舞台位置的设置如下图所示,466帧479帧491帧501帧在这部童真之创建补间动画,在510帧处插入一关键帧,完成对图层11的效果设置;Step16图层12的效果制作:锁定图层11,在图层区创建图层12,导入图片,将其转换为元件12,在时间轴上的第510、526、540帧出插入关键帧,对舞台上对元件图片调整其大小和相对于舞台的位置如下图所示,510帧·526帧540帧·在底540帧处同时用刷子工具书写“曲径通幽”,操作如下图所示,点击工具栏中的刷子工具后,对刷子直径,颜色进行设置,后在图片上书写汉字,在这不同帧之间插入补间动画,在第553针插入一关键帧,到此完成对图层12的制作;Step17对图层13的效果制作:锁定图层12,在图层区新建图层13,导入新的图片于舞台上,将图片转化为元件13,再在553帧处将元件修改成如下图所示的状态,先用选择“刷子工具”,选择颜色为绿色,再用“刷子工具”绘制一矩形框,如图,在矩形框中拖入元件13,调整至矩形框内,如图所示,将其转换为元件14,后剪切掉,在553帧、560帧、567帧处,将元件14拖入舞台中分别调整其大小和相对于舞台的位置,分别设置图片的颜色如下图,553帧560帧处颜色为“Alpha”567帧在587帧处插入一关键帧,再在舞台上拖入元件13,同样用刷子工具绘制一矩形框,用文本工具添加“望望午子顶吧”,设置效果如下图,在553帧、560帧、567、587帧之间分别创建补间动画,在602帧处插入一关键帧,至此对图层13的效果制作完成;Step18图层14的效果制作:锁定图层13,在图层区新建图层14,在时间轴上的第602帧处插入一关键帧,导入新图片于舞台上,将其转换为元件14,用刷子工具在图片周围画一矩形框,同时调整两者位置如下图所示,在620、639帧处分别插入一关键帧,在620帧处将舞台上的图片突入舞台中间位置,并保持其大小不变,在639帧处将舞台上的图片缩小,移动至舞台右侧,在640帧处插入以空白帧,在641帧处插入一关键帧,将元件14拖入舞台,将图片沿水平方向旋转180度,同样用刷子工具会边框如图所示,在655帧处在沿水平方向旋转图片180度,并缩小图片,在以上这几关键帧之间创建补间动画,在659帧出插入一关键帧,这样图层14的效果设置完毕;Step19图层15的效果制作:锁定图层14,在时间轴上的第656帧处插入一关键帧,导入两张新的图片于舞台上,调整其位置,将两者分别转换为元件15、16,输入文本“水至清”,调整其位置于两图之间,效果如下图所示,在680帧处插入一关键帧,将舞台上的图片沿水平方向旋转图片180度,设置两张图片颜色为“色调”,在702帧处插入一关键帧,将舞台上的图片再沿水平方向旋转图片180度,调整其颜色为“亮度”,在这三帧之间创建补间动画,在716帧处将图片调整位置;Step20图层16的效果制作:锁定图层15,在图层区创建图层16,在716帧处插入插入一关键帧,导入令另一张新的图片于舞台上,将其转换为元件17,调整图片在舞台上的位置,于舞台左侧,在736帧、761帧处各插入一关键帧,将其图片改变位置及大小,在各帧之间插入补间动画;Step21图层17的效果制作:锁定图层16,在图层区新建图层17,在761帧处插入一关键帧,将组员的四张图片导入到舞台上,用文本工具添加组员信息与图片上,在778帧处插入一关键帧;Step22图层18的“遮罩效果”制作:新建图层18,在761帧处用椭圆工具绘制如图所示的遮罩图形,下图所示,在图层18的时间轴上第778帧处插入一关键帧,此时将遮罩的图形扩大,后在761到778帧处插入补间动画,如图所示,在图层区右键单击,在弹出的对话框中点击“遮罩层”选项,完成遮罩动画的制作,如下图所示,图层17、18时间轴状态如图所示Step25图层21的效果制作:设置:“谢谢观赏”效果,锁定图层20,在图层区新建图层21,用文本工具添加文本“谢谢观赏”,对四字设置不同的字体,将其转换为元件,在910帧处将文本颜色设置为白色,位置设置如图,在910、921、931、938、942、946帧处在舞台上的文本效果如图,910帧921帧931帧·938帧942帧946帧Step26图层22的插入背景音乐效果制作:锁定图层21,在图层区新建图层22,导入音乐文件于舞台上,在第一帧处插入一关键帧,在属性栏将声音效果设置如下图所示,这样声音就导入文件了;Step27重设背景并添加按钮:锁定其他图层,在图层1中在属性面板将背景颜色改为黑色,在第1帧处插入一关键帧,用矩形工具在舞台中画出一矩形,宽度与舞台一致,高度居中,在矩形左侧插入图形“相框”,在矩形右下角插入另一张图片,在972帧处插入一关键帧,锁定图层1。
Flash CS3 实例 相册展示

Flash CS3 实例 相册展示该实例主要制作相册的展示动画。
其中动作的添加,使动画更具有特定性,当单击舞台左侧某个缩略图时,则其相对的较清晰图像就展示在读者的眼前。
在该动画制作过程中,用户需要注意各图像之间帧与帧之间的间隔,以及需要将动作添加到相对应的图层的关键帧上。
在相册展示过程中,综合运用了【线条工具】、【文本工具】为相册背景添加装饰以及文字信息,而【矩形工具】、【椭圆工具】的使用则为舞台中各图像创建了不同形状的遮罩动画,最终动画如图10-52所示。
图10-52 相册展示效果1 制作背景操作步骤(1)新建如图10-53所示大小文档,设置背景颜色以及各项参数,然后使用【矩形工具】绘制如图所示的两个矩形对象,制作相册背景。
图10-53 绘制矩形(2)执行【文件】|【导入】|【导入到库】命令,将素材“a.jpg 、b.jpg 、c.jpg 、d.jpg 、e.jpg ”导入至【库】面板,接着使用【选择工具】将“a.jpg “拖动到舞台,将其缩小,创建相册背景然后按下快捷键F8,转换为影片剪辑,如图10-54所示。
转换为影片剪辑图10-54 将图片转换为影片剪辑(3)参考以上方法,分别将“b.jpg、c.jpg、d.jpg”拖放到舞台,对其分别缩小后转换为影片剪辑,如图10-55所示。
排列图像图10-55 将其他图像转换为影片剪辑使用【对齐】面板将各影片剪辑进行【左对齐】与【水平居中分布】操作。
(4)使用【选择工具】选择素材“e.jpg”,将其拖放至舞台如图10-56所示位置,作为图像与图像切换时的背景。
将图像拖入至舞台图10-56 将图像拖动至舞台(5)选择【文本工具】,在各图像旁边输入所需的信息,如图10-57所示。
输入文字信息图10-57 输入文字信息(6)使用【线条工具】,为相册背景添加装饰线条,如图10-58所示。
添加装饰线图10-58 添加装饰线条(7)选择“图层1”第60帧,然后按下快捷键F5,延续背景内容,如图10-59所示。
《二维动画设计软件应用(Flash CS4)》项目十一 电子相册

图 11-11气泡图层的效果和时间轴
项目任务 上一页
下一页
五、导入背景音乐
在“气泡”图层上新建一个名为“音乐”的图层,将光盘中“素材与 实例→project11→素材→阳光小宝贝”目录下的“洗澡歌.mp3”音乐文件 导入到库。然后选中“音乐”图层的任意一帧,设置属性面板中的声音名 称为“洗澡歌.mp3”,同步方式为开始(动画开始即播放音乐),循环播 放,声音属性设置和时间轴如图11-12所示。
项目任务 上一页
下一页
一、新建Flash文件
新建一个名为“阳光宝贝”的Flash(ActionScript 2.0)文件,执 行【修改】→【文档】命令,修改文档尺寸。设置文档宽度为600像素, 高度为450像素,帧频为12fps,如图11-1所示。
项目任务 上一页
下一页
二、制作开场背景动画
1.创建背景影片剪辑元件 (1)创建一个名为“背景1”的影片剪辑元件,将光盘中“素材与实 例→project11→素材→阳光小宝贝”目录下的“背景1.jpg”图片导 入到舞台,并转换为元件。修改图片属性,高度为300,宽度为400, x为200,y为150。在“图层1”上新建“图层2”,复制“图层1” 中的元件实例到舞台,修改属性参数x为200,y为-150,高度为300, 宽度为400,与“图层1”的背景图首尾相接。 (2)在“图层1”的第80帧处插入关键帧,修改图片位置参数x为 200,y为297,并创建传统补间。再选中图层2,在第80帧处插入关 键帧,修改图片位置参数x为200,y为0,并创建传统补间,制作背 景图片向下滚动的动画效果,如图11-2所示。
项目任务 上一页
下一页
图11-13 照片1的进入、淡出动画效果及时间轴
项目任务 上一页
用Flash制作电子相册

用Flash 制作电子相册一、引言Flash 是Macromedia 公司推出的一种优秀的交互式动画制作软件,具有体积小、互动性强、兼容性好的特点,一直受动画制作者的青睐。
二、认识和了解时间轴三、制作电子相册过程中用到的术语或选项、按钮舞台:就是用来显示可视对象的一个容器。
就像我们会用到它来显示我们用到的图片一样。
其中快捷键ctrl+j 自定义舞台大小。
导入:导入到舞台,可以向舞台导入你所想要制作电子相册的照片。
快捷键ctrl+r 。
元件:一场戏中的演员,而场景就如戏台。
FLASH就是由演员在戏台上表演。
各种效果都是对元件进行设置的。
先画好或导入元件,如同先选好演员才能演戏。
我们制作电子相册用到的元件就是相片。
F8 可以将照片转化为元件。
帧:也叫普通帧,当时间轴上存在多个帧,最后 1 帧上带有黑色矩形框的帧。
除了第1 帧是关键帧外,其余的帧都是普通帧。
快捷键F5 插入帧。
空白关键帧:白色背景带有黑圈的帧。
表示在当前舞台中没有任何内容。
快捷键F7 插入空白关键帧。
关键帧:灰色背景带有黑点的帧。
表示在当前对应的舞台中存在一些内容。
当要在时间轴上某一位置改变图形时,需要插入关键帧。
快捷键F6 插入关键帧。
补间动画:通俗地说,在做flash 动画中,只需要把flash 动画的第一帧和最后一帧的画面做好,电脑就能帮你做出中间的部分。
第一帧和最后一帧是同一元件的不同状态,这种叫动作补间。
第一帧和最后一帧是不同的散的图形,这种叫形状补间。
四、电子相册的制作过程通过一个实例来熟悉flash 时间轴的应用,同时也了解flash 制作动画的流程。
打开flash,新建一个文档,画布宽550px,高400px,帧频率默认,舞台背景颜色为白色。
美工好的可以将舞台布置成自己所喜欢背景。
在第一帧向舞台导入图片1,将它转换成元件 (F8),命名为元件1,如果图片太大或者太小,则可以改变图片的高度与宽度。
在40 帧插入一个关键帧,点第一个关键帧,然后选中图片,用任意变形工具把它变小,在然后在属性工具栏里边,色彩效果选项中把它透明度改为零,把图片旋转一个角度,再然后在两个关键帧中间右键单击,创建传统补间。
FLASH CS3 实例 网络相册展示动画

FLASH CS3 实例网络相册展示动画随着因特网的普及,越来越多的人拥有自己的个人空间,网络相册的展示方式也随之多种多样。
为了使其样式更加新颖,可以通过Flash制作成动画形式。
这里将网络相册制作成为圆形界面,并且通过单击环形动画中的缩览图来查看每幅照片的放大效果,如图9-29所示。
图9-29 网络相册展示动画效果对象变形在Flash中可以通过多种途径对对象进行变形,比如【任意变形工具】、【变形】命令以及【变形】面板等。
而要想精确地改变对象,则需要通过【变形】面板来实现。
当在舞台中绘制一个图形并且选中后,执行【窗口】|【变形】命令(快捷键Ctrl+T),在打开的【变形】面板中显示该图形的初识参数,如图9-30所示。
图9-30 【变形】面板在该面板中除了可以对对象进行缩小、放大、旋转与倾斜等精确操作外,还可以将这些操作与面板中的【复制并应用变形】功能制作各种不同的图形。
例如简易风车的制作,通过【任意变形工具】选中三角形图形后,将中心点移至图形左下角,如图9-31所示。
图9-31 改变中心点位置然后在【变形】面板的旋转文本框中输入旋转角度60度,连续单击【复制并应用变形】9-32所示。
变形中心点位置的不同,即使进行相同的操作,也会得到不同的图形组合。
图9-32 旋转并复制对象同一个图形,通过【变形】面板中的缩放选项与【复制并应用变形】功能结合,同样可以得到不同图形的组合效果,如图9-33所示。
图9-33 缩小并复制对象控制影片剪辑元件要想在动画中展示不同对象的相同动画效果时,首先想到的是分别制作影片剪辑元件,然后依次拖至舞台中,这样制作完成的动画至少需要对象数量的两倍去创建元件。
如何使用最少的元件制作相同的动画效果,那就需要了解如何控制影片剪辑元件中的动画播放进程。
例如创建两个不同对象的相同动画效果,首先在新建的影片剪辑元件“花朵”中导入素材图像,使不同图像放置在不同关键帧中,如图9-34所示。
图9-34 导入图像然后在第1帧中添加停止动作后,新建影片剪辑元件“花朵动画”中将影片剪辑元件“花朵”拖入舞台中心,设置实例名称,如图9-35所示。
FLASH CS4 设计Flash相册

FLASH CS4 设计Flash相册Flash相册以图片展示以主,在设计上应该重点突出图片的展示效果。
本例中的相册共包含了4张图片,当点击其中的一个小图片后,将会以渐显的方式展示一张与小图片内容相同的大图片;如果欣赏完大图片后,单击该图片可使其向左旋转并消失在舞台外,效果如图11-1所示。
图11-1 Flash相册设计过程:(1)新建800×526像素的空白文档,将素材图像导入到【库】面板。
然后,将“背景”图像拖至舞台中,并将其转换为影片剪辑元件,如图11-2所示。
图11-2 拖入背景图像(2)将所有“木夹子”图像转换为影片剪辑元件,并分别将其导出为自定义类,如图11-3所示。
图11-3 导出为自定义类(3)将要展示的4张图片转换为影片剪辑元件,并使用相同的方法将其导出为自定义类,如图11-4所示。
图11-4 导出为自定义类(4)在相同的文件夹中,新建名称为pic的ActionScript文件。
然后在该文件中,使用import语句导入所需的类,以及创建名称为pic的自定义类和主函数。
代码如下所示:package{import flash.display.Sprite;import flash.utils.getDefinitionByName;import flash.display.MovieClip;import flash.events.MouseEvent;import flash.events.Event;import flash.display.DisplayObject;import flash.filters.DropShadowFilter;import flash.filters.BlurFilter;import flash.filters.GlowFilter;import flash.text.TextField;import flash.text.TextFormat;//导入所需的类public class pic extends Sprite{//创建pic自定义类public function pic(){//创建pic主函数init(); //调用初始化函数}}}(5)创建名称为Image_B的函数,用于实例化所有大图片,并存储到数组中。
flash制作电子相册教程

flash制作电子相册教程步骤一: 准备素材1. 收集要用于制作电子相册的照片和音乐。
2. 确保照片和音乐文件格式兼容Flash,如JPEG或PNG格式的图片,MP3或WAV格式的音乐。
步骤二: 创建新的Flash文件1. 打开Adobe Flash软件,并创建一个新的Flash文档。
2. 在舞台上,设置好适合您电子相册展示的大小和分辨率。
步骤三: 导入照片1. 点击“文件”菜单,选择“导入”和“导入到库”以将照片文件导入到Flash库中。
2. 在库面板中,右键点击导入的照片,选择“属性”来设置每个照片的属性,如实例名称和描述。
步骤四: 定义动画帧1. 在时间轴上,选择要添加照片的帧。
2. 拖动库中的照片到舞台上的指定帧中。
步骤五: 添加过渡效果1. 创建新的图层,并将过渡效果应用于相册中的照片。
2. 选择要添加过渡效果的照片帧,点击“属性”面板中的“过渡效果”选项。
步骤六: 添加音乐1. 使用同样的方法将音乐文件导入到Flash库中。
2. 在时间轴上创建新的图层,并将音乐文件拖拽到指定帧中。
3. 使用“属性”面板中的“声音”选项设置音乐的循环和音量等属性。
步骤七: 设计界面1. 使用Flash的绘图工具和文本工具来设计电子相册的界面。
2. 在舞台上添加菜单按钮,以便用户可以浏览照片和控制音乐播放。
步骤八: 将电子相册导出为可执行文件或网页1. 点击“文件”菜单,选择“发布设置”来设置电子相册的输出选项。
2. 导出电子相册为可执行文件(.exe)或嵌入网页。
步骤九: 预览和测试1. 点击“控制”菜单,选择“测试电影”来预览制作的电子相册。
2. 测试各个按钮、过渡效果和音乐是否正常工作。
步骤十: 发布和分享1. 将制作完成的电子相册保存到合适的位置。
2. 将电子相册上传到网页上或者通过电子邮件等方式与他人分享。
如何用flash制作电子相册

打开狸窝Flash电子相册制作软件可以一览无遗啦。
点击左边的“文件浏览”就可以根据你的文件夹来把婚纱照选择添加。
点击左下角的“全部添加”按钮,就可以把上面的婚纱照片全部添加进来啦。
快速添加法!如下图:婚纱照片添加后,给每张图片设置一下转场的效果,就是每张图片切换的效果(可以先定义)。
选中第一张图片,点击喜欢的“图片过渡效果”,然后设置“图片过渡时间”和“图片显示时间”,接着可以点击“应用到所有的图片”或者“应用到选中的图片”,选择后者的话,需要没选中一张,选择一种效果啦。
如下图:完成图片转场设置,就给图片添加一个“属性”,在上面可以给你的相册图片标题起一个名字,在下面可以描述一下,几年,几月拍摄等等。
右边还可以设置到你的空间地址或者其他个人的网页地址的,或设置也可以不填。
可以“应用到选中的图片或者全部图片的”。
如下图:婚纱电子相册“属性”设置好了,下面就要来到最重要的一步啦。
选择自己喜欢的“婚纱电子相册模板”,可以看到有多种类型哦!如:简单、高级、网页模板、三维模板、视频模板、高新模板等等。
我在简单那里看到了一个很符合婚纱风格的模板,你想要其他的可以点击去预览就可以啦。
下面还可以为制作的婚纱电子相册添加“背景音乐”的,把自己喜欢的音乐添加作为背景音乐。
如下图:教程所需工具>>狸窝Flash电子相册制作软件选好婚纱电子相册模板,接着就是开始“发布”生成啦。
点击“发布”,这里默认生成的是“仅创建FLASH文件”也就是Flash电子相册格式的。
下面可以设置保存文件的路径、制作相册的名称、网页的名称(点击在网页上显示的);点击“制作输出”按钮,开始制作啦。
如下图:。
FlashCS3基础与实例教程(一)

第一课Flash CS3工作环境Flash CS3以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱,在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和安排。
1.1 工作环境简介1.开始页运行Flash CS3,首先映入眼帘的是“开始页”,“开始页”将常用的任务都集中放在一个页面中,包括“打开最近的项目”、“新建”、“从模板创建”、“扩展”以及对官方资源的快速访问。
如图1-1所示。
图1-1 开始页如果要隐藏“开始页”,可以单击选择“不再显示”对话框,然后在弹出的对话框单击“确定”按钮。
如果要再次显示开始页,可以通过选择“编辑”|“首选参数”命令,打开“首选参数”对话框,然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。
2.工作窗口在“开始页”,选择“创建新项目”下的“Flash文件”,这样就启动Flash CS3的工作窗口并新建一个影片文档。
如图1-2所示。
图1-2 Flash CS3的工作窗口Flash CS3的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
窗口最上方的是“标题栏”,自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。
“标题栏”下方是“菜单栏”,在其下拉菜单中提供了几乎所有的Flash CS3命令项。
“菜单栏”下方是“主工具栏”,通过它可以快捷的使用Flash CS3的控制命令。
“主工具栏”的下方是“文档选项卡”,主要用于切换当前要编辑的文档,其右侧是文档控制按钮。
“文档选项卡”下方是“编辑栏”,可以用于“时间轴”的隐藏或显示、“工作区布局”的切换、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。
“编辑栏”下方是“时间轴”,用于组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层,图层就像堆叠在一起的多张幻灯胶片一样,在舞台上一层层地向上叠加。
Flash CS3幻灯片实例的制作(2003版)

1、实例名:电子相册
2、制作目的:熟悉 应用Flash 制作幻灯片的
方法。
3、应用到的新知识点: Flash 幻灯片制作的
基础知识。
1.新建一个Flash文档,并命名为“电子相册”。 然后选 择菜单“文件”—“新建”,在弹出的“新建文档”窗口中, 选择“Flash 幻灯片演示文稿”(如图1左所示),点击“确 定”后进入图1右所示的界面。
图 1左
图 1右
2 . 将外部库之《电子相册素材》中的图片导入当前库中。 效果如图2所示。
图2
3 . 在“舞台”左侧的“演示文稿”导航栏中,选择“幻 灯片1”,击鼠标右键,在出现的幕,如 此连续插入5张幻灯片屏幕,效果如图3所示。
图6
图3
4 . 选择“幻灯片”,将“1”位图拉至舞台,设置其实例 大小为550*400,坐标为(0.0,0.0)。如此连续将2~6图片相应 幻灯片的舞台上,效果如图4所示。
图4
5 . 选择“幻灯片1”,再选择菜单栏上的“窗口”—“行 为”,如图5所示。
图5
6 .选择菜单栏上的“窗口”—“行为”,在所弹出的窗口 中,点击“+”按钮,选择“屏幕”—“转到下一幻灯片”, 如图6所示。同样给2~6幻灯片添加此项。这样,幻灯片在播 放时,通过鼠标点击可撤换到下一张。此至,《电子相册》 就制作完成了。
flash实验报告flash相册制作

宁德师范学院计算机系
实验报告
(201—201学年第学期)
课程名称平面动画设计
实验名称实验六flash相册制作
专业
年级
学号姓名
指导教师
实验日期
实验目的与要求:
(1)能够使用外部xml文件来存放图片地址。
(2)熟练掌握flash组件的应用。
(3)将xml文件应用到列表组件中来加载外部图片。
实验设备(环境):Window XP操作系统、Flash CS5.0软件
实验内容:
(1)收集日常照片并分类命名,将其存放在一个文件夹中。
(2)编写.xml文件来存放图片地址。
(3)制作flash相册的封面,加入相应的组件并命名。
(4)编写AS3.0脚本,实现将外部图片加载到Flash文件中。
实验步骤、实验结果及分析:
(1)实验步骤
1.新建文档
2.打开组件
3.向场景添加一个下拉列表,并设置属性,添加dataProvider值
5.向场景添加一个进度条,并设置属性
7.修改文档属性
9.窗口布局如下
10.保存文档
11.新建actionScript文件
12.编写代码
13.保存文档
14.在同一文件夹内新建文件夹“images”,将所有图片方润文件夹,并规范命名
15.在同一文件夹内新建文本文档“photolist”,并编写代码保存,将后缀名改为“.xml”
(2)实验结果及分析
实验成功,应当注意命名要与代码中的所用的相同防止发生错误。
注:1、报告内的项目或设置,可根据实际情况加以补充和调整
2、教师批改学生实验报告应在学生提交实验报告10日内。
第一讲 flash相册制作

软件类别:国外软件 软件类别:国外软件/Flash工具 工具 软件语言:英文 软件语言: 运行环境:Win9x/Me/NT/2000/XP/2003 运行环境:
�
flash相册制作 第一讲 flash相册制作
石云平
主要内容
Flash功能简介 功能简介 Flash作品欣赏 作品欣赏 Wondershare Flash SlideShow Builder v4.6.0 绿色便携版软件介绍 制作精美相册
Flash的发展史 的发展史
– Flash Flash历史 – 今日的 今日的Flash CS3
第1课 Flash CS3简介 课 简介
Flash动画的应用 动画的应用
– 网页动画 – 多媒体软件开发 – 其他
Flash作品欣赏 作品欣赏
兰州军区动漫培训班作品赏析
Wondershare Flash SlideShow Builder v4.6.0 绿色便携版软件介绍
Flash幻灯片制作工具. .这是一个专业的Flash像册制 作工具,可以帮助你制作出活泼生动的 可以帮助你制作出活泼生动的Flash幻灯片. 你可以在几分钟内把你的照片,音乐制作成漂亮的 你可以在几分钟内把你的照片 Flash幻灯片.支持SWF SWF,屏保,EXE,HTML的导 出格式.软件内置210种转换效果 种转换效果,30种模板,可以 导出成为Flash动画,屏幕保护 屏幕保护,EXE,超文本格式. 功能异常强大!在欢乐的日子里 在欢乐的日子里,用这个软件做些贺 卡或者电子相册给你的亲人,爱人,让他/她们一起 卡或者电子相册给你的亲人 分享你的欢乐吧!只需要选择导入的图片 只需要选择导入的图片,然后选择 效果和设置说明文字, ,片刻之后一个漂亮的动画便诞 生了~
flash相册制作教程

flash相册制作教程
下面是一个简单的flash相册制作教程,没有标题,其中文中没有标题相同的文字。
1. 第一步:准备素材
在制作flash相册之前,你需要准备好你想要展示的照片和视频。
2. 第二步:创建新的flash文档
打开Adobe Flash软件,点击“文件”菜单,选择“新建”创建一个新的flash文档。
3. 第三步:导入素材
点击“文件”菜单,选择“导入”-“导入到舞台”,选择你想要展示的照片和视频。
4. 第四步:布局设计
在舞台上拖动照片和视频素材来设计你的相册布局。
你可以调整它们的位置和大小,根据需要添加背景图像或文字说明等。
5. 第五步:添加动画效果
点击一个素材,然后点击“窗口”菜单,选择“属性”打开属性面板。
在属性面板中,你可以为素材添加动画效果,比如淡入淡出、旋转、缩放等。
6. 第六步:设置导航
点击“窗口”菜单,选择“共享库”打开共享库面板。
在库面板中
点击“新建”创建一个新的影片剪辑。
将你的照片和视频素材拖
入影片剪辑中,并为每个照片和视频设置导航按钮。
7. 第七步:设置动画转场
回到舞台上,点击你的导航按钮,然后在属性面板中设置转场效果,比如渐变、滑动等。
8. 第八步:调整播放器控制
点击“播放器”菜单,选择“播放器设置”,调整播放器的大小和
颜色等控制选项。
9. 第九步:导出flash相册
点击“文件”菜单,选择“发布设置”,选择你要导出的文件格式,比如SWF文件。
点击“发布”按钮导出你的flash相册。
这就是一个简单的flash相册制作教程,希望对你有帮助!。
flash+as3+asp.net(c#)在线拍照教程

工具:flash cs5(只要支持as3就可以了),vs2010(支持.net 2.0即可)以下为相关的步骤与详细说明:步骤(flash拍摄):1、打开flash,新建一个as3的影片,根据需要设置flash尺寸(练习就按照默认吧)2、按crtl+l打开库面板,在库面板中鼠标右键,选择新建视频,给视频命名为my_video;3、把视频元件拖放到舞台中,选中视频元件,打开属性面板,设置实例名称(在实例名称输入框中输入):my_video,设置视频元件的宽320PX,高240px,X:0,Y:04、新建一按钮元件,命名Confirm,把按钮元件拖放到舞台中适当位置,打开属性面板,设置实例名称为Confirm;5、点击第一帧,按f9打开动作面板:输入以下代码:import flash.display.BitmapData;import flash.display.DisplayObject;import flash.media.Camera;import flash.media.Video;import flash.events.Event;import flash.events.MouseEvent;import flash.display.Bitmap;import flash.display.Sprite;import flash.display.Loader;import .URLLoader;import .URLRequest;import flash.geom.Matrix;var my_cam:Camera = Camera.getCamera(); //获取摄像头my_cam.setMode(320, 240, 15, true); //设置相关模式,my_video.attachCamera(my_cam); //把摄像头视频绑定到视频元件中显示出来Comfirm.addEventListener(MouseEvent.CLICK,UpPhoto); //增加按键的拍摄点击事件function UpPhoto(ev:MouseEvent) //拍摄及上传拍摄的图片{var val:String = ""; //字符串变量,为了存放被拍摄图片的像素信息var btd:BitmapData = new BitmapData(320,240,true,0); //创建位图数据对象var myMatrix:Matrix = new Matrix(); //为了对原始图像的缩放,详情见flash帮助文档myMatrix.scale(2,2);btd.draw(my_video,myMatrix,null,null,null,true); //用视频元件中的视频信息绘制位图数据对象var w:int = btd.width; //以下代码主要是获取位图图像中每一个像素的16位数据值并进行上传到数据接收页面(这里是)var h:int = btd.height;for (var y:int=0; y<h; y++){for (var x:int=0; x<w; x++){val += btd.getPixel(x,y).toString(16)+",";}}var req:URLRequest=new URLRequest("flash.aspx");req.method="post";req.data=new URLVariables("data="+val+"&width="+w+"&height="+h);var loader:URLLoader=new URLLoader();loader.load(req);}至此,flash中的事件完毕,接下来看处理页面相关代码:<%@ Page Language="C#" %><%@ Import Namespace="System.Drawing" %><%int width = Convert.ToInt32(Request["width"]);int height = Convert.ToInt32(Request["height"]);string[] data = Request["data"].Split(',');Bitmap bt = new Bitmap(width, height,System.Drawing.Imaging.PixelFormat.Format32bppRgb);int pos = 0;for (int y = 0; y < height; y++){for (int x = 0; x < width; x++){bt.SetPixel(x, y, Color.FromArgb(int.Parse(data[pos],System.Globalization.NumberStyles.HexNumber)));pos++;}}bt.Save(Server.MapPath("/") + "/flash/1.jpg",System.Drawing.Imaging.ImageFormat.Jpeg);%>整个过程完毕,以上都是基本的功能实现,可以根据需求进行扩充。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Flash CS3 入门 制作网络相册
图像展示在Flash 动画中应用较为广泛,比如图片展示、相册等,这里制作的是网络相册动画。
在动画中通过单击小尺寸图像,从而实现更换较大尺寸图像,并且图像的选择是随意、没有规律的。
在动画装饰方面,主要采用了滤镜功能来实现阴影效果;而图像动画方面则是在影片剪辑中制作;为了减小动画文件大小,利用了元件重复使用功能,来完成按钮的制作;不同尺寸图像之间的连接则是通过简单的鼠标单击事件来完成的。
练习要点
● 按钮元件
● 影片剪辑
● 鼠标单击事件
练习过程
(1)在新建的700×600像素的淡橙色空白文档中,选择工具箱中的【矩形工具】绘制如图60-1所示的矩形。
其中,边框为1像素的浅灰色。
图60-1 绘制矩形
(2)再次使用【矩形工具】绘制渐变矩形,并且在【颜色】面板中设置渐变颜色如图60-2所示,形成圆柱图形。
动画中的背景颜色决定了该动画的基本色调,所以在制作装饰图形时,要基于该色调选择颜色。
图60-2 绘制渐变矩形
(3)选中渐变矩形并且将其转换为影片剪辑元件“元件1”,然后为其添加【投影】滤镜,设置参数如图60-3所示。
图60-3 添加投影效果
(4)在浅橙色渐变矩形下方绘制灰橙色渐变圆角矩形后,选中全部的图形转换为影片剪辑“背景”,并且为其添加【投影】滤镜,参数如图60-4所示。
图60-4 为整个背景添加投影效果
(5)将素材图像导入【库】面板后,新建图层“相框”,并且绘制无填充矩形,设置边框填充如图60-5所示,并且将素材图像放置在矩形对角位置。
图60-5 绘制渐变边框矩形
(6)在背景图形上方输入并且设置文本后,在其下方绘制带边框的渐变矩形,设置参数如图60-6所示,并且在右侧复制一份。
图60-6 输入文本与绘制矩形
(7)按快捷键Ctrl +F8创建图形元件“图像”,并且在编辑模式中,将素材图像依次排列为一行,如图60-7所示。
绘制渐变矩形边框后,要使用【渐变变形工具】调整渐变颜色的方向。
要在文本与渐变矩形之间放置素材图像DZ1.psd ,将两者隔离。
图60-7 创建图形元件
(8)返回场景后,在两个图层之间创建图层“图片”。
并且将元件“图像”拖入舞台,放置在如图60-8所示位置。
图60-8 确定元件在舞台中的位置
(9)使用【矩形工具】在相册区域绘制矩形后,选中该图层中的所有对象,将其转换为影片剪辑“图像动画”,如图60-9所示。
图60-9 转换为影片剪辑
(10)双击该实例进入编辑模式,将矩形图形原位置剪切至图层2中,分别在“图层1”的第10、20、30、40帧处插入关键帧,如图60-10所示。
图60-10 编辑影片剪辑
(11)显示“图层2”中的图形轮廓,分别选中“图层1”中的第10、20、30与40帧,按顺序依次移动图像至矩形轮廓中,如图60-11所示。
图60-11 编辑关键帧实例
(12)分别在第2、11、21与31帧处插入关键帧,创建补间动画,并且在两个图层中创建遮罩层,形成遮罩动画,如图60-12所示。
图60-12 创建遮罩动画
(13)新建“图层3”,分别在第10、20、30与40帧处插入关键帧,并且与第1帧一同为其添加停止动作,如图60-13所示。
图60-13 添加停止动作
(14)返回场景后,将第一幅素材图像拖入舞台,将其成比例缩小至宽为90像素。
然后绘制无填充矩形,参数如图60-14所示。
图60-14 编辑图像
(15)将图像分离后删除边框外部的图形,将图像与边框组合。
使用相同方法制作其他图像对象,如图60-15所示。
图60-15 制作边框图像
(16)新建图层“按钮”,在第一图像对象上方绘制Alpha为50%的白色矩形,将其转换为按钮元件,如图60-16所示。
图60-16 创建按钮元件
(17)双击该实例进入按钮编辑模式后,在【指针经过】动画帧中插入关键帧,并且设置该帧中的矩形Alpha为0%,如图60-17所示,为【按下】动画帧插入关键帧。
图60-17 编辑按钮元件
(18)返回场景后,直接复制该按钮实例,分别放置在不同的图像对象上。
然后逐一为其实例命名为an1、an2、an3、an4与an5,如图60-18所示。
图60-18 为按钮命名
(19)选中实例“图像动画”,在【属性】面板中为其设置名称为mt后,在新建图层“动作”第一帧中添加单击事件脚本如图60-19所示。
图60-19 为第一个按钮添加动作
(20)继续在【动作-帧】面板中输入其他按钮的单击事件脚本,如图60-20所示,形成单击按钮后,均通过一个小动画过渡到指定图像。
图60-20 添加其他按钮单击事件脚本
(21)完成动作添加后保存文档,按快捷键Ctrl +Enter 测试影片,如图60-21所示。
发现动画是静止不动的,只有在单击某个小尺寸图像后,相框内部才会更换为指定的图像。
图60-21 网络相册效果
由于每一个图像所在的关键帧中添加了停止动作,所以只要式单击事件播放
补间动画的第一帧,即可显示指定图像。