禁书《国色天香》译文:网页中的轮换的字如何制作(详细)

来源:百度文库 编辑:中财网 时间:2024/04/26 21:38:56
网页中的轮换的字如何制作(详细)

        Flash广告目前是网络应用最多,最为优越,最流行的网络广告形式。而且,很多电视广告也采用flash进行设计制作,flash以独特的技术,和特殊的艺术表现,给人们带来了特殊的视觉感受。
在网络中,目前用的最多的是FLASH+JavaScript,对于不会使用代码的朋友来说,修改中就会遇到困难,能不能不用代码制作这种FLASH广告呢?我认为完全可以。

下面让我们以这个实例,一步一步教你制作方法,相信你在这个基础上会制作出更加漂亮的FLASH

制作方法:请点击这里

一、加工图片
相机拍出的相片一般都很大,要经过加工后才能在FLASH中使用,加工图片的软件很多,目前最好的可能是 Photoshop ,在FLASH里一样可以加工,但导出的图片在质量上我总感到没有在Photoshop导出的图片质量好,下面,为了帮助初学人员学习,分别作简单介绍。
1、在FLASH里加工图片
第一步:打开FLASH软件,单击左上“文件”→“导入”→“导入到库”。如图1 在弹出的对话框中,单击左边“我的电脑”,在右则电脑硬盘中找到你放图片的文件夹,双击这个文件夹,单击第一张图片,同时按下shift键,再单击最后一张图片,这样就选中了所有的图片,再单击右下“打开”,这样就导入了所有的图片,当然也不能一次导入太多,因为没有加工的图片都很大,一次导入太多的话,速度会很慢。

[td]
图1 第二步:设置背景尺寸。单击菜单“修改”-“文档”,在弹出的文档属性对话框中,设置宽500,高400,如图2,背景颜色,帧频,都不动。(本实例用的尺寸,也不能太大,太大会影响打开文件的速度)单击“确定”。
图2 第三步:从库里拖出图片到工作区,选中图片,在属性下面单击小锁(解锁,不解锁你设置宽500后,会自动设置高度)在宽后面输入500,高后面输入400,将X,Y轴设置为0,如图3
图3 第四步: 单击菜单“文件”,“导出”,“导出图象”,在保存类型中选择jpg,在文件名中输入文件名,单击右下“保存”。如图4。(本实例图片命名为tp1,tp2,tp3....tp8)
图4 当出现 “导出JPEG”对话框时,我们再进行如图5的设置,默认品质是50,我们在这里设置为100, 如图5。单击“确定”这样就导出了我们加工后的图片。
图5


2、在Photoshop里加工图片
第一步:打开Photoshop软件,选择菜单“文件”,“打开”,在我的电脑里找到要加工的图片,然后单击下面的“打开”这样就导入要进行加工的图片。如图6



图6 第二步: 单击工具栏中的“剪裁工具”,剪掉不需要的部分,然后按一下回车。如图7
图7 第三步:单击菜单“图象”,“图象大小”,在弹出的“图象大小”对话框中输入我们需要的宽度和高度。
图8 第四步:单击菜单“文件”,“存储为(v)”,在弹出的“存储为”对话框中“格式”处选择JPG格式,在“文件名”处输入文件名,单击“保存”。如图9
图9


二、制作方法
1.第一张图片淡入显示
第一步:打开FLASH软件,设置背景大小,宽500,高400。单击菜单“文件”,“导入”,“导入到库”,将加工好的8张图片,导入到FLASH里去。
第二步:重命名图层一为“tp1”,将图片1拖到工作区。如图10



图10 第三步:选中图片,(鼠标对着工作区图片点一下就选择上了)然后设置X、Y轴均为“0”。如图11

图11 第四步:对着工作区图片单击右键,选择“转换为元件” ,在弹出“转换为元件”对话框“名称”处输入“tp1”,在类型中选择“图形。如图12
图12 第五步:在第10针,50针,60针处单击右键,插入“关键针”,如图13。
图13 第六步:单击“选择工具”(箭头),单击第一针,然后再把图片1选中,在属性“颜色”里选择“Alhpa”,设置值为“35%”。如图14
图14 第七步:用同样方法,设置第10针“Alhpa”的值为“100”,第50针“Alhpa”的值为“100”,第60针“Alhpa”的值为“35”。
第八步:在第1针处单击右键,选择“创建补间动画”,在第50针处单击右键,选择“创建补间动画”。这样图片1的淡入显示就做好了。做好后的图层一如图15
图15 2.第二张图片淡出显示 第一步:锁上图层一(记着,每做好一个图层,要锁上,要不然会出错),并关闭“眼睛”新建图层二,重命名为“tp2" 。在第50针处单击右键,插入“关键空白帧”。如图16
图16 第二步:从库里将“tp2",拖到工作区,将X,Y轴设置为“0”,然后对着图片单击右键,选择“转换为元件”,在弹出“转换为元件”对话框“名称”处输入“tp2”,在类型中选择“图形。
第三步:在第60针处插入关键针,在第130针处“插入帧”如图17
图17 第四步:设置第50针“Alhpa”的值为“35%”,设置第60针“Alhpa”的值为“100”,对着第50针点右键,选择“创建补间动画”。全部完成后,锁上第二层。


3. 第三张图片小圆特效
第一步:要在后台把小圆特效演员做好.方法是:单击菜单“插入”,“新建元件”在弹出“创建新元件”对话框“名称”处输入“ma”,在“类型”中选择“影片剪辑”。如图18



图18 第二步:选择“椭圆工具”在工作区画一个大小为128的正圆,XY轴均为-63.6如图19。
图19 第三步:在第20针处插入关键帧。单击第1针,在属性“补间”里选择“形状”。单击第20针,选中正圆,在属性进行如下设置,宽和高均为1,XY轴为-0.5 ,如图20
图20 第四步:我们还要在后台把演员的动作统一起来,方法是:单击菜单“插入”,“新建元件”,名称为“maa”,类型为“影片剪辑”。在第一层用巨型工具画一个宽为500,高为400的巨型,X轴-250,Y轴-200,在第20针处插入帧,锁上第一层。
新建一个层,从库里将影片剪辑“ma”拖到工作区中来,并把它们摆放如图21样式,并锁上图层,全部完成后,要注意删除图层1,就是巨型图。
图21 第五步: 单击“场景1”进入主场景。如图22
图22 第六步:在主场景新建一个层,重命名为“tp3”,在第110针处插入“空白关键帧”从库里把tp3拖到场景中来,并设置X、Y轴为“0”,在160针处插入帧。
再新建一个层,重命名为“小圆大到小”,在第110针处插入“空白关键帧”将库里的maa影片剪辑拖到场景中来,并在第130帧处插入“空白关键帧”。
第七步:将“tp2”拖到“tp3”上面来。如图23
图23 第八步:对着小圆层单击右键,设置该层为“遮罩层”。如图24
图24
4.第四张图片正方形特效
第一步:同图3一样,要在后台把正文形特效演员做好.方法是:单击菜单“插入”,“新建元件”在弹出“创建新元件”对话框“名称”处输入“fa”,在“类型”中选择“影片剪辑”。如图25



图25 第二步:选择“巨型工具”在工作区画一个大小为84的正方形,XY轴均为-42如图26
图26 第三步:在第20针处插入关键帧,单击第一帧,在属性“补间”里选择“形状”。
第四步:单击第1针,再选中正方形,设置宽和高为1,X,Y轴为-0.5.如图27
图27 第五步:我们还要在后台把演员的动作统一起来,方法是:单击菜单“插入”,“新建元件”,名称为“faa”,类型为“影片剪辑”。在第一层用巨型工具画一个宽为500,高为400的巨型,X轴-250,Y轴-200,在第20针处插入帧,销上第一层。
新建一个层,从库里将影片剪辑“fa”拖到工作区中来,并把它们摆放如图28样式,并锁上图层,全部完成后,要注意删除图层1,就是巨型图。
图28 第六步: 单击“场景1”进入主场景。
第七步:在小圆层上再新建三个层,分别重命名为“tp4”,“tp3”,“方小”。在“tp4”层第160针处插入空白关键帧,从库里将“tp4”拖到场景中来,并设置X和Y轴为“0”,在第220针处插入帧。锁住该层。
第八步:在“tp3”层第160针处插入空白关键帧,从库里将“tp3” 拖到场景中来,在179帧处插入空白关键帧,锁住该层。
第九步: 在“方小”层第160针处插入关键空白帧,将库里“faa”影片剪辑,拖到场景中来,并在第179帧处插入空白关键帧。
第十步:对着“方小”层单击右键,设置为“遮罩层”。如图29
图29
5.第5张图片圆正转特效
第一步:同图3、4一样,要在后台把圆正转特效演员做好.方法是:单击菜单“插入”,“新建元件”在弹出“创建新元件”对话框“名称”处输入“k”,在“类型”中选择“影片剪辑”。如图30



图30 第二步:在编辑区中选择椭圆工具,画一个600的正圆,并设置X,Y轴为-300 ,如图31
图31 注:在画椭圆时要注意将工具“选项”下面的“对象绘制”和“贴紧至对象”不要点下去,如图32
图32 第三步:用线条工具画一条长为610的线段(线条大于圆),双击线条,打开“对齐”工具,“相对于舞台”要点下去,单击“水平中齐”,“垂直中齐”。如图33
图33 第四步:打开变形工具,设置30度,单击“复制并应用变形”5次,如图34
图34 复制后,把正圆平均分成了12份,如图35 。
图35 第五步:对着其中一份单击右键,选择“复制,如图36
图36 第六步:新建一个层,锁上第一层,在第二层工作区中单击右键,选择“粘贴到当前位置”。如图
图37 第七步:用同样方法把每一份粘到当前位置,然后删除图层1 。
第八步:为了方便下一个图,圆的反转特效,我们要把这个K的影片剪辑于直接复制一份,“K2”的影片剪辑。方法如下,对着库里的“K”影片剪辑单击右键,选择“直接复制”,如图38
图38 在弹出“直接复制元件”名称中输入K2,单击确定。这样库里就多了一个K2影片剪辑,以备下一张图片用,如图39
图39 第九步:双击库里的“K”影片剪辑,进入了编辑区,选中所有层,在20针处插入关键帧,然后按图40,删除关键帧。
图40 第十步:单击“场景1”进入主场景。
第十一步:在“方小”层上面,再新建三个层,并分别命名为“tp4”,“tp5”,“圆正转”。
在“tp4”层,第220帧处插入空白关键帧,从库里将“tp4”拖到场景中来,并设置X,Y轴为“0”,在239帧处插入帧。
在“tp5”层,第220帧处插入空白关键帧,从库里将“tp5”拖到场景中来,并设置X,Y轴为“0”在
280帧处插入帧。
在“圆正转”层,第220帧处插入空白关键帧,从库里将“K”影片剪辑拖到场景中来,设置X为“250”,Y轴为“-125”,在239帧处插入帧。
对着圆正转层单击右键,设置该层为“遮罩层”,完成后如图41
图41
6.第6张图片圆反转特效
第一步:同图3、4一样,要在后台把圆反转特效演员做好.刚才我们在制作圆的正转特效时就直接复制了一个
“K2”的影片剪辑,所以这一步就做起来就很容易了,直接双击库“K2”影片剪辑。就进入编辑区。
第二步:选中所有层,在第20帧处插入关键帧,然后按图42删除部分关键帧。



图42 第三步:单击“场景1”进入主场景。
第四步:在场景1“圆正转”层上再新建三个层,分别重命名为,“tp5”,“tp6”,“圆反转”。
在“tp5”层280帧处插入“空白关键帧”,将库里的“tp5”拖入场景中来,设置X和Y轴为“0”,在299帧处插入帧。锁上这一层。
在 “tp6”层280帧处插入“空白关键帧”,将库里的“tp6”拖入场景中来,设置X和Y轴为“0”,在340帧处插入帧。锁上这一层。
在“圆反转”层第280帧处插入空白关键帧,将库里的“K2”影片剪辑拖到场景中来 删除299帧后面的所有帧,设置X轴为88,Y轴为-125。
对着圆反转层单击右键,设置该层为“遮罩层”,锁上这一层。
6.第7、8张图片波浪特效
第一步:要在后台把这个波浪演员做好,方法如下:
单击菜单“插入”,“新建元件”,在弹出的“创建新元件”对话框“名称”后面输入“pa”,类型为“影片剪辑”。如图43



图43 第二步:用巨型工具在图层一中画一个宽为500,高为400的长方形。设置X轴为-250,Y轴为-200.完成后锁上该层。 如图44
图44 第三步:关闭图层一的眼睛,新建图层二,在图层二中绘制一个宽为960,高为420的长方形,如图45。
图45 第四步:用选择工具,拉成如图46
图46 第五步:用线条工具画出左边的波浪线条,如图47
图47 第六步:全部选中,然后按键盘 Ctrl+G 组合。
第七步:打开图层一的小锁,同时打开眼睛,在图层一第20帧处插入帧。再锁上图层一。
第八步:在图层二第20帧处插入关键帧,单击第一针,在属性“补间”处选择“形状”,
单击第一帧,将波浪拉在右则,如图48
图48 第九步:单击图层2第20帧,将波浪调整如图 49
图49 第十步:删除图层一。
第十一步:单击“场景1”进入主场景。
第十二步:在“圆反转”图层上,再新建三个图层,分别重命名为“tp6”,“tp7”,“波浪左”。
在“tp6”层第340帧处插入空白关键帧,将库里的“tp6”拖到场景中来,并设置XY轴均为“0”在359帧处插入帧,锁上该层。
在“tp7”层第340帧处插入空白关键帧,将库里的“tp7”拖到场景中来,并设置XY轴均为“0”在400帧处插入帧,锁上该层。
在“波浪左”层第340帧处插入空白关键帧,将库里的“pa”影片剪辑拖到场景中来,并设置“X”轴均为“500”,“Y”轴为“-16“,在360帧处插入空白关键帧,锁上该层。完成后如图50
图50 第十三步:在“波浪左”图层上再新建三层,分别命名为“tp7”,“tp8”,“波浪右”。
在“tp7”层第400帧处插入空白关键帧,从库里将 “tp7”拖入主场景,并设置XY轴为“0”,在420帧处插入帧。锁上该层。
在 “tp8”层第400帧处插入空白关键帧,从库里将 “tp8”拖入主场景,并设置XY轴为“0”,在460帧处插入帧。锁上该层。
在 “波浪右”层第400帧处插入空白关键帧,从库里将“pa”影片剪辑拖到场景中来,并进行180度角转换,设置X轴为-1000,Y轴为-16,在420帧处插入空白关键帧,对着“波浪右”层单击右键,设置该层为“遮罩层”,锁上该层。完成后如图51
图51
三、按钮及其它制作
1.播放条制作(简称条)
第一步:单击菜单“插入”,“新元件”,在弹出的“创建新元件”对话框“名称”后面输入“条”,类型为“影片剪辑”。如图52



图52 在工作区用巨型工具画一个宽为420,高为18的无边框长方形。如图53
图53 第二步:打开混色器,选择“线性”左边设置为白色,“Alpha”值设置为40%,如图54
图54 右则设置为全黑,“Alpha”值设置为100%,如图55
图55 单击颜料桷工具,给播放条加上颜色,如图56
图56
2.按钮制作
单击菜单“插入”,“新元件”,在弹出的“创建新元件”对话框“名称”后面输入“按钮”,类型为“按钮”。如图57



图57 在编辑区中“弹起”里用巨型工具画一个宽为36,高为18的长方形,如图58
图58 对着这个长方形单击右键,选择“转换为元件”,名称为“元件一”,类型“图形”。选中这个图形,在属性“颜色”设置“Alpha“值为“0”,分别“指针经过”、“按下”、“点击”插入关键帧。如图59
图59 3.红色指示块制作
单击菜单“插入”,“新元件”,在弹出的“创建新元件”对话框“名称”后面输入“红”,类型为“影片剪辑”。如图60
图60 在图层1中用巨型工具画一个宽为23,高为13的长方形,单击“混色器”左边设置如图61 ,右边设置如图62
图61


图62 用套索工具选择一个角,然后复制,锁上图层一,新建一个图层,将复制的一个角粘到工作区,并用变形工具调整如图63
图63
三、组合


第一步:单击“场景1”进入主场景。
第二步:在“波浪右”图层上面再新建5个图层,分别重命名为“条”、“红”、“白边”、“数字”、“按钮”。
单击“条”层第一针,将“条”影片剪辑拖到场景来,调整好位置,如图64 锁上“条”图层。
单击“红”层第一针,将“红”影片剪辑拖到场景来,暂时放在一边,锁上该图层。
单击“白边”层第一针,选择巨型工具,设置笔触色为白,填充色为无,画一个宽为38,高为18的巨型,并复制七个,删除上下边白色,锁住该图层,完成后如图65
图65 单击“数字”层第一针,选择文本工具,在下面输入数字,完成后锁住该图层。如图66 单击“按钮”层第一针,从库里拖出“按钮”放在数字1处,调整大小和角度,完成后如图67
图67 复制按钮放在数字2、3、...8数字处。
对着第一个按钮单击右键,选择“动作”在动作里输入:
on (release) {
gotoAndPlay(1);
}
对着第二个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(50);
}

对着第三个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(110);
}

对着第四个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(160);
}
对着第五个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(220);
}

对着第六个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(280);
}

对着第七个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(340);
}

对着第八个按钮单击右键,选择“动作”在动作里输入
on (release) {
gotoAndPlay(400);
}


再重新返回到“红”层,解开小锁。
在该层50针处插入关键帧,将红色指示块移到数字2处,调整好位置。
在该层110针处插入关键帧,将红色指示块移到数字3处,调整好位置。
在该层160针处插入关键帧,将红色指示块移到数字4处,调整好位置。
在该层220针处插入关键帧,将红色指示块移到数字5处,调整好位置。
在该层280针处插入关键帧,将红色指示块移到数字6处,调整好位置。
在该层340针处插入关键帧,将红色指示块移到数字7处,调整好位置。
在该层400针处插入关键帧,将红色指示块移到数字8处,调整好位置。 好了,按一下"Ctrl+Enter"测试一下吧!