注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

FLASH制作:酒店的夜晚  

2009-08-01 15:00:49|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

FLASH制作:酒店的夜晚 - liumaodan.1977 - 1977 

 

 

说明:1、本效果我是在一个网友的源文件上看到的,但不是这张图片,(是他的老师给他留的作业题,留下文件,照着文件做作业。只能观看、不能破解。)经过苦思冥想找了一张素材图片制作而成,虽是我的作品。但并不是我的创意,在此,向这位网友表示感谢。

           2、在博客上发表后,有几个博友叫我写出教材,本不想写,太麻烦。元件也多。但一方面为了备忘,另一方面盛情难却,既然答应就要做到。有时间就写点。有十多天了。大概有的博友等不及了。实在抱歉。

          3、教材比较长,有雷同的元件。我只说明了一种,其余的大家自己做吧,希望能理解。有什么事可以给我留言和发消息,

          4、不知大家注意没有,我的效果图中,有的地方还是不完善的。在制作当中,可以发挥你自己的想象力,相信你做的更精彩,好了,往下进行吧。

 

 

素材图:

 

FLASH制作:酒店的夜晚 - liumaodan.1977 - 1977

 

         

效果图:

 

 

制作方法:

首先把图片导入到库中,把场景中的图层1命名为背景层。导入图片,把尺寸改为550*400(与背景同样大小)。打开对齐面板,水平中齐、垂直中齐。

制作元件1

1、新建图层2,取名霓虹1。用直线工具(笔触:2、颜色随意。)把浅黄色的外框勾画出来,见图:(可以将场景放大进行勾画)

新增留言板 - liumaodan.1977 - 1977

新增留言板 - liumaodan.1977 - 1977

选中图层2的第一帧点“修改”、“形状”、“将线条转换为填充”。选中所有线条。将其转换为影片剪辑元件。命名为霓虹1

2、双击线条进入该影片剪辑的编辑区。新建图层2。用矩形工具,笔触无、填充为红色,画一个宽:790,高:480的矩形。(把场景缩小到50%)用直线工具在该矩形分别画若干条竖直线,且直线的两端分别与矩形的两端相对齐。见图:

新增留言板 - liumaodan.1977 - 1977

选中所有的直线(用选择工具,摁住shift建,用鼠标双击矩形外面的线条)。打开对齐面板,把“相对于舞台”关掉,点“水平居中分布”如图:

新增留言板 - liumaodan.1977 - 1977

新增留言板 - liumaodan.1977 - 1977

3、选择 燃料桶 工具,填充色为蓝色,在该矩形上间隔填充。再用键盘上的删除键把线条全部删除。(注意:最左面的线条如果是蓝色,那么最右面的一定要是红色)

新增留言板 - liumaodan.1977 - 1977

4、选中矩形、点右键将其转换为图形元件。命名为:矩形1.把图层2放在图层1的下面,在图层1的120帧插入帧。点击图层2的第一帧,移动矩形、将矩形的最右面与图层1最右面的线条相对齐、且完全覆盖线条,在60帧插入关键帧,把矩形移动到线条的最左面,完全覆盖线条,在第一帧和60帧间创建补间动画。复制第一帧,在120帧粘贴帧,在60帧与120帧间创建补间动画。

 

新增留言板 - liumaodan.1977 - 1977

 

新增留言板 - liumaodan.1977 - 1977

5、新建图层3,把图层1的竖直线选中,剪切。点击图层3的第一帧,点编辑、粘贴到当前位置。

新增留言板 - liumaodan.1977 - 1977

6、新增图层4,在第一帧把库中矩形1的图形元件导入进来,用任意变形工具将其移动90度,(也可用修改、变形、顺时针旋转90度),

新增留言板 - liumaodan.1977 - 1977

 7、将图层4移动到图层3的下面。用任意变形工具拉宽一点。使之能覆盖住整个竖条。点击图层4的第一帧,移动矩形、将矩形的最下面与图层3竖线条的最下面相对齐,且完全覆盖线条,在60帧插入关键帧,将矩形的最上面与图层3竖线条的最上面相对齐,在第一帧和60帧间创建补间动画。复制第一帧,在120帧粘贴帧,在60帧与120帧间创建补间动画。

8.将图层1和图层3设为遮罩层。

新增留言板 - liumaodan.1977 - 1977

(回到场景中测试一下看看效果)

制作元件2

1、回到场景中,把霓虹1图层上锁。制作下图中的原件。

新增留言板 - liumaodan.1977 - 1977

新建图层3,命名为:霓虹2。用线条工具,笔触1、颜色随意,将上图中要制作的元件用直线框选,并用选择工具调整好它的弧度。

新增留言板 - liumaodan.1977 - 1977

用燃料桶工具进行填充任意颜色。再把线条删除。选中填充的框,点右键转换为影片剪辑元件。命名为:霓虹2。双击进入该影片剪辑的编辑区。

2、 右键点击库中矩形1的图形元件,点击“直接复制”改名为矩形2,新建图层2,把矩形2导入进来。把它的宽和高改为400*100。

新增留言板 - liumaodan.1977 - 1977

3、双击“矩形2”元件,进入该元件的编辑区。选择燃料桶工具,填充色为线性,打开混色器、颜色面板,左侧色块设置为白色,不透明度为0%。右侧色块设置为#0000CC,不透明度为100%,对该矩形的蓝色部分进行填充,完工如下

新增留言板 - liumaodan.1977 - 1977

左侧色块设置为白色,不透明度为0%。右侧色块设置为#00FF66,不透明度为100%,用同样的方法对该矩形的红色部分进行填充,

新增留言板 - liumaodan.1977 - 1977

4、回到“霓虹2”影片剪辑的编辑区,将图层2放在图层1的下面,在图层1的60帧插入帧。选中图层2的第一帧,将矩形的最右侧与图层1图形的最右侧相对齐。在60帧插入关键帧,将矩形的最左侧与图层1图形的最左侧相对齐。

新增留言板 - liumaodan.1977 - 1977

在第一帧和60帧间创建补间动画。把图层1设为遮罩层。时间轴如图:(回到场景中测试一下看看效果)

新增留言板 - liumaodan.1977 - 1977

制作元件3.

1、回到场景中,制作下图中的原件。

新增留言板 - liumaodan.1977 - 1977

在场景中新建一图层,命名为:霓虹3。用矩形工具、笔触颜色无,填充色为绿色。在上图中画一矩形,并用选择工具调整好它的位置。使之能把蓝天大酒店的牌匾盖住。(或用线条工具把牌匾框选,填充后取消线条) 

新增留言板 - liumaodan.1977 - 1977

点右键将这个矩形转换为影片剪辑元件。命名为:霓虹3。双击该元件进入编辑区。在第8、16、24、32帧分别插入关键帧,点击第8帧,把颜色填充为红色、16帧为黄色、24帧为蓝色、32帧为粉色、复制第一帧,在40帧粘贴帧。在80帧插入帧。

2.增加图层2。用矩形工具,笔触颜色无,填充色为七彩色,

新增留言板 - liumaodan.1977 - 1977

画一个宽为590、高为125的矩形。并将其转换为图形元件。将图层2移动到图层1的下面(这是为了便于观察),在图层2的第一帧,将该图形元件的右边与图层1的右边相对齐且完全覆盖图层1的图形。

新增留言板 - liumaodan.1977 - 1977

在第20帧和第40帧插入关键帧。选中第20帧,将图形元件移动到左侧,与图层1的左侧相对齐。复制第20帧,在60帧粘贴帧。复制第40帧,在80帧粘贴帧。在第1-20-40-60-80帧间分别创建补间动画。再把图层2移动到图层1的上面。关掉图层2的眼睛。

3、新建图层3,用线条工具、颜色随意,笔触5,把图层1横扁框的四周围上。

新增留言板 - liumaodan.1977 - 1977

点修改、形状、将线条转换为填充。在80帧插入帧。

4、将图层3设为遮罩层。这时时间轴上如下:

新增留言板 - liumaodan.1977 - 1977

制作元件4, (字体元件)

1、回到场景中,新建一图层,名为字体。用文本工具字体、大小随意。颜色为#656401。写上“蓝天大酒店”几个字。将其转换为影片剪辑元件。命名为:字体。双击进入编辑区。在图层1的第一帧用任意变形工具调整好字体的大小及摆放位置。在80帧插入帧。

新增留言板 - liumaodan.1977 - 1977

2、增加图层2,在第一帧用矩形工具,笔触颜色无、填充色任意,画一个宽280、高115的矩形并用任意变形工具调整至与图层1的字体大致相平行。把该矩形移动到第一个字体的左边,不要遮挡住第一个字体。

新增留言板 - liumaodan.1977 - 1977

在第8帧插入关键帧,把第一个字体遮挡,在16帧插入关键帧、遮挡到第二个字体,在24帧插入关键帧遮挡到第三个字体,在32帧插入关键帧,遮挡到四个字体,在第40帧插入关键帧,遮挡到五个字体。至此在40帧上把字体完全遮挡住。在80帧插入帧。 把图层2设为遮罩层。回到场景测试一下效果。

 制作元件5

新增留言板 - liumaodan.1977 - 1977

1、回到场景中,新增一图层。命名为霓虹4。用线条工具将该元件圈住,

新增留言板 - liumaodan.1977 - 1977

新增留言板 - liumaodan.1977 - 1977

填充任何颜色后把线条删除。点右键将其转换为影片剪辑元件。命名为:霓虹4。双击进入编辑区。

2、在20、40、60、80帧各插入关键帧。点击第一帧,使之处于被选中的状态,打开颜色面板,类型为线性,左边为白色色块、不透明度为40%,右面的色块为红色,不透明度为50%。点击第20帧,左面的色块不动(第40、60、80帧亦这样,不再重复),右面的色块颜色改为#0000cc。(以后各关键帧右面的色块不透明度均为50%)点击第40帧,色块颜色改为#ffff00,60帧改为00ffff,80帧改为4769ef,复制第一帧,在第100帧插入关键帧。打开属性面板,在1----100帧分别创建形状补间。

新增留言板 - liumaodan.1977 - 1977

回到场景测试一下效果。

制作元件6。

新增留言板 - liumaodan.1977 - 1977

1、回到场景中,新增一图层。命名为霓虹5。用线条工具框选出一个长方形的矩形框,

新增留言板 - liumaodan.1977 - 1977

填充任意颜色、删除线条后转换为影片剪辑元件。命名为霓虹5。双击进入编辑区。

2、在20、40、60、80帧各插入关键帧。点击第一帧,使之处于被选中的状态,打开颜色面板,类型为线性,左边为白色色块、不透明度为0%(20、40、60、80帧均为白色,0%)。右面色块为红色。透明度为100%(20、40、60、80帧的透明度均如此),用填充工具在矩形内由上向下拉。得出如下图的效果。20帧为粉色,40帧为黄色,60帧为浅蓝色。80帧为绿色。复制第一帧,在第100帧插入关键帧。打开属性面板,在1----100帧分别创建形状补间。回到场景测试一下效果。(这是半成品啊。一会我们在进一步编辑。)

新增留言板 - liumaodan.1977 - 1977

制作其它元件:

新增留言板 - liumaodan.1977 - 1977

注明:效果图中。在元件6和元件9中两个带人的元件我就不做了。大家发挥自己的想象力吧。

制作元件10

1、点插入、新建元件、影片剪辑 取名为探照灯。在图层1的第一帧选择矩形工具,笔触颜色无、填充为任意的15*200的长条矩形。用选择工具调整为下图的形状。

新增留言板 - liumaodan.1977 - 1977

打开颜色、混色器面板,设置为线性,左右侧的色块均为#cccccc,把左侧色块的不透明度设为0%。用燃料桶工具由上向下拉,全部居中对齐。并将其转换为图形元件。命名为探照灯1。双击该图形元件进入编辑区,选中该图形,打开对齐面板,水平中齐、底对齐。

新增留言板 - liumaodan.1977 - 1977

 

2、回到探照灯的影片剪辑中来。添加引导层。在引导层的第一帧用椭圆工具、笔触任意,填充无。划一400*400的正圆。居中对齐。在240帧插入帧。选中图层1的图形元件,水平中齐、底对齐。再用任意变形工具选中该图形。把注册点移动到该元件的底部。

 

新增留言板 - liumaodan.1977 - 1977

然后向右移动一定的角度。在120帧和240帧分别插入关键帧。选中第120帧,用任意变形工具向左拉一对称的角度,在第一帧与240帧之间分别创建补间动画。

新增留言板 - liumaodan.1977 - 1977

4、图层1上锁。在图层1上面新建一图层2,在库中把探照灯1的图形元件拖入到图层2的第一帧。水平中齐、底对齐。再用任意变形工具选中该图形。把注册点移动到该图形的底部。然后向左移动一定的角度。在120帧和240帧分别插入关键帧。选中第120帧,用任意变形工具向右拉一对称的角度,在第一帧与240帧之间分别创建补间动画。

组装场景

现在时间轴上的图层如下:

新增留言板 - liumaodan.1977 - 1977

1、在背景层上增加一图层,命名为天空,并放到最底层。选中背景层的图片,将其打散,(按ctrl+b键)。用套索工具将图片中的天空部分选中。右键点剪切,选中天空图层的第一帧,点编辑、粘贴到当前位置。

新增留言板 - liumaodan.1977 - 1977

2、在天空和背景层中间增加一图层,命名为探照灯。点击探照灯图层的第一帧,从库中把探照灯的影片剪辑元件导入进来。摆放在合适的位置。

新增留言板 - liumaodan.1977 - 1977

3、选中霓虹3的影片剪辑元件,打开属性面板,点滤镜。设置如下:

新增留言板 - liumaodan.1977 - 1977

新增留言板 - liumaodan.1977 - 1977

新增留言板 - liumaodan.1977 - 1977

4、选中字体的影片剪辑元件,滤镜中设置如下:

新增留言板 - liumaodan.1977 - 1977

5、选中霓虹5的影片剪辑,在滤镜中设置如下:

新增留言板 - liumaodan.1977 - 1977

新增留言板 - liumaodan.1977 - 1977

6、元件6、7、8、9、进行同理的设置。就不过多的说明了。

最后完工时间轴如下:(不含元件6--元件9)

新增留言板 - liumaodan.1977 - 1977

 

 

 

 

 

 

  评论这张
 
阅读(1404)| 评论(23)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017