论文部分内容阅读
本文介绍的方法不但能制作精美的相册,同样是制作最新潮电子杂志的解决方案。
五一携MM游苏杭,免不了用DC狂拍一通,归来之后MM让我把图片制作成相册,并且要像真正的相册那样具有翻页效果。现在网上有很多电子杂志制作软件,可以制作出翻页效果,但这些软件要么功能单一,要么会加上水印标记……所以我决定使用功能强大且免费的pageflip,有兴趣的朋友,不妨下载pageflip组件(下载地址:http://www.iparigrafika.hu/pageflip/pageflip_v22_source.zip),让我们一起来打造一本精美的旅游相册吧(本文源文件:http://work.newhua.com/cfan/200611/CFpageflip.rar)。
第一步:下载并解压pageflip组件,得到名为pageflip_v22.fla的Flash源文件,启动Flash 8.0并打开这个文件,将它另存为photo.fla。按Ctrl+J键设置文档属性,宽1024px、高768px。执行“文件→发布设置”命令,在显示的对话框中,选择格式下的“flash”和“Windows放映文件”,然后再切换到“Flash”选项,将版本设置为“Flash Player 8”,ActionScript版本为“ActionScript 2.0”,最后单击“确定”按钮。
第二步:按Ctrl+L键打开“库”,双击打开PageElements文件夹,将其下的影片剪辑page1~page16(包括图片)全部删除,保留其他的影片剪辑及声音剪辑,其中,page_templateLEFT是左页面模板,page_templateRIGHT是右页面模板,它们的尺寸是300×400。
第三步:双击打开page_templateLEFT影片,将content层上的蓝色矩形删除,然后绘制一个矩形,单击“属性”按钮,设置宽和高分别为400、600,X和Y都为0。选中shadow/shine层中的影片(pagegrad),单击“属性”按钮,设置宽90、高600、X310、Y0。同样打开page_templateRIGHT进行修改,绘制矩形的属性和page_templateLEFT中一样,shadow/shine层中的影片属性是:宽90、高600、X和Y都为0。右击page_templateLEFT选择“直接复制”,在打开的对话框的名称中输入“page1”,再单击“确定”按钮进入编辑状态,插入新层,在矩形所在区域内制作相册的封面外页(见图1)。
第四步:右击page_templateRIGHT选择“直接复制”,输入page2,在里面制作封面的内页,这样相册的封面就制作完成了。在page1上右击选择“链接”,出现对话框(见图2),选择“为ActionScript导出”和“在第一帧导出”,此时默认标示符为page1。在page2上进行相同操作,标示符为page2。
小提示
★本例中共有18个页面,每个页面上都要加上链接,标示符与其名称相同,这样才可以通过ActionScript将库中的页面加载到舞台上,否则相册播放时将不能显示相应的页面。
第五步:右击page_templateLEFT选择“直接复制”,输入page3,在content层上方插入一个新层picture。按Ctrl+R导入一幅图片,然后右击图片选择“转换成元件”出现对话框,名称为picture1,类型为“影片剪辑”,此时就可以给图片加上滤镜。单击“属性”按钮,将宽设置为358、高为268、X和Y都是20,切换到“滤镜”选项,单击“+”选择“发光”滤镜,再进行设置(见图3)。再次导入图片,将其转换成影片剪辑,名称为picture2,并加上滤镜,该图片与第一幅图片的设置不同之处是Y为280。最后在下面制作一个页码。
第六步:右击page_templateRIGHT选择“直接复制”,输入page4,使用上面的方法导入图片、设置滤镜,并加上页码。使用这种方法制作出所有的页面,所有的奇数页用page_templateLEFT复制制作,所有的偶数页用page_templateRIGHT复制制作。
小提示
★如果想让一个画面对半显示在左右两个页面中,可以使用遮罩功能来实现,比如说:在6页和7页中显示一个完整画面,可以将画面导入到第6页,将其右半面遮罩,再将画面导入到第7页,将其左半面遮罩,这样翻页时就会同时显示被遮罩的半面,从而合并成一个完整的画面。
第七步:单击Scene 1回到主场景中,再单击pages层的第6帧,在舞台上有一个pages影片,这就是翻页效果的核心部分,选中该影片单击“属性”按钮,将其X坐标设置为-288,Y坐标为-380。单击actions层的第4帧,然后单击舞台下方的“动作-帧”按钮打开脚本面板,再单击“自动套用格式”按钮(见图4),此时脚本会自动进行排列,便于我们根据行号对脚本进行修改,将第18行改成“pw = 400;”、第20行改成“ph = 600;”、第160行改成“pages.center._width = 0;”。再将光标移动到第42行后按回车键,然后加入两行代码:
addPage("page17");
addPage("page18");
小提示
★这两行代码的作用是增加新的页面,如果还有其他页面,也是通过addPage语句来增加;如果将代码的第296行修改成“return true;”(原来在第294行),所有的页面都会和封面一样成为硬皮翻页。
★给相册加上按钮翻页功能
有些人不习惯以拖拽的方式翻页,而是更喜欢点击按钮来操作,可通过下面的方式为相册加上浏览按钮。
插入新层buttons,分别按Ctrl+F8键创建六个按钮,然后将它们放置在Button图层第1帧的舞台上,在第35帧处按F5键,单击“属性”按钮,将“上一页”和“下一页”按钮的实例名设置为:pageup、pagedown。最后分别为按钮加上如下Actions脚本(具体脚本代码,可参考本文提供的源文件),从而实现相册的按钮控制翻页功能。
★如果要给相册加上目录功能,可以先制作一个目录页面,然后将单个目录都做成按钮,比如:单击目录跳转到第8页,可在相应按钮上添加脚本:“_root.gotoPage(10,true);”(不含引号)即可。目录功能在电子杂志中尤为常用。
第八步:在所有层的最下面插入一个新层background,导入一幅1024×768的图片作为相册的背景,在第35帧处按F5键,然后单击第1帧,加上如下Actions语句:
_root.pageup._visible = false;
fscommand("fullscreen", "true");
fscommand("trapallkeys", "true");
最后按下Ctrl+回车键测试效果(见图5),用鼠标拖动页面可以翻页,单击按钮也可以直接翻页。测试满意后,执行“文件→发布”命令,在相册的保存文件夹中就会生成两个文件:photo.swf和photo.exe,前者可以应用于网页、幻灯片等,后者是个可执行文件,自带播放器,在没有安装Flash插件的机器上也能播放。
五一携MM游苏杭,免不了用DC狂拍一通,归来之后MM让我把图片制作成相册,并且要像真正的相册那样具有翻页效果。现在网上有很多电子杂志制作软件,可以制作出翻页效果,但这些软件要么功能单一,要么会加上水印标记……所以我决定使用功能强大且免费的pageflip,有兴趣的朋友,不妨下载pageflip组件(下载地址:http://www.iparigrafika.hu/pageflip/pageflip_v22_source.zip),让我们一起来打造一本精美的旅游相册吧(本文源文件:http://work.newhua.com/cfan/200611/CFpageflip.rar)。
第一步:下载并解压pageflip组件,得到名为pageflip_v22.fla的Flash源文件,启动Flash 8.0并打开这个文件,将它另存为photo.fla。按Ctrl+J键设置文档属性,宽1024px、高768px。执行“文件→发布设置”命令,在显示的对话框中,选择格式下的“flash”和“Windows放映文件”,然后再切换到“Flash”选项,将版本设置为“Flash Player 8”,ActionScript版本为“ActionScript 2.0”,最后单击“确定”按钮。
第二步:按Ctrl+L键打开“库”,双击打开PageElements文件夹,将其下的影片剪辑page1~page16(包括图片)全部删除,保留其他的影片剪辑及声音剪辑,其中,page_templateLEFT是左页面模板,page_templateRIGHT是右页面模板,它们的尺寸是300×400。
第三步:双击打开page_templateLEFT影片,将content层上的蓝色矩形删除,然后绘制一个矩形,单击“属性”按钮,设置宽和高分别为400、600,X和Y都为0。选中shadow/shine层中的影片(pagegrad),单击“属性”按钮,设置宽90、高600、X310、Y0。同样打开page_templateRIGHT进行修改,绘制矩形的属性和page_templateLEFT中一样,shadow/shine层中的影片属性是:宽90、高600、X和Y都为0。右击page_templateLEFT选择“直接复制”,在打开的对话框的名称中输入“page1”,再单击“确定”按钮进入编辑状态,插入新层,在矩形所在区域内制作相册的封面外页(见图1)。
第四步:右击page_templateRIGHT选择“直接复制”,输入page2,在里面制作封面的内页,这样相册的封面就制作完成了。在page1上右击选择“链接”,出现对话框(见图2),选择“为ActionScript导出”和“在第一帧导出”,此时默认标示符为page1。在page2上进行相同操作,标示符为page2。
小提示
★本例中共有18个页面,每个页面上都要加上链接,标示符与其名称相同,这样才可以通过ActionScript将库中的页面加载到舞台上,否则相册播放时将不能显示相应的页面。
第五步:右击page_templateLEFT选择“直接复制”,输入page3,在content层上方插入一个新层picture。按Ctrl+R导入一幅图片,然后右击图片选择“转换成元件”出现对话框,名称为picture1,类型为“影片剪辑”,此时就可以给图片加上滤镜。单击“属性”按钮,将宽设置为358、高为268、X和Y都是20,切换到“滤镜”选项,单击“+”选择“发光”滤镜,再进行设置(见图3)。再次导入图片,将其转换成影片剪辑,名称为picture2,并加上滤镜,该图片与第一幅图片的设置不同之处是Y为280。最后在下面制作一个页码。
第六步:右击page_templateRIGHT选择“直接复制”,输入page4,使用上面的方法导入图片、设置滤镜,并加上页码。使用这种方法制作出所有的页面,所有的奇数页用page_templateLEFT复制制作,所有的偶数页用page_templateRIGHT复制制作。
小提示
★如果想让一个画面对半显示在左右两个页面中,可以使用遮罩功能来实现,比如说:在6页和7页中显示一个完整画面,可以将画面导入到第6页,将其右半面遮罩,再将画面导入到第7页,将其左半面遮罩,这样翻页时就会同时显示被遮罩的半面,从而合并成一个完整的画面。
第七步:单击Scene 1回到主场景中,再单击pages层的第6帧,在舞台上有一个pages影片,这就是翻页效果的核心部分,选中该影片单击“属性”按钮,将其X坐标设置为-288,Y坐标为-380。单击actions层的第4帧,然后单击舞台下方的“动作-帧”按钮打开脚本面板,再单击“自动套用格式”按钮(见图4),此时脚本会自动进行排列,便于我们根据行号对脚本进行修改,将第18行改成“pw = 400;”、第20行改成“ph = 600;”、第160行改成“pages.center._width = 0;”。再将光标移动到第42行后按回车键,然后加入两行代码:
addPage("page17");
addPage("page18");
小提示
★这两行代码的作用是增加新的页面,如果还有其他页面,也是通过addPage语句来增加;如果将代码的第296行修改成“return true;”(原来在第294行),所有的页面都会和封面一样成为硬皮翻页。
★给相册加上按钮翻页功能
有些人不习惯以拖拽的方式翻页,而是更喜欢点击按钮来操作,可通过下面的方式为相册加上浏览按钮。
插入新层buttons,分别按Ctrl+F8键创建六个按钮,然后将它们放置在Button图层第1帧的舞台上,在第35帧处按F5键,单击“属性”按钮,将“上一页”和“下一页”按钮的实例名设置为:pageup、pagedown。最后分别为按钮加上如下Actions脚本(具体脚本代码,可参考本文提供的源文件),从而实现相册的按钮控制翻页功能。
★如果要给相册加上目录功能,可以先制作一个目录页面,然后将单个目录都做成按钮,比如:单击目录跳转到第8页,可在相应按钮上添加脚本:“_root.gotoPage(10,true);”(不含引号)即可。目录功能在电子杂志中尤为常用。
第八步:在所有层的最下面插入一个新层background,导入一幅1024×768的图片作为相册的背景,在第35帧处按F5键,然后单击第1帧,加上如下Actions语句:
_root.pageup._visible = false;
fscommand("fullscreen", "true");
fscommand("trapallkeys", "true");
最后按下Ctrl+回车键测试效果(见图5),用鼠标拖动页面可以翻页,单击按钮也可以直接翻页。测试满意后,执行“文件→发布”命令,在相册的保存文件夹中就会生成两个文件:photo.swf和photo.exe,前者可以应用于网页、幻灯片等,后者是个可执行文件,自带播放器,在没有安装Flash插件的机器上也能播放。