欢迎来到天天文库
浏览记录
ID:15041573
大小:1.14 MB
页数:16页
时间:2018-08-01
《flash实例翻书效果图文教程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、素材准备: 1、准备20张图片,用PS处理成:200*150像素。 2、准备1张背景图片,PS处理成:600*450像素。 3、以及兰花、荷花的动画。 4、字体:毛泽东字体、文鼎CS大隶书繁、方正小篆体。 新建位图文件夹,将位图全部导入。 第一部分:制作“页”影片剪辑元件 1、制作“封面”影片剪辑元件,插入新建元件影片剪辑名为“封面”。 1-1、在图层1上新建六个图层,自下至上分别是:背景、花边、边线、字框、字、动画(图片也行)、遮罩7个图层。如图:图1 1-2、图层1(背景)第
2、1帧用矩形工具,无笔触,画一矩形:240*300,颜色:#333300,全居中。 1-3、新建花边图案影片剪辑,图层第1帧画花边图案,(舞台放大)大小设为10.8*18.5,颜色:#666600,复制多枚排列成236*292如图:图2 1-4、花边图层第1帧把花边图案元件拖入,全居中,点图案打开滤镜面板增加投影效果,模糊设为:0,颜色设为:#999900,距离设为:1,挖空打勾。其它默认。 1-5、边线图层第1帧用矩形工具,笔触设为:2,颜色为:#999966,填充色关闭,画一矩形宽210高
3、260全居中,选中右边线和下边线颜色换成#000000,选中全部边线转为图片元件名为“页边线”。 1-6、字框图层第1帧制作字框大小:205*45,X轴-102,Y轴-106.2。如图:图3 1-7、字图层第1帧用文本工具写上鸟语花香(也可写其它)字体:方正小篆体,大小35。颜色#336600。 1-8、图片图层(动画)第1帧将库中准备好的荷花动画拖入,放在右下角的位置,调整后大小。 1-9、遮罩图层第1帧用矩形工具,笔触禁止,颜色随意,画一矩形宽190高162的遮罩片,放在右下角,遮罩片
4、的右靠近右边线,遮罩片下边靠近下边线。右键遮罩层设为遮罩。这样“封面”影片元剪辑件就完成了,最后效果如图:图4 2、制作“首页”影片剪辑元件,将库中“封面”直接复制改名为“首页”。 2-1、双击进入“首页”编辑场面,自下至上分别是:背景、花边、边线、字、4个图层。删除字框、图片、遮罩图层。 2-2、打开字图层,用“毛体”书写两排诗词。 2-3、打开边线图层,选中右边线和下边线将颜色替换成#999900,选中左边线和上边线将颜色替换成#FFFFFF。将库中兰花图拖入场景,调整后大小、位置。点
5、中第1帧,修改—组合,点图片转换为图片元件名为图片,将边线图层改为图片,最后效果如图:图53、制作“封底”影片剪辑元件,将库中“首页”直接复制改名为“封底”。 3-1、双击进入“封底”编辑场面,自下至上分别是:背景、花边、图片、字、4个图层。在图片层上增加签名图层,在字图层上增加遮片层、遮罩层。最后如下背景、花边、图片、签名、字、遮片、遮罩7个图层。 3-2、签名图层第一帧用文本工具写上自己的名字和制作日期。字体颜色#999900,字体大小20。 3-3、字图层第1帧用文本工具写上谢谢观赏(
6、也可写其它),字体颜色#999900,字体大小35,点第一帧复制帧,点遮罩图层(第7层)第一帧粘贴帧。 3-4、遮片图层第1帧用矩形工具画一矩形,宽50高60,笔触无,线形填充左色标:#FFFFFF,Alpha值为0,中色标:#FFFFFF,Alpha值为100,右色标:#FFFFFF,Alpha值为0,打开变形面板旋转为25度。20帧插入关键帧,第一帧矩形放在字的左边,20帧放在字的右边,回到1帧创建形状补间,所有图层延长到20帧。在遮罩图层右键设为遮罩。最后效果如图:图6 4、制作“页1”
7、影片剪辑元件,将库中“首页”直接复制改名为“页1”。 4-1、双击进入“页1”编辑场面,自下至上分别是:背景、花边、边线、字、4个图层。 4-2、边线图层点第一帧修改—分离,分离两次,点场景释放鼠标,删除兰花图片,将库中准备好的位图拖入全居中。 4-3、字图层点第1帧,选中文字删除,最后用文本工具在边线下部中间位置写上“1”的页码,颜色#999900。如图:图7 接下来制作“页2”“页3”依此类推一直至“页20”,怎样所有的第一部分制作“页”影片剪辑元件就完成了,喜欢的朋友们可以先搜集素材
8、,先把“页”影片剪辑元件完成,待我继续写第二部分“翻书”影片剪辑元件。第二部分:制作“翻书”影片剪辑元件 在制作“翻书”影片剪辑元件前先在库面板建“页”文件夹,将所有“页”影片剪辑元件放入文件夹,以便以后做动画时容易交换元件。 1、制作“翻封面”影片剪辑元件。 1-1、插入影片剪辑元件名为“翻封面”新建8个图层,自下而上分别是:页1、光1、封面、高光2、遮罩1、首页、遮罩2、高光3、高光3遮罩共9个图。如图:图8 1-2、页1图层第1帧将库中“页1”影片剪辑元件拖入,左对齐
此文档下载收益归作者所有