仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 870|回复: 8
打印 上一主题 下一主题

[学习教程] 来谈谈:Flash进门实例:制造传统作风卷帘动画-Flash实例教程

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-15 20:48:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
可以把它存成AS档做为外部连结档案(如定义ActionScript类则必须在写在as文件里,再通过import加入类),以方便共同工作和更进阶的程序修改。
poluoluo中心提醒:本例为Flash鼠绘老手进门系列课程,明天我们来进修传统作风卷帘画的绘制,教程解说的对照具体,合适Flash初学者进修,但愿伴侣们喜好。
本例为Flash鼠绘老手进门系列课程,明天我们来进修传统作风卷帘画的绘制,教程解说的对照具体,合适Flash初学者进修,但愿伴侣们喜好。
做了个帘画,我把做的历程写出来,供初学FLASHR伴侣们交换实习。
先看下效果吧:

1、画帘片:

1.新建一图形元件,名“帘片”,选择“矩形工具”,无笔触,左色标#D0C695,右色标#D9CC97,在舞台上画一扁长矩形,画好后在“属性”中将宽、高设为466*14.9。以下图:






2.把图象缩小到400%,点菜单中的“视图”——标尺,拉出以下图的两根帮助线。



用直线工具,笔触色彩白色,极细,顺着下面那根帮助线,横着在图形上通长画根直线,再用选择工具点一下图形上两根帮助线两头的部分,使其成份离形态,在混色器当选纯色,#A59249,添补。失掉以下图的帘片图形:





把那根红线删失落。


poluoluo中心提醒:本例为Flash鼠绘老手进门系列课程,明天我们来进修传统作风卷帘画的绘制,教程解说的对照具体,合适Flash初学者进修,但愿伴侣们喜好。

3.在图层1下面新建图层2,用直线工具,在属性中设为“实线”,1像素,在混色器当选“笔触”,纯色,D9BA81,通明度70%,在帘片图形上随便的画些线条,作为帘片的纹路。以下图:



4.如今给帘片打孔。先拉出以下图的几根帮助线:



5.在图层2下面新建图层3,选择“椭圆工具”,设添补色:左#333333通明度100%,右#666666通明度60%,把光标放在帘片右边两帮助线的交织点上,同时按住SHIFT和ALT键,画出以下图的圆:




6.用选择工具点一下这个圆,按CTRL+D键,如许就复制出了一样的一个圆,把这个复制出的圆拉到帘片左边两帮助线的交织点上瞄准放好,如许帘片就画好了:




poluoluo中心提醒:本例为Flash鼠绘老手进门系列课程,明天我们来进修传统作风卷帘画的绘制,教程解说的对照具体,合适Flash初学者进修,但愿伴侣们喜好。

2、编竹帘:

1.新建一图形元件,名“帘”,在第1层用矩形工具,无笔触,粉白色添补,在舞台上画一个宽高为550*400的矩形。(这个只是为了能断定舞台的巨细,今后要删失落的)

2.在下面新建图层2,名“帘”,把画好的“帘片”元件拉到帘层的第一帧,翻开对齐面板,相对舞台,居中对齐,上端与背景的上边线对齐,以下图:



3.按住CTRL键,再按D键24下,如许就复制出了24片帘片,共有25片。(申明一下:由于我们设置的舞台高为400,每片的高是14.9,14.9*25=372.9,多出的一些作为清闲,方才好哈。)如今看到的是以下图形:





4.点一下对齐面板中的距离中的“垂直均匀距离”,是否是按我们的请求分列好了啊。




poluoluo中心提醒:本例为Flash鼠绘老手进门系列课程,明天我们来进修传统作风卷帘画的绘制,教程解说的对照具体,合适Flash初学者进修,但愿伴侣们喜好。

5.如今要穿帘线了。在“帘层下面新建一图层,名“线”,把图形缩小到800%,选择矩形工具,无笔触色彩,线性添补,添补色为:左#D7C9AC,右#7D4D57,在两个黑孔之间画出以下图的图形,并用选择工具把线段的高低两端拉成弧形。



6.在复制上面的线段之前,为了包管垂直对齐,先在第1根线的左边拉一垂直的帮助线。用选择工具,点一下第1条线段,便其成份离状,然后按住ALT键,再点住第1条线段,当光标中间呈现小+号时,把鼠标往下拖动,放在第2、3黑孔之间,以下图:



7.用一样的办法,把以下一切的线段放好。如许右边的帘线就穿好了。以下图



8.右键点“线”层的第1帧,——复制帧,在“线”层下面新建一图层,右键点第1帧——粘贴帧。选择“选择工具”,按住SHIFT键,按键盘上的向左偏向键,将复制的线段疾速向左挪动,靠近左边黑孔时,松开SHIFT键,只用偏向键把线段微调到正确的地位。以下图



如今竹帘都做好了。


poluoluo中心提醒:本例为Flash鼠绘老手进门系列课程,明天我们来进修传统作风卷帘画的绘制,教程解说的对照具体,合适Flash初学者进修,但愿伴侣们喜好。

9.在帘上放上图片,先要导进图片,假如是之前本人画的图,就点菜单中的文件——导进——翻开内部库,找到要用的图形元件,间接拉到库时就能够了,如果导进的是位图,最好先在Photoshop中抠好,另存为png格局再导进到库。在‘线’层上面新建一图层,名“图”把库中的图片拉到舞台上得当的地位,并调剂好巨细,以下图



10.如今看起来还不象是画在竹下面的,我们来做个遮罩,在“帘”层下面新建一图层,名“遮罩”。右键点“图”层的第1帧——复制帧,再右键点“遮罩层”的第一帧——粘贴帧,然后在“遮罩层”上点右键——遮罩层。是否是帘片之间的清闲部分的图片就看不到了哈。

删除图层1,如许完全的帘画就做好了。



3、做竹帘收起和放下的动画:

1.新建一影片剪辑元件,一样在第1层的第1帧画出500*400的无边框,粉白色的背景(固然您也能够用其他的背景),名“背景层”。在下面新建一图层,名“帘”。把做好的帘元件拉到舞台上,全居中对齐(即相对舞台程度居中,垂直居中)。在下面新建一图层,名遮罩层,用矩形工具,无笔触,淡黄色添补,为了能透视出上面的图形,先把通明度改成30%,画一个和帘一样巨细的矩形,在属性中设宽高为466*400,(也能够高为480*400,由于宽些更好)全居中对齐。在第60帧拔出关头帧,再回到第1帧,用直线工具按住SHIFT键,沿着最下面第1个帘片的下方,画一横直线,把图形分隔,用选择工具点一下直线上面的图形,成份离状后,按DELETE键删除。把那根直线也删失落。把第1帧和第60帧图形的通明度改回100%。再反省一下第1帧和第60帧的图形都成份离状的时分,点一下1~60中的任一帧,翻开属性面板——补间——外形。如许帘子放下的动画就做好了。

2.再做帘子收起的动画,点本层第1帧,按住SHIFT键再点第60帧,1~60帧都成玄色了,把光标放在玄色下面,右键——复制帧,松开SHIFT键,右键点第100帧——粘贴帧。再按住SHIFT键,点第100帧和第159帧,成玄色后,在下面点右键——翻转帧。





好了,半途而废了,测试保留吧。写了这么多,实践做起来很复杂的,老手们能够实习一下,从中能够学到一些FLASH经常使用的技能的哈。


Flash是一个非常优秀的矢量动画制作软件,它以流式控制技术和矢量技术为核心,制作的动画具有短小精悍的特点,所以被广泛应用于网页动画的设计中,以成为当前网页动画设计最为流行的软件之一。
活着的死人 该用户已被删除
沙发
发表于 2015-1-17 14:28:20 | 只看该作者
Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-26 05:32:47 | 只看该作者
缺点方面~有些技术不能实现,不过FLASH技术在发展在进步,相信在以后FLASH可以取代,大部分的视频编辑软件,视频制作软件。
灵魂腐蚀 该用户已被删除
地板
发表于 2015-2-4 17:58:47 | 只看该作者
flash制作的动画文件比较小,可以在网络上快速传播!
乐观 该用户已被删除
5#
发表于 2015-2-10 05:19:39 | 只看该作者
FLASH的优点~你用眼睛所看到的东西~都能用它来实现~一点不夸张~高楼大厦-花草树木-高山流水-天空白云-阿猫阿狗-一切活的东西都可以容入到FLASH里面
admin 该用户已被删除
6#
发表于 2015-2-28 22:18:13 | 只看该作者
富媒体可应用于各种网络服务中,如网站设计、电子邮件、BANNER、BUTTON、弹出式广告、插播式广告等。  
若天明 该用户已被删除
7#
发表于 2015-3-10 08:55:53 | 只看该作者
Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。
老尸 该用户已被删除
8#
发表于 2015-3-17 06:49:32 | 只看该作者
矢量图形相对于位图的另一个优势是可以随意缩放的能力。这是对动画进程的奖赏,对用户来说也是一个很酷的特征。在Flash之前,Web上没有这种功能。
分手快乐 该用户已被删除
9#
发表于 2015-3-24 01:52:57 | 只看该作者
考虑到实际的效果,这些专业的网站并不会去单纯追求技术本身,广告设计是否FLASH不是目的,关键是获得最好的宣传效果。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-5 22:15

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表