用Flash制作动态放大镜画面效果 (1)

2016-03-18 19:13 6 1 收藏

下面图老师小编要向大家介绍下用Flash制作动态放大镜画面效果 (1),看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - FLASH 】

一、原文件下载

二、建立四个层,如下图所示

详细说明:在该教程中,要想通过下面的AS语句实现预览中的效果,需要设置四处坐标为(www.Tulaoshi.com0,0)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

图1

[1] 200806/13035_2.html'>[2] 200806/13035_3.html'>[3] 200806/13035_4.html'>[4] 200806/13035_2.html'>下一页

(1)分别设置圆、四倍图像在本元件(mask,large)中的X、Y坐标为(0,0)。如图: 

200806/13035.html'>上一页  200806/13035.html'>[1] [2] 200806/13035_3.html'>[3] 200806/13035_4.html'>[4] 200806/13035_3.html'>下一页

(2)将大小两个图片在场景上的位置坐标设定为(0,0),如图:

200806/13035_2.html'>上一页  200806/13035.html'>[1] 200806/13035_2.html'>[2] [3] 200806/13035_4.html'>[4] 200806/13035_4.html'>下一页

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

三、填写AS 

算法讲解:
mask._y=_ymouse-[mask圆的半径]和mask._x=_xmouse-[mask圆的半径]用来实现遮照圆随着鼠标的移动而移动,同时将鼠标指针定位于遮照圆mask的中心点。原理解释如图:

 

如果该圆在元件中的X,Y坐标在圆的中心点上,则不需要减去r,代码修改为:mask._x=_xmouse;mask._y=_ymouse;
large._x=[1-放大倍数]*_xmouse和large._y=[1-放大倍数]*_ymouse用来实现大图片随着鼠标的移动而移动,它的坐标是鼠标坐标的[1-放大倍数]倍。原理如图:




200806/13035_3.html'>上一页  200806/13035.html'>[1] 200806/13035_2.html'>[2] 200806/13035_3.html'>[3] [4] 

来源:http://www.tulaoshi.com/n/20160318/1894971.html

延伸阅读
来源:一起PS吧 作者:不详 放大镜重点是把边框及手柄部分的质感和光感做出来。先做出各部分的图形,然后用设置好的渐变加上初步的质感,再用钢笔等工具勾出高光部分的选区,填充较亮的颜色加强质感。局部可以用图层样式来加强质感。 最终效果 1、新建文档500x500像素,背景白色。建新层,画一个黑色矩形。 2、添加图层样式。 ...
最终效果 1:首先绘制下面图形: 2:继续绘制: 3:设置渐变效果: 4:继续绘制: 5:最后把柄制作出来: 6:设置图层样式: 7:绘制镜面: 8:图层样式: 9:增加立体效果: 10:图层样式: 11:为了更好的效果: ...
实例说明 FLASH有很强的制作二维动画能力,可妙趣横生地创造各种合乎自然规则的动画,并能产生三维的视觉效果。 有关知识 有关产生流畅的多文字动画的重要技巧,运用颜色效果使文字从视野中慢慢消失,将图形水平翻转变形从而使关键动画具有三维效果,使关键帧动画反转,提高工作效率。 操作步骤 步骤1:打开Flash...
标签: FLASH flash教程
主要介绍flash中模拟影片循环特效,及如何衔接MC起、始处的连接以达到循环播放的视觉效果。  最终效果: 前言: 主要介绍flash中模拟影片循环特效,及如何衔接MC起、始处的连接以达到循环播放的视觉效果 [1] 200806/13081_2.html'>[2] 200806/13081_3.html'>[3] 200806/13081_4.html'>[4] ...

经验教程

647

收藏

90
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部