Zinemaker电子杂志目录制作教程

雨荷 · 发表于 2010-10-4 14:32

本帖最后由雨荷于 2010-10-5 10:19 编辑

如何制作电子杂志目录，一个行之有效的方法就是，用photoshop制作出一个目录界面，然后导入到flash里面，在上面加上透明按钮。
下面我们就来看一下目录是怎么做成的。
在ps里面制作目录界面，这完全是按照自己的意愿，所以我就不演示了，直接拿青年文摘的来举例吧。

他们做好之后是这样的。就是一个单纯的图片。
我们打开flash8，将图片导入到舞台。记得舞台大小改为750X550，帧频设置为30

将当前图层命名为背景图层，新建图层，命名为按钮1。单击矩形工具，在舞台上画一个矩形，笔触颜色调为无，填充色任意。

在矩形上单击右键，选择“转换为元件”（快捷键是F8，节省了一步操作），在弹出的转换元件对话框里，选择“按钮”

然后单击选中工作区上的按钮，按CTRL+D进行快速复制，我复制了10个，
当然，在青年文摘这个目录里面，10个按钮还不够，你可以随心所欲啊为所欲为啊。

然后将背景图层锁定，单击“按钮1”图层名称，或者单击它的第一帧，这样就可以选中帧里面的所有元件

然后我们右键单击任意一个按钮元件，选择“分散到图层”。

这样我们就将所有的按钮分散到每一个单独的图层了。可能我们会觉得所有的按钮在一个图层里面更加容易编辑，然而这并不是一个值得提倡的方法。在进行更为复杂或者更加多元件的制作工作时，这样的方法思路更为清晰，也不容易出错。只是分散之后，所有的图层名称都变成一样的了，这就要一个个去修改了
好，我们用鼠标左键单击并拖动其中一个按钮，将它拖动到舞台背景图片上的文字标题上方，我们会发现，文字看不见了，没关系，我们在后面再对按钮进行透明度的调整。下面我们将所有按钮都分别添加到文章标题上方。
覆盖完之后，如果你也是使用白色的填充色，你可能会很难发现按钮在哪里。所以在画矩形的时候，选择的颜色最好和舞台上的大部分颜色相异。当然我这样也行，只是需要用选择工具拖出一个框，将他们框选。

好了，我们来对齐一下。依次单击“窗口”“对齐”，或者按组合键CTRL+K，像上图一样框选所有成一条垂直线的按钮，然后在对其窗口，将“相对于舞台”按钮取消，下图的为未取消，再单击一下就是取消。

取消之后，我们单击“左对齐”按钮，即可将选中的按钮向左对齐。

注意，我这里没有添加所有按钮，添加完全之后，是两列按钮，不能一次将两列按钮选中进行左对齐，需要一次一列。否则……
[NextPage]
对其之后，我们左键点击一下非按钮区域，然后双击其中一个按钮进入到按钮内部进行编辑。在点击帧右键插入帧。

然后单击选中按钮，再打开属性选项里面的颜料桶工具。

将颜料桶里面的透明度由100%改为1%，然后回车确定

现在所有的按钮都变成透明的了吧。

如果需要将按钮拉长一点以便遮挡所有的文字标题，我们可以框选所有按钮，选中之后，单击工具栏上的任意变形工具（就在选择工具下方），方才我们选中的所有按钮就会被一个可变形框框住了，只要将变形框边上的黑色小正方形进行拖动即可进行放大。

觉得合适了的话，我们继续下面的工作
切换回选择工具，右键单击按钮，选择“动作”，在里面添加代码。

on (release)
{
_root.gotoPage(14, true);
}
其中，数字14代表在导入zinemaker之后点击这个按钮跳转到第14页。比如第一个标题所对应的页数是第四页，我们就把上面的数字改为4，其他代码不变，打开第一个标题上面的按钮脚本编辑框，直接粘贴进去。其他的类推类推啊
这样，保存好之后导出影片，我们就可以将swf文件添加到zinemaker里面了。（如果你用的是Zinemaker2007，还要把做好的目录swf文件通过模板制作器转换一下才能添加到zinemaker里面）