【FLASH教程】 圆角遮罩效果 (13/226)

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

修改 回帖 引用 楼主: 乐乐

用户形象图片

对刚学的可能会觉得这个麻烦了点!其实也不是很麻烦,只是步骤多了点!慢慢的耐心做,一定会做得很漂亮的!

1:新建一个flash文档!
2:点图层1的第一帧,点椭圆工具,笔触无,填充色任意,在舞台里画一个椭圆,点选择工具,再点一下椭圆,在属性里吧宽和高都改为400,点对齐里的垂直中齐,水平中齐,为了方便操作;可以把场景改为50%

;点视图网格,显示网格,再点视图,标尺,根据表格拉出两条标尺线,第一条从上拉到200的地方,第二条从左侧拉出,拉到275的地,再点线条工具,笔触色任意,只要对比明显就醒,填充色无,沿着舞台中的横竖交叉参考线,按着shift各划一条直线,再点选择工具,点圆的右下角的扇面,这个扇面上就会出现小麻点,在这个扇面上鼠标右键转化为元件,,图形,取名为圆角确定,点图层一第一帧,按键盘上的delete删除。把拉出的参考线移回去,再点视图标尺,视图,网格,显示网格,把这些就都取消了,不用了,这时舞台就什么也没有了
3:点插入,点新建元件,影片剪辑,取名为圆角变,确定。点图层一的第一帧,把库里的圆角拖进来,点对齐面板水平中齐,垂直中齐,在属性里把宽和高都改为200,水平中齐,垂直中齐,在30按F6插入关键帧,在60帧按F5也插入帧。
4:再点插入,创建新建元件,影片剪辑,命名为圆角罩确定;再点矩形工具,笔触无,填充色任意,在舞台里画个矩形,再点选择工具,点一下矩形,在属性里宽改为550,高为400,水平中齐,垂直中齐,把场景改为50%;把图层一上锁。
5:加图层二,点图层二的第一帧,把库里的圆角变的影片剪辑拖进来,用方向键把它放在左上角,上边和左边分别和场景的边对齐,再按着键盘上的alt键,按住鼠标的左键复制出一个,复制出来的这个的左边一定要和第一个的中心点对齐,上边和场景的上边对齐,再按着alt键复制一个,方法一样;共六个,铺满整个上边;点一下图层二的第一帧,再按着alt键复制一个,上边和第一行的中心点对齐,左边和场景的边对齐,如果你不能一下对齐的话,可以用键盘上的方向键调整;再按住alt键复制一个,方法一样,铺满整个场景;共4个
6:在图层一上,右键把图层一删除!,图层一是为了能更好的方便排列圆角,做的一个背景,所以遮罩做好了,图层一就不要了。
7:双击库里的圆角变的图标,进入圆角变,点第一帧,在属性里把宽和高都改为1,再点第一帧,鼠标右键创建补间动画,回车测试看是不是有小变大了,是就是好了。
8:为了看效果,我们回到场景,点文件,导入,导入到库,导入两张图片;点第一帧把刚才导入的图片拖进来一张,,点对齐里的匹配宽高,水平中齐,垂直中齐,60帧插入帧!,加图层二,把另外一张图片拖进来,一样匹配宽高,水平中齐,垂直中齐;加图层三,把圆角罩拖进来,左对齐,上对齐;在图层三上右键遮罩层;点控制,测试应影片,看效果!最后点文件,导出影片这三个一定要打钩,确定就行了,再找个网站上传你的flash就行了。

下边是我做的效果,供大家参考
http://podmedia.imhb.cn/uploadpodmedia/2009/6/1/20090601041212_76455.swf



偶了!终于完了,好累了,呼呼去了!
回到帖子顶部

回帖 引用 1楼心靈驿站

用户形象图片

乐乐辛苦了!我很骄傲我是起点的一分子!因为起点有很多乐乐这样的人默默的在奉献自己的爱心!
回到帖子顶部

回帖 引用 2楼 蓝色忧郁

用户形象图片

               乐乐辛苦了    大家努力交作业哦
回到帖子顶部

回帖 引用 3楼月碧雅桃

用户形象图片

乐乐辛苦了,晚上我学这个,我是好学生呢
回到帖子顶部

回帖 引用 4楼深谷幽兰

用户形象图片

乐乐老师不能只顾教学生,更要注意休息。乐乐老师辛苦了!
回到帖子顶部

回帖 引用 5楼深谷幽兰

用户形象图片

p.99081.com/hytldl/圆角遮罩.swf           交作业了,谢谢乐乐老师!
回到帖子顶部

回帖 引用 6楼[楼主] 乐乐

用户形象图片

深谷幽兰做的好快哟!做的不错! 
回到帖子顶部

回帖 引用 7楼宅男

用户形象图片

回到帖子顶部

回帖 引用 8楼/ty天下无双

用户形象图片

             支持,,,我还没开始学FLASH
回到帖子顶部

回帖 引用 9楼秋心

用户形象图片

谢谢乐乐老师,我来交作业了。你要注意休息呀,你辛苦了!
http://podmedia.imhb.cn/uploadpodmedia/2009/6/1/20090601162208_79588.swf
回到帖子顶部

回帖 引用 10楼 灬Sarah 灬

用户形象图片

好了,终于做好了,虽然失败了N次(就是效果不好)改了N次终于发上来了……

乐乐老师、各位前辈请指教了……

http://podmedia.imhb.cn/uploadpodmedia/2009/6/2/20090602213737_29438.swf

 

回到帖子顶部

回帖 引用 11楼╰☆雪ぷ舞~

用户形象图片

http://podmedia.imhb.cn/uploadpodmedia/2009/6/4/20090604191909_40949.swf
终于做好了,交作业,谢谢乐乐老师!
回到帖子顶部

回帖 引用 12楼冰冰凉

用户形象图片

回到帖子顶部

回帖 引用 13楼 薄荷,餹

用户形象图片

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

快速回复进入高级回复

插入图片 选择表情

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

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