此实例实现的是制作一个跳动的文字镜像效果。效果实现主要有两个方面,一是通过延迟不同元件的动画开播时间,实现了文字的先后运动。二是通过对中间帧动画变速调整,实现了跳动的弹性效果。而效果的主要制作步骤也是有两个,一是制作字符模板,二即是制作具体效果。难点在于元件转换、元件替换、中间帧动画调速和简单的播放控制。最终播放效果如图1所示,要实现这一效果,具体制作过程如下

图1 最终效果

一.制作字符模板

1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#FFCCFF)作为背景色。

2.单击或直接按R键从工具箱中选择矩形工具 。将边框色设定为无,填充色设定为#FF99CC,用Rectangle(矩形)工具在舞台上画一个大矩形,盖住舞台的下半部分,效果如图2所示。

图2 在舞台上绘制的矩形

3.单击或直接按T键从

图3 制作的“X”文字模板

4.选中字符“X”,选择“插入/转换为元件”菜单命令或直接按F8,将弹出 “转化为元件”对话框。将“行为”设置为“图形”并在“名称”文本框中为其命名为“char_tpl”,单击确定将字符“X”转化为图形元件“char_tpl”。选中刚转化成图形元件“char_tpl” 的字符X,再次打开“转化为元件”对话框。这一回,将“行为”改为“影片剪辑”,并为其重新命名为“m_char_tpl”,将“图形”元件“char_tpl”转化为“影片剪辑”元件“m_char_tpl。”双击影片剪辑元件“m_char_tpl”的字符X,进入元件编辑模式。选中

图4 设置信息面板

5.选中时间线上的第20帧,选择“插入/关键帧”菜单命令或直接按F6,插入一个关键帧。接着在第40帧处,用同样的操作插入另一个关键帧,如图1-30所示。单击时间线上的第20帧,将“信息”面板上的Y值改为-70,这将使文字X上移70个单位。单击时间线上的第1帧,在“属性”面板上将“补间”动画类型选项改为无能无力渐变,加速方式设为100,即慢慢减速。单击时间线上的第40帧,选择“窗口/动作“菜单命令或直接按F9,打开Actions(动作)面板后,在面板中输入以下程序语句:

gotoAndPlay(_currentframe-40);

此ActionScript脚本使影片剪辑“m_char_tpl”元件重新回到第1帧开始播放。这么做可以使落体运动显得更加真实,同时,_currentframe语句的使用,也减少了后面制作中可能会遇到的阻力,此时影片剪辑“m_char_tpl”的时间轴状态如图5所示:

图5 “m_char_tpl”的

6.回到主场景。将舞台上的X删掉后,这样字符模板就制作完成了。

二.

1.选择“窗口/库”

图6 修改元件中的字符

2.参照第1步,分别复制制作出元件 g_面、g_文和g_字等图形元件,并分别将字符“X”改为相应的“面”、“文”和“字”等字符

3.右击Library(库)中的影片剪辑元件“m_char_tpl”,然后从弹出的快捷菜单中选择“复制”菜单命令,打开“复制元件”对话框。在名称文本框中输入“ m_镜”,单击“确定”按钮复制一个影片剪辑元件双击Library(库)中的元件m_镜,进入元件编辑模式。单击第1帧,选中

图7 “交换元件”对话框

4.选中列表中的元件g_镜,单击OK完成元件的交换。这时候,舞台上的X已经变成了“镜”字。单击第40帧,选中舞台上的X。再次使用交换元件命令,将这个X也换成同样的“镜”字。再单击第1帧,选择“插入/帧”

图8 “g_镜”的时间轴窗口

5.参照第3到第4步,依次作出相应字符的“影片剪辑”元件m_面、m_文和m_字。这三个影片剪辑和第一个m_镜在

图9 “m_面”时间轴窗口

图10 “m_文”时间轴窗口

图11 “m_字”

6.回到主场景。将制作好的元件m_镜、m_面、m_文和m_字等“影片剪辑”拖到

图12 将文字移动到边界

7.下面来做文字的镜像。选中四个字,选择“编辑/复制”

图13 “高级效果”面板

8.接下来只要把做好的镜像移动到边界上就万事OK了,发布电影就可以看见漂亮的镜面文字了,效果如图1-52所示。

图14 将镜像移动到下边界

值得一提的是在最后的文字显示上可能会有碰上一个小问题:一些中文字符在显示时会出现字体粘连的情况。这个毛病在以前的Flash版本中就存在了,很可惜,Flash MX里还是没能甩掉这只臭虫。解决这个问题的办法就是,一、选用其他字体,二、用Ctrl+B,将文字打散成为图形对象。同时大家可能会觉得,本节篇头大费周折

声明:该文章系网友上传分享,此内容仅代表网友个人经验或观点,不代表本网站立场和观点;若未进行原创声明,则表明该文章系转载自互联网;若该文章内容涉嫌侵权,请及时向上学吧网站投诉>>

此实例实现的是制作一个跳动的文字镜像效果。效果实现主要有两个方面,一是通过延迟不同元件的动画开播时间,实现了文字的先后运动。二是通过对中间帧动画变速调整,实现了跳动的弹性效果。而效果的主要制作步骤也是有两个,一是制作字符模板,二即是制作具体效果。难点在于元件转换、元件替换、中间帧动画调速和简单的播放控制。最终播放效果如图1所示,要实现这一效果,具体制作过程如下

图1 最终效果

一.制作字符模板

1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#FFCCFF)作为背景色。

2.单击或直接按R键从工具箱中选择矩形工具 。将边框色设定为无,填充色设定为#FF99CC,用Rectangle(矩形)工具在舞台上画一个大矩形,盖住舞台的下半部分,效果如图2所示。

图2 在舞台上绘制的矩形

3.单击或直接按T键从

图3 制作的“X”文字模板

4.选中字符“X”,选择“插入/转换为元件”菜单命令或直接按F8,将弹出 “转化为元件”对话框。将“行为”设置为“图形”并在“名称”文本框中为其命名为“char_tpl”,单击确定将字符“X”转化为图形元件“char_tpl”。选中刚转化成图形元件“char_tpl” 的字符X,再次打开“转化为元件”对话框。这一回,将“行为”改为“影片剪辑”,并为其重新命名为“m_char_tpl”,将“图形”元件“char_tpl”转化为“影片剪辑”元件“m_char_tpl。”双击影片剪辑元件“m_char_tpl”的字符X,进入元件编辑模式。选中

图4 设置信息面板

5.选中时间线上的第20帧,选择“插入/关键帧”菜单命令或直接按F6,插入一个关键帧。接着在第40帧处,用同样的操作插入另一个关键帧,如图1-30所示。单击时间线上的第20帧,将“信息”面板上的Y值改为-70,这将使文字X上移70个单位。单击时间线上的第1帧,在“属性”面板上将“补间”动画类型选项改为无能无力渐变,加速方式设为100,即慢慢减速。单击时间线上的第40帧,选择“窗口/动作“菜单命令或直接按F9,打开Actions(动作)面板后,在面板中输入以下程序语句:

gotoAndPlay(_currentframe-40);

此ActionScript脚本使影片剪辑“m_char_tpl”元件重新回到第1帧开始播放。这么做可以使落体运动显得更加真实,同时,_currentframe语句的使用,也减少了后面制作中可能会遇到的阻力,此时影片剪辑“m_char_tpl”的时间轴状态如图5所示:

图5 “m_char_tpl”的

6.回到主场景。将舞台上的X删掉后,这样字符模板就制作完成了。

二.

1.选择“窗口/库”

图6 修改元件中的字符

2.参照第1步,分别复制制作出元件 g_面、g_文和g_字等图形元件,并分别将字符“X”改为相应的“面”、“文”和“字”等字符

3.右击Library(库)中的影片剪辑元件“m_char_tpl”,然后从弹出的快捷菜单中选择“复制”菜单命令,打开“复制元件”对话框。在名称文本框中输入“ m_镜”,单击“确定”按钮复制一个影片剪辑元件双击Library(库)中的元件m_镜,进入元件编辑模式。单击第1帧,选中

图7 “交换元件”对话框

4.选中列表中的元件g_镜,单击OK完成元件的交换。这时候,舞台上的X已经变成了“镜”字。单击第40帧,选中舞台上的X。再次使用交换元件命令,将这个X也换成同样的“镜”字。再单击第1帧,选择“插入/帧”

图8 “g_镜”的时间轴窗口

5.参照第3到第4步,依次作出相应字符的“影片剪辑”元件m_面、m_文和m_字。这三个影片剪辑和第一个m_镜在

图9 “m_面”时间轴窗口

图10 “m_文”时间轴窗口

图11 “m_字”

6.回到主场景。将制作好的元件m_镜、m_面、m_文和m_字等“影片剪辑”拖到

图12 将文字移动到边界

7.下面来做文字的镜像。选中四个字,选择“编辑/复制”

图13 “高级效果”面板

8.接下来只要把做好的镜像移动到边界上就万事OK了,发布电影就可以看见漂亮的镜面文字了,效果如图1-52所示。

图14 将镜像移动到下边界

值得一提的是在最后的文字显示上可能会有碰上一个小问题:一些中文字符在显示时会出现字体粘连的情况。这个毛病在以前的Flash版本中就存在了,很可惜,Flash MX里还是没能甩掉这只臭虫。解决这个问题的办法就是,一、选用其他字体,二、用Ctrl+B,将文字打散成为图形对象。同时大家可能会觉得,本节篇头大费周折

声明:该文章系网友上传分享,此内容仅代表网友个人经验或观点,不代表本网站立场和观点;若未进行原创声明,则表明该文章系转载自互联网;若该文章内容涉嫌侵权,请及时向上学吧网站投诉>>

flash图片如何镜像翻转_Flash制作跳动的文字镜像效果相关推荐

  1. dockerfile安装yum_Docker镜像-基于DockerFile制作yum版nginx镜像

    Docker镜像-基于DockerFile制作yum版nginx镜像 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. DockerFile可以说是一种能被Docker程序解释的脚本, ...

  2. 【web前端特效源码】使用 HTMLCSSJavaScript实现各种跳跃浮动慢跑翻转旋转坠落的魔幻文字动画效果~太上头了~/动画效果|前端开发|IT软件开发基础入门教程|网页制作|网站开发定制

    b站视频演示效果: [web前端特效源码]使用 HTML&CSS&JavaScript实现各种跳跃浮动慢跑翻转旋转坠落的魔幻文字动画效果~太上头了~/动画效果|前端开发|IT软件开 效 ...

  3. textarea如何在文字后面_FLASH如何制作风吹文字的效果

    使用动作补间动画可以制作各种各样的动态效果,树叶飘落.蝴蝶飞舞等.这里再使用引导层动画结合动作补间动画制作风吹文字飞起的效果.主要知识点:引导层动画.动作补间动画 FLASH如何制作树叶飘落​jing ...

  4. flash图片如何镜像翻转_flash中怎么制作镜像跳动文字效果 值得收藏

    一般在动画片的开始或者影视等的片头这种效果比较常见,不难但是有点繁琐,所以大家在做的时候需要耐心点,熟练了之后就不觉得了 工具/材料 flash 操作方法 01 首先我们还是分析一下制作的关键点,这次 ...

  5. flash图片如何镜像翻转_FLASH特效与实例-立体层旋转效果.

    这是一个来自 Flashzone 的例子,幸运鸟只作了简单的加工.在这个示例中,同样用到了一些非常简单的 Actions ,而效果却很不错,所以通过它来进一步认 识 Actions 的用法是再好不过了 ...

  6. 【Docker制作镜像】Linux制作以python为基础镜像,融合Flask框架和Redis数据库

    步骤 1.编辑Dockerfile 2.编辑requirements.txt文件 3.编辑app.py文件 4.生成镜像文件 5.使用镜像,启动容器 6.访问容器的web服务 7.启动redis容器 ...

  7. 如何制作ppt模板文字渐变色效果?

    一份好看的ppt模板,包含了很多ppt模板素材,文字,图片,排版设计,我们在ppt模板制作过程中,文字的排版设计很关键,今天ppt家园就来介绍一下渐变色文字的操作方法. 模板入口: https://w ...

  8. Android自拍相机应用——图片的镜像翻转

    Android系统相机在使用前置摄像头拍照的时候,最终会将拍下的画面做镜像翻转,来达到真实的视角效果,但由于Android手机大多将前置摄像头摆在左右两边(iPhone在靠中间的位置,效果会好很多), ...

  9. php图片镜像翻转,利用css动画属性rotate来实现镜像翻转

    要实现镜像翻转,有两种实现方法: 方法一:利用css动画属性rotate旋转来实现 具体代码:.mirrorRotateLevel { transform: rotateY(180deg); /* 水 ...

  10. 镜像css3,利用css动画属性rotate来实现镜像翻转_WEB前端开发

    layui中使用的一些弹出框_WEB前端开发 Layui是一款采用自身模块规范编写的情怀型前端UI框架,本文就来为大家介绍一下layui中使用的一些弹出框,希望对大家有一定的帮助. 要实现镜像翻转,有 ...

最新文章

  1. Retrofit2 multpart多文件上传详解
  2. .Net开发笔记(十九) 创建一个可以可视化设计的对象
  3. Nginx+Tomcat出现session丢失问题
  4. ORACLE物理DG日常管理
  5. Linux设备驱动入门----globalmem字符设备驱动
  6. mysql 与 redis 如何保证数据一致性问题 ?
  7. mysql 查询两张表结构相同的数据库_数据库原理习题(含答案)
  8. python socket thread,python实现socket+threading处理多连接的方法
  9. 关于System.identityHashCode(obj) 与 obj.hashcode()
  10. 使用Beautiful Soup 中遇到的小问题-----只能提取网页上第一页信息
  11. Hyperledger Fabric的工作流程
  12. python内置函数print输出到文件,实现日志记录的功能
  13. 【常见Web应用安全问题】---12、URL redirection
  14. 武汉理工大学刷课,刷在线作业程序,做作业脚本
  15. 手把手教你用ppc手机远程控制电脑(摘自网络)
  16. MATLAB将多个点首尾相连形成封闭图形
  17. 渗透测试-灰鸽子远控木马
  18. linux中expr命令
  19. Python random模块(获取随机数)常用方法和使用例子
  20. Ubuntu 安装uwsgi出错

热门文章

  1. html入门圣思园视频,Java Web学习历程-(基于圣思园视频教程)
  2. 大龄人员跨行程序员的自学之路(序)
  3. 系统发育树操作神器-TreeTools-持续更新
  4. XML学习之做过的实验——实验二
  5. 蓝桥杯真题 日期问题 c++代码实现 小明正在整理一批历史文献。这些历史文献中出现了很多日期。小明知道这些日期都在 1960 年 1 月 1 日至 2059 年 12 月 31 日。
  6. z8350cpu linux,跑分 Intel Z8350小有提升_平板电脑评测-中关村在线
  7. 2023年太原理工大学水利工程考研考情与难度、参考书前辈备考经验
  8. 大华摄像机初始化工具ConfigTool
  9. 【无人机控制】四旋翼飞行器飞行控制系统含Matlab源码
  10. Matlab实现两个矩阵的加法、乘法计算器