【flash秀】图片渐隐效果 (129/21358)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: Miss.孫

用户形象图片

我的教程都比较适合新手,写的比较罗嗦,以大家学会为目的,如果不明白的Q我就行!

效果:

http://data.lovemyqq.com/460/200866105317.swf

1.①导入文件。
文件—导入—导入到舞台,导入已经在PS里做好的背景图片(图片需要是PNG格式或GIF格式),然后点窗口下拉菜单,选择【库】【对齐】,(选中前面有勾显示)打开这2个面版。一般软件默认状态下这2个面版是显示的,
②更改文件属性。
打开【库】面版,里面会有一个文件,这就是我们导入的背景图片。双击它,会显示出图片的属性来,我们目的是要查看图片的尺寸,来修改FLASH文件的大小,使其相吻合。如图:




2.修正背景位置。
点击选中舞台上的图片。点击我们刚才打开的【对齐】面版,点下“相对于舞台”“再点“水平中齐”和“垂直中齐”。后面提到的居中对齐都是这么做,但是“相对与舞台”点一次就可以了,后面的居中对齐就不需要再点“相对与舞台”了!



3.挖空。
右键点击图片选折“分离”。然后选择“套锁工具”在下面的选项里面选择魔术棒,点击背景图片需要挖空的部分,点中后会变黑,按Delete删除才可透明这部分。如图:



4.新建元件。
把鼠标移到挖空部分以外图片上,右键点击图片选择“转化为元件”,名字为“背景图”,(名字可以随便起,我只是为了方便讲解)类型为图形。接下来Ctrl+F8继续新建3个元件。分别为“图形”元件命名为“小图片”,“按钮”元件命名为“背景图按钮”,“按钮”元件命名为“小图片按钮”如图:

 




5.新建图层。然后点击回到场景1,把场景的图层1改名字为“背景”,接下来新建3个图层,
分别为“动作”“图片”“按钮”,并按顺序排列,如图:(顺序不能改变)



6.编辑元件。
①双击库里面的“小图片”元件进入编辑界面。把你要遮盖挖空部分的那个小图片导入到舞台居中对齐。



②双击库中的“小图片按纽”,元件进入编辑界面。鼠标右键盘点击“点击”那个位置选择插入关键贞。把“小图片”元件拖入到舞台,居中对齐。点中元件在下面的属性面板里设置其Alpha比值为0。如图:



③同样编辑“背景图按钮”元件,把“背景图”元件托入到舞台中来,步骤和②一样。如图:



7.场景编辑。
①.点击上方的场景回来到场景来。在背景层的第10贞点击下按F5。同时锁定此图层。如图:



②.点击“图片”层的第一贞,把“小图片”元件拖到你需要放的挖空的位置。然后点下第5贞按F6,点击元件,在下面的属性里设置Alpha比值为0,右键点击1—5中一贞“创建补间动画”。如图:




③.接下来在第6贞处右键点击选择插入空白关键贞,把“背景图按钮”拖到舞台中央对齐。并点击元件,一定要选中元件,(注意此时可能被“背景”层遮盖住看不到“背景图按钮”,可以点击背景层上的“小眼睛“将背景图暂时隐藏)
按F9进入动作面板,把此代码粘贴上去

on (rollOver) {play();

}





Miss.孫 (673445513) 于 2008-06-06 10:59:47 对此贴进行了编辑
Miss.孫 (673445513) 于 2008-08-27 21:24:31 对此贴进行了编辑
回到帖子顶部

回帖 引用 1楼[楼主] Miss.孫

用户形象图片

④.点击背景层上的小眼睛使背景图显现,然后在图片层第7贞处插入空白关键贞,再次把“小图片”元件托入到原来的位置,选中元件在下面的属性设置Alpha比值为0。在第10贞处按F6插入关键贞,选中元件在下面的属性设置Alpha比值为100%,右键点击6——10其中一贞” 创建补间动作”。如图:



⑤.接下来是“按钮”层。点击这一层的第一贞,把“小图片按钮”元件拖入到和“小图片”元件一样的位置。选中“小图片按钮“元件,按F9打开动作面板粘贴刚才那个代码
on (rollOver) {play();

}

 




⑥.接着是“动作”层了。点击第1贞,按F9,把这个代码粘贴进去
stop();
在第6贞处按F6,再按F9把上面的代码再粘贴进去。


这样就可以了,按F12测试一下吧!

最后按CRTL+SHIFT+F12导出影片!

回到帖子顶部

回帖 引用 2楼独行公子

用户形象图片



我这是沙发吧!

支持一个!孙斑竹好勤快哟!
回到帖子顶部

回帖 引用 3楼[楼主] Miss.孫

用户形象图片

引用 独行公子 (88020712)在 2008年6月6日 10:54:36的发表:


我这是沙发吧!

支持一个!孙斑竹好勤快哟!


还是叫我文文吧!!

孙斑竹听着有点别扭!

回到帖子顶部

回帖 引用 4楼﹎最の沫夏

用户形象图片

                 
回到帖子顶部

回帖 引用 5楼 ^飘|渺.

用户形象图片





bucuoo !


回到帖子顶部

回帖 引用 6楼 *网络流星

用户形象图片

这教程我收啦!拿回家慢慢看。UP一次!
回到帖子顶部

回帖 引用 7楼╳灬平爺←╃

用户形象图片

文文,支持你!



回到帖子顶部

回帖 引用 8楼彼岸埖

用户形象图片

渐隐,就是透明遮罩吧。不错哦~很详细。
回到帖子顶部

回帖 引用 9楼[楼主] Miss.孫

用户形象图片

引用 彼岸埖 (625855143)在 2008年6月6日 14:44:24的发表:
渐隐,就是透明遮罩吧。不错哦~很详细。

恩!

MS意思差不多了!

回到帖子顶部

回帖 引用 10楼秀气葱头

用户形象图片

文文很厉害呢
回到帖子顶部

回帖 引用 11楼[楼主] Miss.孫

用户形象图片

引用 秀气葱头 (410713199)在 2008年6月6日 16:04:46的发表:
文文很厉害呢

被秀气夸奖很开心呢!!

秀气才很厉害!


 

回到帖子顶部

回帖 引用 12楼扌牽扌 ~~~~

用户形象图片

文文

辛苦了

回到帖子顶部

回帖 引用 13楼独行公子

用户形象图片


叫孙斑竹有啥不好啊

不过你说叫文文就叫文文吧!再UP一次!
回到帖子顶部

回帖 引用 14楼★宇宙※仙女

用户形象图片

写得很详细,支持了
回到帖子顶部

回帖 引用 15楼楓未起花已落

用户形象图片

你好厉害啊,看了你的好多教程了,但是都做的不是太成功,不过好佩服你啊
回到帖子顶部

回帖 引用 16楼[楼主] Miss.孫

用户形象图片

引用 楓未起花已落 (635315293)在 2008年6月7日 22:08:32的发表:
你好厉害啊,看了你的好多教程了,但是都做的不是太成功,不过好佩服你啊

 

不成功吗?
如果有明白的问我就好了!

回到帖子顶部

回帖 引用 17楼 咔咔

用户形象图片

很是实用,很是详细,支持文文
回到帖子顶部

回帖 引用 18楼〆﹏糖糖゛

用户形象图片

很厉害啊,呵呵
又多个人才
回到帖子顶部

回帖 引用 19楼_べ蓉唲!

用户形象图片

呵,,,不错的教程哦,,,支持。。。。
回到帖子顶部

回帖 引用 20楼 漂泊雪

用户形象图片

写的好详细哦~~文文辛苦拉!
回到帖子顶部

回帖 引用 21楼ご綠★城磊子

用户形象图片

我也不知道 啊 完全完全另外我的取得我的我 
回到帖子顶部

回帖 引用 22楼

用户形象图片

我踩!          
我再踩!              
我用力踩!              
我很用力踩!              
我非常用力踩!              
我用尽全力去踩!              
就算鞋子烂也要踩!              
就算腾讯倒闭也要踩!              
就算天塌下来我都要踩!              
要是天真塌下来了继续踩!              
要是地面凹了我不管继续踩!              
要是踩到我脚骨折我也继续踩!              
要是别人见了骂我傻我还是要踩!              
要是****敢过来阻止我就更加要踩!              
要是你看我不爽我没办法还要继续踩!              
要是你觉得感兴趣你也可以过来一起踩!              
踩到地下水喷发造成洪灾损失惨重我也踩!              
踩到国家地震山崩地裂地下水泛滥我还要踩!              
踩到火山喷发太平洋海啸我还要继续往死里踩!              
踩到阎罗王说我制造噪音我刁根烟看看他继续踩!              
踩到日天昏地暗惊天地泣鬼神我不管我还要继续踩!              
踩到刚刚重建好的伊拉克房屋又倒塌了我不管还要踩!              
踩到日本岛所有导弹由于震波影响而突然自爆我还要踩!              
踩到正在坐飞机去日本****的水扁大哥坠机身亡我还要踩!              
踩到在富士山上面的拉登同志被山上滑坡石头砸死我还要踩   
 

回到帖子顶部

回帖 引用 23楼Θ四线三格Θ

用户形象图片

还是没学会  在多看几遍吧!!!
回到帖子顶部

回帖 引用 24楼﹎淚の留戀

用户形象图片

 这教程我也收了...太帅了... 不错不错...哈哈..
回到帖子顶部

回帖 引用 25楼_Уǔ`

用户形象图片

不知道是不是成功了`按F12测试的时候没问题`
在导出的时候出现一个窗口`上面有这么一段文字:       警告:在“发布”或“导出”设置中指定的“导出用于类的帧”(即帧 1)不存在。没有导出用于 ActionScript 2.0 的类或接口的字节代码。

打开了导出的文件`渐隐的那一部分没了`
回到帖子顶部

回帖 引用 26楼[楼主] Miss.孫

用户形象图片

那是怎么回事呢?
不知道现在做好了没??
还是不行你叫我也可以!
回到帖子顶部

回帖 引用 27楼. _.牯惑崽

用户形象图片



我用圆角矩形工具圈出日志的框,紫色下面的原图我想拿来做渐隐效果,怎么样才能拿出日志同样大小的原图啊?
回到帖子顶部

回帖 引用 28楼[楼主] Miss.孫

用户形象图片

截个图呗
你截一个和这紫色框一样大小的图
导入PS看一下图片大小就行了!
回到帖子顶部

回帖 引用 29楼. _.牯惑崽

用户形象图片

截的图不是圆角的,要怎么做啊?
我是新手
回到帖子顶部

回帖 引用 30楼◆吻嘚冭逼眞

用户形象图片

一切为了熄图标


删我回复吧



3Q



一切为了熄图标


删我回复吧



3Q



一切为了熄图标


删我回复吧



3Q



一切为了熄图标


删我回复吧



3Q



一切为了熄图标


删我回复吧



3Q



一切为了熄图标


删我回复吧



3Q



回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]