Flash 文字扭曲的效果
- 格式:doc
- 大小:33.50 KB
- 文档页数:4
1、新建Flash文件,设置属性:宽高根据舞台上的影片剪辑多少设定,我这里为5 50 ×200 ,背景黑色。
图1:2、选文本工具,在舞台上输入一些静态的本文。
根据需要选择字型和字的大小。
颜色选你喜欢的。
图2:3、选菜单=>修改=>分离,把文字打散。
图3:4、单选每一个字,右键单击转换为影片剪辑。
命名根据你的需要,设定注册点为居中。
图4:全部完成后库如图5:5、添加as层,选中第一帧,输入下列代码://Import tweenmaximport gs.*;//Loop through all the letters in the stagefor (var i=0; i < numChildren; i++) {//Get a letter (movie clip) from the stagevar mc:* = getChildAt(i);//Add an MOUSE_OVER listener for the lettermc.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);//Tween the letter to have a white glowTweenMax.to(mc, 0.2 , {glowFilter:{color:0xffffff, alpha:1, blurX:10, blurY:10}}); }//This function is called when the mouse is over an letterfunction mouseOverHandler(e:Event):void {//Save the letter to a local variablevar letter:MovieClip = e.target as MovieClip;//Animate the letter.//We call the function scaleBack() when the tween is finishedTweenMax.to(letter, 0.8 , {scaleX: -1, glowFilter:{color:0xff8800, blurX:20, blurY:2 0}, onComplete: scaleBack, onCompleteParams:[letter]});}//This function is called when a letter’s scaleX is -1function scaleBack(letter:MovieClip):void {//Animate the letter back to original stateTweenMax.to(letter, 0.2 , {scaleX: 1, glowFilter:{color:0xffffff, blurX:10, blurY:1 0}});}6、测试影片。
flash怎么设计⽴体⽂字效果?flash中想要制作⼀个⽴体的⽂字效果,该怎么制作呢?下⾯我们就来看看详细的制作⽅法。
Macromedia Flash 8.0 简体中⽂特别版(附序列号+安装破解教程)
类型:动画制作
⼤⼩:122MB
语⾔:简体中⽂
时间:2017-05-22
查看详情
1、⾸先启动flash8,新建⼀⽂档,设置⼤⼩为600*400,背景颜⾊为⽩⾊,帧频为12fps。
2、选择⽂字⼯具输⼊⽂字内容,并设置字体为Imprint MT Shadow,字号200,设置加粗。
3、选择⽂字执⾏ctrl+b组合键两次将⽂字打散,使⽤墨⽔瓶⼯具设置轮廓颜⾊为蓝⾊。
4、选择选择⼯具,选择⽂字中填充部分,接着按delete键进⾏删除。
5、按住alt键拖拽⽂字复制⼀个,选择⼯具箱⾥执⾏⼯具将相应的部分连接起来。
6、接着选择⼯具箱⾥的油漆桶⼯具,设置⾃⼰喜欢的颜⾊进⾏填充即可,执⾏⽂件-保存命令,将⽂件保存即可。
以上就是flash设计⽴体⽂字的教程,希望⼤家喜欢,请继续关注。
Flash和FW合作旋转文字动画想在Flash中制作文字旋转环绕的效果比较麻烦,我们不仅要设定每一个字母的旋转角度,还要把字母排列成圆形,而利用Fireworks把文字附加到路径上的功能和Flash配合起来制作这样一个动画将轻而易举,大大提高工作效率,其制作方法如下。
1.打开Fireworks软件,点“File→New”,设置好文件的大小及颜色(一般用Transparent),点击“OK”,新建一个Fireworks文件。
.选择工具箱中的文本工具,在绘图区单击,在弹出的 Tex t Editor 文本编辑器中输入文字,并设定文字的字体、字号及颜色,点击“OK”(图1)。
2.在绘图区内任意处单击,去掉文字的选中状态,在工具箱下处,去掉图形的填充色,设边线色为可显示的任意色(我设为红色)。
3.选择工具箱中的圆形工具,按住Shift键同时画一正圆作为路径。
选择指针工具,同时按住Shift键,将文本与圆形路径全部选中。
点击“Text”菜单,在下拉菜单中选择“Attach to Path”(附加到路径),文本即被附加到路径上,如图2。
4.点“File →Export”选项,这时将弹出一个Export对话框,在这个对话框里选择文件类型为Macromedia Flash Swf,给文件起个名字,然后点击保存。
5.保存好后,用Flash做最后的处理。
打开Flash 5.0软件,点“File→New”,然后再选择“File→Import”选项,在Import对话框中选择文件类型为SWF。
6.找到刚才用Fireworks制作并转存为SWF格式的文件,选中这个文件,单击“Open”,选中所有字母,打开“Insert”菜单,在菜单下选择“Convert to Symbol”(转换为符号)选项,在元件属性对话框里设定元件类型为Movie Clip,起名为“文字”单击“OK”,将这些文字做成一个元件。
7.选中动画的第20帧,按F6创建一个关键帧,在第1帧到第20帧之间的任意帧上右击鼠标,在弹出的菜单中选择“Panels”选项,在它的子菜单中选择“Frame”选项,调出“Frame”对话框,在Tweening一栏中选择Motion,在Rotate一栏中选择CW(顺时针)或CCW(逆时针),在Times一栏输入旋转的次数。
flash怎么制作圆形排列的⽂字围绕圆⼼转动的动画?今天我们就来看看flash制作旋转⽂字的动画效果,主要利⽤传统补间动画功能,具体教程如下。
adobe flash cc 2015 中⽂版类型:Flash 类⼤⼩:855MB语⾔:简体中⽂时间:2015-06-19查看详情1、⾸先启动flash8,新建⼀个⽂档,⼤⼩设置为800*600,帧频为24,背景颜⾊为⽩⾊。
2、执⾏⽂件-导⼊-导⼊到库命令,将事先准备好的背景图⽚导⼊到库中,选择⼯具箱⾥的⽂本⼯具。
3、舞台上输⼊⽂字内容“百度经验欢迎您”,设置字体为王羲之书法字体,字号为60,字体颜⾊为⿊⾊。
4、新建图层2,选择⼯具箱⾥的椭圆⼯具,按住shift键绘制⼀个正圆,设置颜⾊为黄⾊,全居中。
5、选择图层1中的⽂字内容,执⾏ctrl+b组合键将⽂字进⾏打散,并将⽂字按照圆形进⾏排列分布。
6、依次选择单个⽂字并将其转换为影⽚剪辑元件,删除图层2,选择所有⽂字内容将其转换为影⽚剪辑元件。
7、双击元件8进⼊编辑区域,在100帧处插⼊关键帧,右键单击从下拉菜单中选择创建传统补件动画。
8、接着返回场景1,新建图层并修改为背景层,放在下⾯,从库中拖拽图⽚到背景层,设置⼤⼩为800*600,全居中。
9、选择图层1元件8右键单击从下拉菜单中选择转换为元件,将其转换为名称为“旋转字的”影⽚剪辑。
10、双击旋转字影⽚剪辑,进⼊编辑区域,新建图层2,复制⼀副影⽚剪辑,分别在50帧处插⼊关键帧。
11、分别在建⽴传统补间动画,并修改属性⾯板旋转为顺时针1次,为了增加效果,旋转任意变形⼯具修改其形状,按ctrl+enter组合键测试动画。
12、执⾏⽂件-导出-导出影⽚命令,输⼊名称,导出类型为gif动态格式,保存在⼀个合适的位置上即可。
以上就是flash制作圆形转动的⽂字效果的教程,除了这种效果我们还有很多关于flash动画的制作⽅法,请继续关注。
1.文字大小变化效果1、打开flash软件,新建一个动画,在“属性”面板设置其宽、高为:500*200,背景色为“黑”、“确定”。
2、在图层1第1帧点:“文件”—“导入”,选择你要导入的背景图片,点“打开”,在第30帧“插入帧”,3、点“插入”—“新建元件”。
名称:填上“文字”,行为“图形”,“确定”。
4、在图层1的第1帧选择“工具栏”的“文本工具”,在“属性“面板选择字体“华文行楷”、字体大小“70”颜色为“红”色。
在编辑区内输入文字。
5、点”窗口”选择“对齐”,调出方式面板,选择“垂直中间分部”和水平中间分部”。
使文字居中。
6、点“场景1”,返回到场景编辑区。
7、锁定图层1,点“插入图层”按钮,插入图层2。
8、在图层2的第1帧按F11键,调出库面板,把“文字”元件拖入舞台,并居中。
9、在图层2的第15帧、第30帧分别插入关键帧。
10、在图层2选择15帧,用“任意变形工具”将文字“我的个人天地”缩小。
11、单击“图层2”三个字,选中全部帧,右键后单击,“创建补间动画”。
动画制作完成。
12、测试影片、保存、导出影片。
2.文字翻转效果1、打开flash软件,新建一个动画,在“属性”面板设置其宽、高为:500*200,背景色为“白”、“确定”。
2、在图层1第1帧点:“文件”—“导入”,选择你要导入的背景图片,点“打开”,在第30帧“插入帧”,3、点“插入”—“新建元件”。
名称:填上“文字”,行为“图形”,“确定”。
4、在图层1的第1帧选择“工具栏”的“文本工具”,在“属性“面板选择字体“华文行楷”、字体大小“70”颜色为“红”色。
在编辑区内输入文字。
5、点”窗口”选择“对齐”,调出方式面板,选择“垂直中间分部”和水平中间分部”。
使文字居中。
6、点“场景1”,返回到场景编辑区。
7、锁定图层1,点“插入图层”按钮,插入图层2。
8、在图层2的第1帧按F11键,调出库面板,把“文字”元件拖入舞台,并居中。
9、在图层2的第15帧、第30帧分别插入关键帧。
Flash 文字扭曲的效果
本例通过使用动态遮罩绑定以及简单的影片剪辑复制来实现文字扭曲的效果。
至于本例的实现原理,示意如图1:
图1 原理示意图
可以试想现在摆在面前的有一叠6张一模一样带字的圆形纸片,然后把倒数第2张并将其外围剪去宽度为整个圆半径1/6的圆环,把倒数第3张剪去2/6大小的圆环,倒数第4张3/6,第5张4/6,第6张5/6。
剪完之后,仍然按照原来的顺序,对齐中心叠好。
这样的一叠纸片就能够用来粗略地实现扭曲效果了。
还不明白?试着转动不同层次的纸片看看。
图1左边的6个instance就可以看作是上面那个场景中所提到的6张纸片,然后instance 2-6上的黑边就可以看作是被剪去的部分。
而图1-76边的那个圆饼就相当于是6张纸片对齐叠好后的样子。
也许各位已经发现了:纸片数量越多,产生的模拟扭曲的效果就越好。
很显然如果只胡两层,其制作示意如图2所示:
图2 单个instance的制作原理
图1-77展示的是单个instance的制作原理:将用来作为遮罩的影片剪辑Mask 和要实现扭曲效果的影片剪辑Text通过Flash MX中的新函数SetMask联系起来。
这个SetMask函数的出现,使得可以在运行时任意指定某个影片剪辑作为遮罩,实现动态遮罩绑定,从而大大简化了以往制作动态遮罩的步骤。
在制作过程中主要用到了最终效果如图3所示,要实现这一效果,其具体制作步骤如下:
图3 最终效果图
1.新建一个电影,在属性面板中设置其尺寸为500pxX400px,选择一种颜色(本例为#FFFFFF)作为背景色。
2.双击时间线上的 Layer 1 ,并将其改为 main ,如图1-79所示。
选择插入/新建元件菜单命令或直接按Ctrl+F8,打开创建新元件对话框。
名称一栏中输入 Text ,并设置其行为为影片剪辑,单击确定按钮新建一个名为 Text 的影片剪辑
3.选择插入/图层菜单命令或直接点击时间线窗口上的图标,新建一个图层。
分别将图层命名为text和background,影片剪辑text的时间轴窗口如图4所示:
图4 影片剪辑text的时间轴窗口
4.选中 background 层,选择文件/导入菜单命令,打开导入对话框。
然后选择一张图片(本例为 apple.jpg )导入到 background 层上作为背景。
如果导入的图片太大,就得使用Transform(变形)工具将其缩小到合适大小。
选择窗口/变形菜单命令或直接按Ctrl+T,打开变形面板,修改面板上的垂直和水平缩放比例至合适的值。
导入后的图片如图5所示:
图5 导入后的图片
5.接下来该是在背景上写字了。
选中 text 层,在工具箱中选取文本工具,然后在舞台上写上 Apple 几个字符,在属性面板中,根据需要将刚才所写的
Apple 的字体、大小、颜色设置妥当,本例中设置字体为 Ruach LET ,颜色为CCFFCC ,文本大小为 60 ,这样,纸片就做好了。
修复一提的是为什么一定要在字的后面加背景呢?这个问题是这样的。
知道,图层就好像透明的玻璃一样,可以透过一层看到下面的一层。
如果这里不使用什么东西做背景的话,那么你写的字就会象剪纸一样有镂空的地方,那么,在下一步进行纸片重叠旋转的时候就会露馅儿了。
所以,字的后面一定得有背景,不管你所用的是图片还是色块。
另外,其实这里并不一定要使用两个图层。
因为文字和图片或者色块都是独立的对象,就算把它们都堆在一起也是不会有影响的(除非你把文字和图片打散)。
但是,请记住,把不同的对象放在不同的层是一个能让你受益匪浅的好习惯。
如果操作系统中没有这样的字体,是看不到如图6的效果的。
学好版面设计的小窍门
1、版面设计中要有理由对齐
2、版面设计中要做些精致的小零件
3、版面设计中的色块运用,往往选取图形中的颜色
4、版面设计中的统一、均衡、韵律
5、版面设计中的视觉导向、视觉中心根据版面中的图形确定
6、版面设计中要有隐形矩形框、隐形对齐线条
7、版面设计中敢于留白,整个版面中要通风,利于让人行走。
8、注意人们看图习惯于从上至下,从走至右。
9、版面中的字体最好少于三种,大小起码要三种,背景颜色最好少于三种。
10、当图片多了就把他们格起来。
11、有的时候可以违反以上所有规矩,要夸张、要疯、字要大的出奇,版面乱成稻草堆,这样也是一种好的版面设计。
12、扎堆是个不错的主意。
13、不要被一眼看穿。
耐看。
20个怎么学好广告图形创意的绝妙方法
1、丰富资料库,压缩资料库为经典资料库,提高自身阅历。
2、善于联想,善于拟人,比喻
3、以另类的眼光看成功的广告,提取优秀广告作品的基本图形创意并做记录。
总结其中思路,及创作方法。
4、对图形有审美能力,不放过具有象征意义、文化意义、积极意义的图形。
并能归类整理。
5、多做移花接木的训练(如库索),能把不同类甚至无法归类的物体进行整体化统一化系统化。
如用班级同学名字创作故事。
6、联想图形不能轻易放弃对大脑的搜索,先从生活经验分类联想如从餐饮用品、起居用品,办公用品、文化用品搜索相关物体进行联想,然后跳跃思维联想一会儿想到了北极的埃斯积木人,一会儿想到七巧板中的董浩叔叔,一会儿又想到了宿舍楼管员他儿子、象征,接着对联想到的物体进行拐弯联想如联想火的图形,可能会先联想到森林大火,但森林大火怎么引起的?画一个人家自助游在大森林落下的白酒瓶。
有经验的人看到森林中枯黄的叶子上躺着一个灌着雨水的白酒瓶,他们会意识到大火的来临。
7、就象李敖说的,他为什么会比人家聪明,他说他善于用故事情节,用图形化的东西来表达文字,表达一个概念。
如,我们做市场调查数据的说明往往用柱状图或饼图来表达是一样道理。
8、多注意观察,特别是细节的问题,看到人家看不到的东西。
9、大家多多交流,以头脑风暴的形式来想图形创意。
多看看同学的作品,取长补短,不要自命清高。
10、关注成功广告或获奖广告的每一个细节,如背景色及制作背景的是手法,版面排版,字体设计,文案与图形的搭配技巧,色彩运用等细节。
11、兴趣提高很重要。
兴趣是学好任何技能的第一老师。
12、多看看有关于美术审美方面的书籍,提高自己的眼界。
让自己的审美尺度保持在最前沿。
13、随时把梦中、路上、马桶上等的突然的灵感记录在手机,或者随身携带的小型笔记本上。
防止灵感流失。
14、学好广告的基础,把自己在QQ上闲聊的时间用来恶补:素描速写、色彩原理、色彩心理,版面设计等非常基础的东西。
15、到设计帝国、CNAD(中国广告网) DOLCN(中国设计在线) 333CN(中国设计之窗) BULEIDEA(蓝色理想) HXSD (火星时代) 等论坛BBS上寻找前辈,通过QQ、MSN、EMAIL等工具,通过各种手段(包括甜蜜的称呼,虔诚的崇拜)结交前
辈。
通过前辈不仅能搜刮到他工作中常用的图形,还能学到他们在社会上打拼的实战经验,以使自己少走弯路。
16、问责常理,用独特的思维、眼光看待这个是世界,人家都认可的东西要无理唱反调,从而发现人家发现不到的图形,创意。
17、多做实际案例,可以先临摹、接着对临摹的东西进行再创作,最后进行完全创新地创作。
18、用商人的眼光、客户的角度、评委的要求对自己作品进行批判批判再批判。
19、爱就一个字,爱上广告,爱上图形创意很重要。