• 高山流水(软翻书相册)——制作相册教程

    点此进入琴子老师空间
    http://file.zcool.cn/community...

    W=950 H=700

    翻书动画制作

    效果示例图 同上

    打开FLASH文档,名称:《软翻书》文档属性大小:950*700其它默认。

    素材准备:

    1、准备N张图片(自定),我用的是65张相片(图片)

    2、准备1张背景图片

    3、以及装饰动画

    新建位图文件夹,将位图全部导入。

    导入之后处理图片的属性如下图


    下一步处理图片:
    把第“1”张相片(图片)拖到舞台 如下图


    画一个350*440的框,点“对齐”面板然后全居中,再“剪切”(剪切的框留着以后备用)
    再把刚才剪切的框“粘贴到当前位子”调好框和需要的图片的位子再在图片的外围 点一下,再点框的外围(框的外围 成麻点状)之后点删除键(DELETE 键)如下图


    右点或点“修改” 将图片转换为元件(所有图片都要这样处理一次编号为
    元件1 2 3 4 5 6 7 8 9 -----------------)如图


    制作“封面” 影片剪辑元件
    同志们我们现在来制作“页”影片剪辑元件
    插入新建元件影片剪辑名为“封面”。
    在图层1上新建六个图层,自下至上分别是:背景、花边、边线、字框、字、动画(图片也行)、6个图层。如图:


    [注:动画我是直接放在背景图层上的你也可加个动画图层 ]
    背景 :如下图

    书室


    花边:可以在字体里面找。之后排成框字形大小为323*400如下图


    2封底的制作:将封面元件复制一个然后右点点编辑将图层名改为如下图

    封面和封底已制作完成现在我们来制作“页”的元件

    1)首先我们把 封面或封底复制一个改为“页1”,然后右点“页1”点编辑,将边线以内的所有字和图片删掉

    把“元件1” 拖入舞台,调整图片的大小刚好在边线的里面2)把“页1”真接复制N张(导入图片的张数)改为“页2 ” “页3”-----------------------N

    3)编辑“页2”点图片图层1帧,再右点图片,点“交换元件”(元件2)如下图

    4)将“页2”以后的影片剪辑(页3 页4-----------N)

    如“页2”一样交换完成(把每张页的元件写上数字如123456789-------------N)方便以后制作。

    制作“翻书”影片剪辑元件

    制作“翻封面”影片剪辑元件

    1)插入影片剪辑元件名为“翻封面”新建8个图层,自下而上分别是:页1、光1、封面、高光2、遮罩1、首页、遮罩2、高光3、高光3遮罩共9个图。如图

    2)页1图层第1帧将库中“页1”影片剪辑元件拖入,左对齐、垂直中齐,x值:0,Y值:-150,延长至60帧,上锁。

    3)光1图层第1帧用矩形工具画一矩形,无笔触,填充为线性。打开颜色面板,中间添加一个色码:从左至右的色码依次为:#010101,Alpha值为5,#F9F9F9,Alpha值为30,#000000,Alpha值为0,矩形大小设为宽 350高440,X值为0,Y值为-150(左对齐、垂直中齐)。设置如下图

    4)封面图层第1帧将“封面”页影片剪辑元件放入,X值为0,Y值为-150(左对齐、垂直中齐) 第29帧插入空白关键帧,图层上锁

    5)高光2图层点高光1图片右键复制,点高光2后点场景右键粘贴到当前位置。第29帧插入空白关键帧,图层上锁

    6) 遮罩1图层第1帧用矩形工具,笔触无,填充色随意,画一矩形宽350高440,X值为0,Y值为-150,右下角用线条划一斜线去掉小角。(第9帖和第10相同)如下图

    (第10帧、第20帧、第28帧插入关键帧,在第10、20帧处用线条工具划一斜线后去掉右下部分及线条如图)


    第28帖同27帖

    7) “页1”图层第一帧将库中“页1”影片剪辑元件拖入,X值为225,Y值为135,打开变形工具把“页1”影片剪辑元件的注册点移到页的右下角,“页1”影片剪辑元件的左下角与“封面”影片剪辑元件的右下角交叉摆放,第10、20、40帧插入关键帧,第10帧移动“页1”影片剪辑元件右下角与“封面”影片剪辑元件的左下角对齐,X值为0,Y值为-90。

    第20帧移动“页1”影片剪辑元件左上角与“封面”影片剪辑元件的右上角对齐,X值为-52.1,Y值为-150,也可打开变形面板,约束打勾,旋转设为77.4。

    第40帧“首页”影片剪辑元件垂直中齐、右对齐,X值为 -120,Y值为0,第60帧延长帧。如图


    下一效果图是第21帧的位子


    8)遮罩2图层打开标尺,在“页”的底部和“页”的左面各拖一标尺线,第1帧用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一正方矩形大小16*16,X值为224,Y值为134。放在封面页的右下角用线条工具斜角对斜角画一直线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角,待鼠标出现小三角符号时向上推。如图


    9) 第10帧插入空白关键帧,用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一矩形大小350*440,X值为0,Y值为-90。用线条工具斜角对斜角画一直线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角,待鼠标出现小三角符号时向上推。如左图

    10) 第20帧插入空白关键帧,用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一矩形大小350*440,X值为 -50,Y值为-145。把矩形左下角移到“封面”页上左下角压在竖标尺与横标尺之间,打开变形工具旋转-12度,调整好位置使矩形覆盖整个“页1”,用黑剪头选择工具放在矩形右下角,待鼠标出现小三角符号时向上推。或用直线工具划线删除。如上右图

    11) 第21帧插入关键帧,用黑剪头选择工具放在矩形上,待鼠标出现小三角符号时,调整矩形,如下左图

    12)第28帧插入关键帧,用黑剪头选择工具放在矩形上,待鼠标出现小三角符号时调整矩形如上中图

    13)第33帧插入关键帧,用黑剪头选择工具放在矩形上,待鼠标出现小三角符号时,调整矩形 如上右图

    14) 第40帧插入空白关键帧,用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一矩形大小368*602,把矩形右下角移到“页2”页上左下角压在竖标尺与横标尺之间,用黑剪头选择工具放在矩形的右上角上,待鼠标出现小三角符号时,调整矩形。第60帧延长帧。如下左图:

    14)高光3图层做法和遮罩2的做法一样,第1 帧、第10帧、第20帧(插入空白关键帧)第21帧、第28帧、第33帧(插入关键帧)、第40帧(插入空白关键帧),第60帧延长帧。不同地方是矩形用线形填充,笔触无,从左至右的色码依次为:#010101,Alpha值为5,#F9F9F9, Alpha值为30,#000000,Alpha值为0

    15)高光3遮罩图层,做法与页1图层基本一样,第一帧用矩形工具,笔触无,画一矩形宽350,高440,X值为

    225,Y值为135,打开变形工具把矩形的注册点移到右下角,矩形的左下角与“封面”影片剪辑元件的右下角交叉摆放,第10、20、40帧插入关键帧,第10帧移动矩形右下角与“页2”影片剪辑元件的左下角对齐,X值为0,Y值为-90。

    第20帧移动矩形左上角与“页2”影片剪辑元件的右上角对齐,X值为-52.1,Y值为-150,也可打开变形面板,约束打勾,旋转设为77.4。

    第40帧矩形垂直中齐、右对齐,X值为-240,Y值为-150,第60 帧延长帧。

    制作“翻页1”影片剪辑元件

    库中直接复制“翻封面”改名为“翻页1”,双击进入编辑场景

    1)增加和调整图层,调整好后如下图:


    图层是自下而上
    2)现在我们开始交换元件:点眼睛全部锁上再点开“页2”(应该是页4)的眼睛和打开锁如下左图

    打开锁后直接右点图片如上右和下图所示 。“页2”(应该是页4)交换完成,眼睛和锁关上。3) 打开“页1”眼睛和锁,点第一帧把库中的“元件1”拖入舞台。右对齐,垂直中齐,眼睛和锁关上。

    4) 打开“页4”眼睛和锁,点第一帧把库中的“元件2”拖入舞台。 左对齐,垂直中齐,眼睛和锁关上

    5)页5图层(复制时是页1)点第1帧、10帧、20帧、40帧,点场景图元件,点右键交换元件换成“页3“,延长帧至60帧。这样“翻页1”影片剪辑元件就完成了。

    制作其它翻页影片剪辑元件,库中直接复制“翻页1” 影片剪辑元件改名为“翻页2”,双击进入编辑,页3图层改为页5同时交换元件,首页图层改为页2同时交换元件,页1图层改为页3同时交换元件,页2图层改为页4图层同时交换元件(只要自己记住不改也可)。只要掌握每图层交换元件时页数间隔1位,如页1交换页3、页2交换页4。

    “翻页2”做好后,真接在库中,右点“翻页2”,再点“直接复制 ” ,改为“翻页3”(如此类推)最好是完成一个翻页元件,再到库中“直接复制”此元件改为下一元件名,不然交换元件时容易出错弄糊涂了。比如:“翻页4”。交换元件如下图

    制作“翻封底”影片剪辑元件,从库中直接复制“翻页N”,双击进入编辑,按上面方法交换元件,所有图层延长到120帧。在最上面的图层(高光3遮罩层)的120帧上插入空白关键帧,点右键进入动作面板添加stop();代码。所有的“翻页”影片剪辑到此完成

    场景组合

    1)进入场景编辑,新建5个图层(我是8个图层增加了边框。文字和文字遮罩层)自下而上分别是:背景、标题、图片层、音乐、按钮、AS共6个图层。如图

    2) 歌曲层:音乐图层第1帧选中导入的音乐,同步:数据流、重复1次。上锁

    3)AS层:点AS图层第一帧,再打开动作面板写入脚本语句:

    stop ();

    _root.fs.stop();

    4)按钮层:自己做按钮亦可或者直接在公用库里找你喜欢的拖入舞台任一位子,调好后点击按钮图片打开动作面板输入语句:

    on (press)

    {

    play ();

    _root.fs.play();

    }

    5)图片层:在此层第一帧从库中 拖入“翻封面”,X值475 ,Y值350。在60帧插入关键帧。在此关键帧中交换“翻页1”再在120帧处插入关键帧,再在此关键帧中交换“翻页2”(如此类推)每个元件是60帧。最后“翻封底”是120帧

    6)把库中准备好的图片(动态)拖入舞台。大小设为舞台宽高 。

    标题图层第1帧用文本工具写上自己喜欢的标题和签名,位子任意。上锁

    保存测试 OK

    忽悠到此 若知后事如何请听我下回分解
    2013/7/13 16:18:42
举报不良信息

 

 大  小