flash制作翻书效果

一、新建影片剪辑,名为“3D”,第一帧画一个宽200、高150的白色矩形;第10帧选择任意变形工具,同时按住Ctrl和Shift键,用鼠标按住矩形右下角的变形点往上推至中心;然后同时按住Alt和Shift键,用鼠标按住矩形的左侧或右侧住里推,将图形压扁;第11帧插入关键帧,选中图形,使其水平翻转;第21帧复制粘贴第一帧的图形;选择第1帧和第11帧创建形状补间动画;第1帧上写上语句stop()。

二、新建影片剪辑,名为“照片”,每一帧导入一张图片(大小不能小于上面的矩形),第一帧上写上语句

stop()。

三、回到主场景,把帧速调为每秒30帧:
1、第一层拖入“3D”,实例名为“kuang_mc”,添加滤镜效果:发光(2,2,1000%,低,#CCCCCC),投影(2,2,1000%,中,#CCCCCC,45,3);第22帧插入关键帧,延长帧至第42帧。
2、第二层拖入“照片”,实例名为“photos_mc”,第10帧插入关键帧,将其变形宽度变小(不得小于“3D”变形后的大小);第11帧插入关键帧,使其水平翻转;第20帧插入关键帧,使其宽度恢复到原来的宽度;第21帧插入关键帧;第31帧插入关键帧,将其变形宽度变小;第32帧插入关键帧,使其水平翻转;第42帧插入关键帧,使其宽度恢复到原来的宽度。
3、第三层拖入“3D”,实例名为“mask_mc”,第22帧插入关键帧。
4、第四层第1、21帧插入空白关键帧,帧上都写如下代码:

stop();
kuang_mc.stop();
mask_mc.stop();
setTimeout(function () {
kuang_mc.play();
mask_mc.play();
play();
}, 2000);
第11、32帧插入空白关键帧,帧上都写如下代码:

photos_mc.play();

时间: 2024-09-28 18:00:56

flash制作翻书效果的相关文章

Flash MX 2004实例制作视频教程:翻书效果(二)

教程|视频教程 第 5 节:翻书效果二(1) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] ) 下载教程:[下载教程] [源文件下载] 第 6 节:翻书效果二(2) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (必须安装Flash Player 7.0或更高版本的播放器,[官方下载

Flash MX 2004实例制作视频教程:翻书效果

教程|视频教程 第 3 节:翻书效果(1) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (1.54MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] ) 下载教程:[下载教程] 第 4 节:翻书效果(2) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (1.38MB) (必须安装Flash Player 7.0或更高版本的播

ppt制作的翻书效果及教程

今天在网上看到一个好玩的PPT演示效果,那就是具有翻书效果的PPT.看后心动不已,后来经过上网搜索一番,哈,还真的有这样的方法.今天我就来交大家如何制作具有翻书效果的PPT,让你的PPT演示不再枯燥乏味! 首先让我们来看一下只有1页的翻书效果是如何做出来的. 1.自选图形->基本形状->折角形 2.画一格图形对象,大小适中. 3.右击->添加文字->输入文字(如"雨林木风") 4.选中图形对象(鼠标移动到边框上,变成四箭头形状,单击边框) 5.Ctrl + C,

ppt怎样制作翻页效果

  ppt制作翻页效果的方法: 首先我们打开PPT,准备好一个空白的文档 接下来绘制书页,自选图形--星与旗帜--波形,在空白页添加该图形之后,调整它的形状(控制黄色小图标拉到合适的形状).大小(不超过空白页的一半).背景色{米色:255 250 240}.边框{线型:3磅;颜色:橙色},如图: 接下来我们将绘制好的书页复制一份,拉到左边,然后180度旋转,这样我们就完成了序和第一页的绘制,同样的方法,我们将第三页和第四页也绘制好,并设置好叠放次序. 为了美观,我们绘制一下书的中轴线,首先我们在

玩转WPP,用演示文稿做完美翻书效果

在日常wpp演示过程中,用户为了让展示方式变得更加丰富多彩,会加入很多动画效果.其中翻书效果就是其中一个比较好的展示方式,尽管实现方法有很多,原理却大同小异.现介绍一种比较常见的能实现翻书效果的方法. 新建一个空白的wpp文档,选择名为"流光溢彩"的模版,内容板式设为空白.点击"自选图形"右边的下拉框按钮,选择"更多自选图形"命令,打开"自选图形"窗格, 在"基本形状"区域内的单击"折角形&quo

Android自定义控件eBook实现翻书效果实例详解_Android

本文实例讲述了Android自定义控件eBook实现翻书效果的方法.分享给大家供大家参考,具体如下: 效果图: Book.java文件: package com.book; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ImageView; public class Book extend

移动端H5开发 Turn.js实现很棒的翻书效果_javascript技巧

最近CTO给我分配了一个移动端H5开发的任务,主要功能是需要实现翻书效果,我听过主要需求后,当时是呀!!!接下来自己尝试使用 fullPage.js和Swiper来实现翻书效果,结果效果都不是非常的理想,后来想起自己曾经做过PC版的翻书效果,当时使用的是Turn.js ,查过其相关API后,整个人突然豁然开朗呀,使用Turn.js 完全可以解决当前我接手这个项目的所有需求呀.现在将个人的学习总结如下,若有不正确的地方,欢迎读者给与批评指正! Turn.js的官方网址: http://www.tu

js图片翻书效果代码分享_javascript技巧

这是一款基于javascript实现图片翻书效果代码,图片可以从左右两个方向进行切换,用户还可以自定义对应图片的标题与文字说明,是一款非常实用的图片特效源码. 七夕情人节也可以是表白的神器,放一些回忆的照片,还可以永久保存,是不是很有心意,推荐给大家,有需要的小伙伴可以学习学习. 运行效果图: 大家可以先运行一下    -------------------------------------效果运行----------------------------------------- 为大家分享的

JS实现图片翻书效果示例代码_javascript技巧

picture.html 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS实现图片翻书效果</title> <META http-equiv=imag