基础动画-动态遮罩教程-Flash-网页制作

web网页制作,css遮挡动画(让文字慢慢浮现) 话不多说先上图: 阅读详情
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>今天心情不错,天气也不错,有一点风,不大,..................不好意思,跑题了,动态遮罩就是说跟着鼠标走的遮罩,这个好多人做过,不过有的人还是不会,所以特写了一个教程,不太会说话,就看图吧
先看一下效果~~
点击浏览该文件
~~~首先新建一个文件,(废话....)导入图到库中,两个图哦,新建图层,背景层,遮罩层和被遮罩层,还是看图吧`~~ 按此在新窗口浏览图片 接下来,把图的大小和位置确定,两个图大小由你调~~~哪个在上哪个在下也随你,不过最上面的是图层是遮罩层,两个图放在遮罩层的下面,唉呀,忘了说这个,在场景中按^ f8,新建电影剪辑,取名为xiao,在按^ f8,新建图形,用来制作遮罩,我这个是个八角形,你如果不想做,就画个方的或是圆的就行~~~~
按此在新窗口浏览图片 按此在新窗口浏览图片
然后把你做好的图形拖入电影剪辑中(就是那个xiao了),在动作面板中加入
onclipevent (mousemove) {
mouse.hide();
startdrag("_root.xiao", true);//这个是鼠标跟随,当发生鼠标移动时//
}
onclipevent (enterframe) {//设置影片剪辑属性//
_rotation = -10;
}
然后把你做好的电影剪辑拖入主场景中,随便放个什么地方就行,(可不要放的连自己都找不到哦~~~~~),下面还是看图吧,一目了然~~~~~伸个懒腰吧~~~~~~~~~ 按此在新窗口浏览图片 按此在新窗口浏览图片 现在可以^ enter看一下你做出来的了~~~呵呵,怎么样,简单吧~~~,有什么问题请跟贴说明,我会在最快时间里回复你~~~~~ 源文件在此:

点击浏览该文件 如果说错或做错的地方,请高手指出,本人一改正

12种炫酷CSS3鼠标滑过图片遮罩动画特效实战 <span class="tooltip" role="tooltip" id="tip1">在线</span> 阅读详情

相关推荐

打造魅力十足的FLASH登录界面项目指南

本文还有配套的精品资源,点击获取 简介:本项目指南将指导您创建一个使用Adobe Flash技术设计的视觉上吸引人并具有良好交互性的登录界面。Flash是一种广泛应用于创建动态图形和互动内容的技术,非常适合用来增强用户登录体验。项目包含源文件和编译后的展示文件,以及使用说明,使开发者能够将华丽的登录界面集成到自己的网站中。通过本项目,您将能够掌握如何制作具有动画效果和美观视...

weixin_36303305的博客 1062

html遮罩动画怎么停下来,js实现网页DIV遮罩层Loading动画效果

这两天接到任务,做一个简单地a标签点击弹出loading动画,经过个人网上查找资料寻求帮助等,终于解决这个问题,有如下功能,点击a标签弹出遮罩层Loading动画,5s钟自动关闭遮罩层,功能很简单,分享大家啦。感谢最代码对我的帮助.sk-circle .sk-circle4:before {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;...

weixin_35651916的博客 322

flash教程 遮罩动作

flash教程 遮罩动作 第四讲 光影变换字

premiere常见的31种问题解答

1、怎样将素材倒放? 在时间线上右键单击素材,将播放速度设置为 -100% 2、为什么Premiere不能导入JPG格式的图片文件? 安装QuickTime就可以解决问题。 3、用PR预演效果时出现:有一个错误的文件存在,写入文件错误(磁盘是否满了?) 出现了这样一句,这是软件有问题还是什么?请教有办法解吗? 预览前保存项目的时候不要用中文的文件名 4、在PR里...

weixin_34189116的博客 1101

IC芯片验证 - 手把手教你搭建UVM验证环境

这是一个UVM的demo项目

howard789的博客 3万+

STM32控制舵机SG-5010转动,HAL库

首先设置时钟为72Mhz,预分频系数为72-1,自动重装载计数器的值为5000-1,这样的话就可以得到一个5ms的脉冲宽度,5000的计数值可以让舵机的旋转角度变得更加易控且相对精准,计算旋转角度的时候也可以更加精确。所以我们5ms脉宽,period是5000脉宽-------------角度----------pulse0.5ms-------------0度----------500;1.0ms------------45度---------1000;

qq_73783264的博客 1292

【顶】flash教程――目录

【顶】flash教程――目录 2009年09月15日   Flash教程:纯AS代码制作的燃烧的火焰效果   Flash片头加载loading的基础讨论   Flash游戏制作:简单射击游戏教程(Fla源文件)   利用Flash的遮罩制作简单视觉特效   FLASH课件制作常用第三方软件集锦(共10款)   Flash课件制作教程:一个课件片头的源码   镭射激光效果  ...

arz611wr 520

学生党投稿Applied Soft Computing:从导师账号登录到通讯作者设置的全流程解惑

本文详细解析了学生投稿Applied Soft Computing期刊的全流程,重点介绍了导师账号登录、通讯作者设置、作者排序调整以及开放获取费用等关键环节的避坑技巧。针对LaTeX稿件处理和财务选项选择提供了实用建议,帮助学生顺利完成SCI期刊投稿。

weixin_30352191的博客 211

Flash

Flash,是一种动画创作与应用程序开发于一身的创作软件,到2013年1月24日为止最新的零售版本为Adobe Flash Professional CS6(2012年发布)。Adobe Flash Professional CS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序,它们包含丰富的视频、声音、图形

雪雪的博客 5777

C++坦克大战源代码

【代码】C++坦克大战源代码。

强国豪,林中霖 2608

DCM07-诊断服务EcuReset ($11 )的配置和实现

文章目录1 诊断服务EcuReset ($11 )1.1 概述1.2 诊断模式声明组1.3 代码实现1.4 配置参数 传送门 ==>> AutoSAR实战系列300讲「糖果Autosar」总目录 1 诊断服务EcuReset ($11 ) 1.1 概述 该服务实现了 ECU 内的复位功能,协议的具体理论讲解请参考「FlashBootloader03【电控单元复位服务($11)】」。在接收到UDS 服务 0x11 的请求时,DCM 模块应触发 ModeDeclarationGroupPrototy

2063

“高山流水”——《网页设计与制作》课程大作业制作报告

制作说明:使用Photoshop将图片素材1做成只有边框而其他部分透明的png图片,并将素材2和素材3的文字去除,缩小为和画卷框架匹配的图片。效果:首页Flash动画是一幅缓缓拉开的画卷,画卷上根据本网站的结构描绘了一幅山水图,点击图中的相应区块即可进入相应页面,每个链接区块都制作了鼠标悬停效果,点击链接时将收回画卷,然后进入子页面。设计思路:鉴于本网站整体风格带有浓厚的中国画色彩,我们将网站的Logo设计成一个红色的中国印,一方面与页面风格相符,另一方面可作为国画中的落款。

m0_73546099的博客 166

美团mtgsig 1.2算法分析

mtgsig1.2的一些算法总结

记录一些web逆向的过程 3500

网页设计师

 培养目标:网页设计师课程遵循“用户界面感受第一”的基本原则,引导学员在网页的策划设计过程中要设身处地为用户着想,让创意为用户服务,培养学员独立思考、独立创作的良好学习习惯和先进的设计营销理念,培养创新型的网页设计师。课程介绍1、基础课程:网页设计制作的一般流程,风格定位,版面编排,线条和形状,色彩的搭配与运用。2、电

gjpdeyx的专栏 549

【Halcon 】Halcon 实战:如何为 XLD 模板添加极性信息以提升匹配精度?

本文介绍了Halcon中为XLD轮廓模板添加极性信息的实用技巧。通过先以"ignore_local_polarity"模式创建模板,首次匹配获得位置后,使用set_shape_model_metric运算符结合真实图像为模板注入极性信息(边缘明暗方向)。这种方法弥补了XLD模板初始不支持极性的缺陷,可显著提升后续匹配的精度和抗干扰能力。实验显示,添加极性信息后的模板匹配效果明显优于无极性的匹配结果。该技术特别适用于基于手动绘制或处理后的XLD轮廓创建模板的场景。

songhuangong123的博客 750

VisionPro - 基础 - 模板匹配技术-Search/PMAlign/PatMax(6)-纹理屏蔽和重叠匹配

Note:对已经有了,1已经训练好的模板,2一组使能的自由度,3一个待测的实时图片,PatMax 就能模板匹配的给出变化的最佳描述。对一些综合的模板,这三个输入值往往是一起影响最后的变换结果信息。例如,如果我们训练了一个圆形的模板,然后搜索一个角度自由度包括一个圆,那么将会有无限个可能的角度满足要求。这些组合的模板匹配,被官方名为:退化系统,a degenerate system的结果被叫做a degenerate result 退化结果4.2 退化系统例子。

山云的专栏 1533

HTML遮罩层,背景半透明 css 动态加载

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;    &lt;me

ZhaoLonghuiyuan的专栏 1159

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

如何利用遮罩实现动态划过

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:view="com.hnisi.itsm.view.*" heigh

xiaoxin888888的专栏 882

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

Android之实现遮罩动画的小技巧 类似flash遮罩动画

大家都知道flash里遮罩动画这个概念,如图,一个图像

dongrui848的专栏 3974

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

遮罩动画

  遮罩动画(1)      在Flash的作品中,我们常常看到很多眩目神奇的效果,而 其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。   那么,“遮罩”如何能产生这些效果呢? 在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧, 最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。...

Just Code 1865

flash遮罩特效的综合操练(入门级教程)

 关于遮罩的教程很多了,这里结合我的摸索过程及创意给大家尤其是初学者作一简单讲解。 一.原理部分--羽化的美眉效果 flash的遮罩原理在于使用一个图形作为透过光线的区域,当这个图形所在层转为遮罩层时,图形区域下一层的物体可见,而图形区域外的物体不可见。但是再往下一层的物体仍然可见,也就是说,遮罩层只对它下面一层物体起作用。 好,下面就步入正题,介绍一个羽化美眉效果,这在photo...

hgfghww 818

web加载动画遮罩实现,附简易使用代码

Hi,I'm Shendi 目录 效果图 实现思路 使用方法 代码如下 使用到了 jquery 不使用 jQuery 效果图 实现思路 比较简单,一个div,绝对布局,百分百的宽高,里面一个图片居中. 加载的动画图片需要自己设置 使用方法 代码在下方 先在当前页面引入js文件,然后直接使用 loading.show() 来显示加载动画 使用 loading.hide() 来隐藏加载动画 代码如下 使用到了 jquery var loading; $(d...

砷碲 - Shendi 3899
上一篇: 控制影片剪辑【基础】-实例教学-Flash-网页制作
下一篇: 遮罩的妙用-Flash-网页制作
java169
博客等级 码龄18年 27粉丝 2568原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值