查看完整版本: Photoshop与Flash合作制作模糊渐变动画

Photoshop与Flash合作制作模糊渐变动画

<div id=text><!-- 正文 -->
<P>　　在一些片头动画里我们经常能看到很炫的模糊效果，极具视觉冲击。高质量的模糊效果大多利用Photoshop处理后才导入flash中进行制作。其实，在Flash中也可以利用其脚本功能来实现动态模糊的效果，效果还是不错的。</P>
<P align=center>
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=400 width=500 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME="_cx" VALUE="13229"><PARAM NAME="_cy" VALUE="10583"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="http://www.webjx.com/upfiles/20060911/20060911071210_01.swf"><PARAM NAME="Src" VALUE="http://www.webjx.com/upfiles/20060911/20060911071210_01.swf"><PARAM NAME="WMode" VALUE="Window"><PARAM NAME="Play" VALUE="0"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE=""><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE=""><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0">
<embed src=http://www.webjx.com/upfiles/20060911/20060911071210_01.swf
pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-flash' width=500 height=400></embed></OBJECT></P>
<P>　　首先用Photoshop制作两张图。一张清楚的，一张模糊的（可以用Photoshop的高斯模糊滤镜）。</P>
<P>　　然后把两张图片导入到FLASH中，分别建立三个图层，顺序依次为：清楚的图片（最下面）、模糊的图片（在中间）、最上层为AS。 </P>
<P>　　最重要一点：选中模糊的图片。按下F8将其转换为movieclip，同时在属性面板上将其实例名命名为blurred。</P>
<P>　　在as层上加入如下代码。 </P>
<P class=code>var myColor:Color = new Color(blurred); <BR>var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255}; <BR>myColor.setTransform(white); <BR>setc(); <BR>function setc(){ <BR>　　onEnterFrame = function(){ <BR>　　　　white.rb-=5; <BR>　　　　white.gb-=5; <BR>　　　　white.bb-=5; <BR>　　　　white.ab-=5; <BR>　　 myColor.setTransform(white); <BR>　　}<BR>}</P>
<P>　　按Ctrl＋Enter测试。</P>
</div>

:a15做不来哦。。。
出现这种情况，动画根本不会动
555~~救命哦。。是不是我放代码的地方不正确
AS层到底具体在哪咧。。。
我是直接选中图层三，就直接在下面写代码

不错支持下

[quote]原帖由 [i]我是乐乐啦[/i] 于 2006-9-17 21:05 发表
:a15做不来哦。。。
出现这种情况，动画根本不会动
555~~救命哦。。是不是我放代码的地方不正确
AS层到底具体在哪咧。。。
我是直接选中图层三，就直接在下面写代码 [/quote]

as就是ActionScript的意思，意思是用来专门放代码的层，也就是你第3层，就是图层3

[quote]原帖由 [i]我是乐乐啦[/i] 于 2006-9-17 21:05 发表
:a15做不来哦。。。
出现这种情况，动画根本不会动
555~~救命哦。。是不是我放代码的地方不正确
AS层到底具体在哪咧。。。
我是直接选中图层三，就直接在下面写代码 [/quote]
这是你的代码放错地方了，不要放在影片剪辑上．代码要写在帧上．

学习学习，介绍得8错

[quote]原帖由 [i]爱你不要你[/i] 于 2006-9-14 16:09 发表
<div id=text><!-- 正文 -->
<P>　　在一些片头动画里我们经常能看到很炫的模糊效果，极具视觉冲击。高质量的模糊效果大多利用Photoshop处理后才导入flash中进行制作。其实，在Flash中也可以利 ... [/quote]
你的图片转换为影片剪辑了没有

我的也跟2楼的一样.
不知道为什么?

E...楼主的那段加在as层（也就是最上面的第三层）的代码好像有问题，我把楼主的那个花的实例破解出来那段加入的代码应该是这样的：
function setc()
{
    onEnterFrame = function ()
    {
        white.rb = white.rb - 5;
        white.gb = white.gb - 5;
        white.bb = white.bb - 5;
        white.ab = white.ab - 5;
        myColor.setTransform(white);
    };
} // End of the function
var myColor = new Color(blurred);
var white = {ra: 100, rb: 255, ga: 100, gb: 255, ba: 100, bb: 255, aa: 100, ab: 255};
myColor.setTransform(white);
setc();

大家试试看，把这段代码整个替换楼主的那段，然后再测试就可以看到效果了。
[attach]2071432[/attach]

[[i] 本帖最后由 threebear 于 2010-3-9 16:28 编辑 [/i]]

啊，好难啊，做不出来

按下F8将其转换为movieclip

我按下F8沒任何反應。。。怎麼辦abc::05 abc::05