返回列表 回复 发帖

2005-2007医疗队宣传媒体制作实录-【杂志篇】

  从2005年开始参与医疗队原创宣传媒体制作,到刚过去的2007年已经3年了,3部短片和杂志的制作投入我许多时间,但一直没有公开制作的过程。一个团队是强调合作精神的,个人的力量在医疗队不断前进发展里已经显得薄弱。今天,我用回忆加些技术点滴讲述这个过程,目的有三个:第一是希望给将来参与的这些宣传的队员有所认识,减少问题提高效率的一个作用,第二再次声言,本人并非真正的电脑高手,我比普通人多的只是时间,还有个要素是“兴趣”,所以我走的路未必正确,也不专业,效率低效果差的问题使我非常希望有人可以一起与我在相互学习、交流中共同发现症结、探索新领域和获得进步。第三是随便记录一下制作的流程,那以后如果有需要的时候,这些就成了我促进回忆的技术备忘本了。本文只做一般流水式叙述,技术细节不会很详尽,如有必要我会另撰技术细则文。   

  一、医疗队年度纪念杂志《灯》

  1、2005年纪念册

  杂志的出现源于骨干郑少玲(lingling)的提议出一册本队年度纪念册,队长吴嘉敏(ko-youki)建议正名为《灯》,含意取自护理事业的创始人和现代护理教育的奠基人弗洛伦斯·南丁格尔女士的精神:“燃烧自己,照亮别人”。

  我接受了封面设计的任务。那年接触Fireworks比较多,因为它长于网络图形的制作,可以位图与矢量同时使用,苗条的容量、快捷的速度,是我比PHOTOSHOP还喜用的图形图像制作工具,至今它成了ADOBE旗下的软件,我仍旧没有改变,还是我用得最多最顺手的东西,也推荐大家学习使用。

  当时还不很熟悉医疗队的我,对志愿者的感觉还不深,设计封面想了我好久,也没什么美术基础,很有一筹莫展的心态。还是慢慢磨出了那简单的构图,左边用了搜回来的南丁格尔持灯图片,标题灯下面有蓝色的火焰传递到我们队的标志,象征“南丁格尔精神薪火相传,医疗队继承其精神”的意思,有点搞笑的是,那蓝色的火焰其实是“烟”,用的是路径+EYE系列的Smoke滤镜,呵呵。整个页面用了浅蓝为背景色,配色尽量不超过4种,那时刚在学配色知识,其他的构图抄袭了普通杂志的样刊版式,因为不专业,所以看来看去总是觉得美中不足,但是又说不出有什么问题。之后有点始料不及的是封面大小跟将印的杂志大小不配合。。。。重新整顿。。。不管怎么样,第一版封面算是完成了。有点遗憾的是这本杂志我好像没有拿到一本。。。


1.jpg

                             fireworks工作界面

  其后开始了杂志电子版和网络版的制作,杂志因为成本问题都是黑白印刷的,封面也只能是黑白,我把封面做成彩色是考虑了即将制作的电子版和网络版本。电子版也就是以前网上一度流行的电子书,那时候宽带网还未算普及,大家喜欢下载一个集合图文并茂软件封装的电子书回来慢慢观看。

  我看电子书教程是常事,但是从未制作过,基于选择最合适软件的原则,我安排了如下的流程:使用搜索引擎搜一下有关电子书的评测文章,还有到大型软件站里面看看最多人下载的电子书制作工具是哪个,这样统计后把评价高和人气旺的软件都下载回来,大概有五六个,另外还找了个稍为专业的软件现在已经忘记名字了,因为那些软件安装后不合适就立即卸载掉,但是还是让我当年用的win2000出了问题,乱上网的结果-病毒很麻烦。

  重装系统后最终选定了电子版目标模式用Ebook Workshop电子书工具,封装为EXE可执行文件,这个格式的好处是无需安装专用阅览器,直接运行就可以观看了,内部为HTML网页结构,这样未封包前的源可以直接放到网站作为网络版,用浏览器阅览,封包后可以直接执行浏览。Ebook Workshop挺好用,自带的样式模板好看数量多,如有特别需要还可以自己制定,不过这个仅是一个打包的软件,打个比方:Ebook Workshop是个做盒子的东西,里面的内容还需要另外用其他工具软件整理——网页大师Dreamweaver登场了。原来杂志排版是用Word的排版,需要转换成html格式才可以合适电子书的要求,但直接从Word导出的效果很糟糕,垃圾代码太多,电子版需要在DW里面重新排版。05纪念册的内容不是太多,结构也比较简单,最花时间的是添加目录的还有眉脚眉头链接的,粗心的关系,校对几次链接还是错,有点晕了,呵呵。
  

 

2.jpg

ebook workshop工作界面
 
 

     

3.jpg

Dreamweaver工作界面


 

 

                                 打包后杂志界面

  05年的纪念册是少玲用word排版的,我们网站里面有,但大家也许一下子找不到,下面列了首版《灯》的网络版和电子版,新人们有兴趣可以回顾一下:


     
          


     05纪念册网络版
         
http://www.gzyld.org.cn/_news/zdjd/spzz/0413AH007.html

          05纪念册电子书版
         
http://www.gzyld.org.cn/_note/gysc/wdzz/04116422007.html


  2、2006年纪念杂志

  从这年开始计划找正式的印刷厂印制医疗队的纪念册,由此需要使用比较专业的排版软件。跟05年不一样的是,我从来未接触过排版软件,即使Word也是很少用到的,文字处理是我电脑认识里面最弱的一项。但是既然负责了就是你的责任了,只能自己想办法。例会里面组长林艳芬(猪鼓励)提出曾经用Adobe Pagemaker做过学校的校报,那就没多考虑采用了这个软件排版,我和猪鼓励分工一半,因没有经验,猪鼓励先草排了我的部分页面。软件年代远,一些bug无法避免,软件稳定性也很差,边摸索边排版耗了许些时间。排版即将结束的时候发生了存盘文件损坏的事件,幸亏新版的InDesign(pagemaker 后继版本)得以修复部分内容,给我一个经验是以后需要多备份一个文件。然而,拿到出版商处询问的结果是:出版方已经不再支持pagemaker排版格式的出版了,只可以使用方正飞腾或者coreldraw重排!全新的软件又是一个考验,给别人排版是可以,但是经费又得花上一大笔,06杂志的所有印制经费都是本队队员自费筹集的,每一分钱都来之不易,还是自己排吧,幸好之前已经排好部分,转移只是时间问题……,在angela帮忙下,最终用方正飞腾出版了06年纪念杂志。


 

Pagemaker工作界面

 

 

                


06杂志印刷版



  封面方面,06新队员里面加入了设计高手曾凡桢(曾不),赋予了杂志封面全新的感觉,专业设计师的功力让杂志添色不少,直至07年的杂志也延用了06版未使用过的封面方案,全部用CorelDRAW设计。

  06年杂志图片由我收集,全杂志还是用黑白风格,图片处理上用了FW+PS协同工作,部分照片用了PS的黑白影印滤镜处理。矢量图没找到合适的路灯图片,唯有用真实相片加工。如印刷版卷首语路灯的图片,原来是只有半截的路灯相片(左下图),去掉背景,使用滤镜后调整对比等,用复制大法复制路灯根部图片调节一下颜色,然后不断粘贴调整到足够的长度,手绘上基座,脚下加上矢量小花,完成。


 
 
路灯原图
 
                               
 
 
路灯最终图



  其余的图片没有矢量的也类似处理,最花功夫的是按摩那批照片十多张图片,相机问题照得效果不大好,去背麻烦一些,通道抠图我不熟练,只能每张用磁力线去扣个大致边缘,然后用选择、橡皮工具细调,柔化边缘,接着放到coreldraw里面画个背景,加上标示。另外今年也使用了部分背景装饰,希望能给杂志更好的效果,我也在不断学习当中摄取经验,可惜杂志印制纸张比较薄,所以背景颜色很淡,有些页面看不清楚,在07版的杂志我注意调节了背景的颜色。



      
 
按摩原图
 
                         
 
 
 

杂志最终用图

 

 

  本期的电子版和网络版技术上没太多变化,仍旧采用Ebook Workshop封装EXE格式,并且加入比较多的本队网站链接,有不同的是排版压力增大,图片多了,文章也有不少增加。下面是两个版本的浏览页面:


          

         




     06纪念册网络版
         
http://www.gzyld.org.cn/_news/zdjd/spzz/0413AR007.html


          06纪念册电子书版
         
http://www.gzyld.org.cn/_note/gysc/wdzz/04116432007.html

 

 

3、2007年纪念杂志

 

 

㈠ 印刷版



  07版本说起来还比较新鲜,刚完成了电子版的制作和发布,相信07年底加入的队员都看过了。总结上次的经验这次用了坊间通用的CD(coreldraw)矢量图形排版软件制作07年度纪念杂志,可信在哪个地方印刷都比较方便。从今年开始觉得电脑吃力了许多,用的是cd 12版,现在看来以杂志的容量说,没1G内存拉不动。这次上网搜寻,发现多了许多地方提供精美的矢量图片,不像往年那么稀罕了,估计近年流行文化带起国内平面设计界发展加快,专业教育方面的力度大了,相关资源也丰富起来,对于义务的媒体创作有丰富的素材是很必要的。

    话说cd软件我也是门外汉,平常矢量图形都喜欢用FW做就够用了,没有美工基础,不会画画,cd对我来说有点大材小用。先有个起步吧,因为对cd排版一点概念都没有,跟之前的方正飞腾也差距是比较大的。每次杂志的稿件字数都不一样,某些文章占页面的容量不多,所以我需要考虑怎么结构才能让文章占的位置比较合适,大量的图片填充、衬托显得必要。参考了若干资料后,看着猪鼓励给的草底,慢慢开始做。首要的几页费了好多时间摸索学习,不懂就上网找资料,这就是我自学的方法。

    目录页,我一直留空到了全部排版完成后再制作,因为文章的数量、版式、页数等都未最后确定,页码应该最后再做,显示器屏宽屏的优点在这里呈现了,双开给了制作宽广的视线,可以用双页同时显示,使对开页的制作更方便点。不过这里要注意一个问题,因为外间小印刷店未必会双页印刷,拿出去印草案前,最好先在页设置那里改成单页模式。


 

CD 双页排版


  排到第七页,原本想过的问题终于出现了:文字框里面输入大量文字后怎么样分开呢,一页总不能全显示不分开吧,之前的排版软件都有分栏功能,但是CD里面我不知道怎么做。问了猪鼓励方法,但是天生蠢钝一时无法理解,上网找资料似乎没有答案,弄了半天没个眉目,到帮助里面猛翻排版的相关资料,总算搞定这玩意了:拉个文本输入框,然后贴进文字,这时候文本框不会自动变大,然后你点下方有个往下的箭头的,会出来一个图标,只要你点其他文本框,或者直接拉动新建文本框,一篇文章就变成两栏了,简单吧。这事肯定把高手给笑死,呵呵。效果如下图,文本框可以是任意的形状,在下次的杂志的版式设计中,我们可以融入更多的意念。到此cd给我印象很深,功能的强大有待继续发现。

   

 

 

cd的分栏效果


  从第七页起开始杂志的文章正文内容,本期开始使用了专业的图形图像软件CD制作,可以进行复杂的图文混排设计达到更佳的版式效果。第七页首篇是鸥(李穗鸥seagull)的网站撰文,我希望找一张海鸥的矢量图作为背景,使用矢量图有两个好处:第一,矢量图可以随意缩放改变大小,不会出现普通JPG图片放大后的边缘锯齿现象;第二,矢量图是可编辑模式的图形格式,它可以根据你的需要,方便地调节颜色、造型还可以随意添加、删除图片的构成部分,对于只能是灰度印刷的杂志来说是必要的。当然矢量图是需要美工人员去事先制作的,我们的杂志基本上都取材于网络上丰富的素材资源。


  对版式有了构思后,下一步,我就开始寻找需要的素材,这是比较花时间的事情,因为你的排版并非只需要一个素材就足够,每个页面不同的要求和设计需要你寻找许多素材以供选择,找素材的难度只在于你对搜索引擎的熟悉、对资源的判断,还有时间。在这里有个问题需要解决的是,素材找到了,但是如果输入到CD中呢?我下面从素材格式开始说明必须的理解。

 

  杂志需要的素材按文件格式划分,有下面几种:

 

  *.CDR、*.AI、*.EPS、*.PSD、*.WMF、*.JPG,除最后一种是大家都熟悉的位图文件格式外,其他都是主流的矢量图格式。

 

  每个文件的格式因为不同的软件公司并不都兼容,兼容的意思是说有部分格式不可以直接用其他软件打开和编辑,需要转换。我处理杂志图片通常使用的四个图形图像编辑软件:

 

  Adobe Photoshop(PS) CS2,Adobe Illustrator(IA) 12,CorelDRAW(CD) 12,Fireworks(FW) 8   后面括号内缩写为软件简称

 

  Photoshop就是所谓的PS,深信大家都不会陌生,这当代最强大的图像编辑工具,不过在杂志的编辑排版里面它只作辅助处理位图,比如人物照片、活动照片等;Illustrator是和PS同属ADOBE公司的矢量图形制作工具,与CorelDRAW地位并立,但是国内使用最多的还是CD,原因是CD运行速度快,功能便捷,Illustrator的强势是背靠ADOBE公司,有着专业技术人员制作数量庞大的现成矢量图形资源,在我杂志应用里面,它很可惜只是作为一个占硬盘空间巨大的文件格式转换器;Fireworks由于处理图片的插件少点,我只用来做辅助工具,用以在同时需要PS和IA的功能时候,我会先试试用FW;CorelDRAW我就不说了,07杂志的重点一直在阐述它。

 

  素材格式在这些软件里面的转换关系,以CD为中心:

 

  CD12可以直接打开*.CDR、*.AI、*.EPS、*.WMF格式的素材,但受版本限制,新版本的AI和EPS文件在CD里面打开可能会出现错误或者无法识别文件现象,出现这个问题可以用IA把AI、EPS文件打开(此时cd12也需要运行中),然后复制里面全部矢量图形,直接粘贴到CD里面,或者导出为低版本的文件,然后再给CD打开。*.JPG可以随意导入到CD;*.PSD有可能是PS分层文件,这样在cd导入只能作为一张位图使用,如果要编辑部分内容,需要用PS打开修改;*.WMF是WORD的矢量图格式,这个兼容性是比较好的,但是资源可能比较旧,最新的矢量素材基本是AI/EPS/CDR为主。

  

  解决了素材格式的问题,需找素材就可以按目标在搜索引擎寻找。寻找目标通常跟杂志主题贴切,比如鸥那个我找了一张海鸥的图片,背景蓝色也代表着我们网站的主色调;服务记录用了许多各异的心形去装饰;静儿(董静雯)的文章寻觅了一张手绘的天使图片等等。在接下来08新杂志我的构想是,希望整体先有个大体的版式设计和素材定位,然后我们按部分配人员去进行资源的搜集,这样节约多点找素材的时间,集中在版式的设计上效率要高些。

  开头我一直郁闷CD不能方便地切割位图,比如我需要一个人物照片,导入后,某些部分是不需要的,要在cd里面剪裁掉好像没找到相关功能,转换到ps处理实在太麻烦,定位也不准确,翻看许多帮助后学会了一个必须用到的功能“图框精确剪裁”。

 

  用24页的制作来说明这个功能的使用:

 


  背景图先调好位置,复制多一张备份一会使用。摆好背景位置,用cd的位图滤镜加上纹理、加上透镜改变期透明度背景效果就做好了。记下背景图片的坐标值一

会使用,接着锁定背景图,以免一会容易误操作。

 

 

                                                   
                               背景图坐标值                   做好的背景图效果
 

 

 

 

  看到版式可见我准备在中间、右边还有下方呈现图片的彩色的局部效果。先把几个矩形画好,然后把刚才备份好的背景图片原图再复制2个,这样彩色的背景原图有3个了,我将使用“图框精确剪裁”功能,局部显示需要的部分。先处理中间的,选中其中一张背景图片,然后选菜单的“效果\图框精确剪裁\放置在容器中”,出现一个大箭头,移动鼠标到矩形上单击左键则完成置入。

 

  置入后,图片的位置未跟背景对齐,需要调节,用右键功能菜单的“编辑内容”进入,选中里面的原图,输入刚才的记录的坐标,对齐了背景图后,右键菜单“结束编辑此级别”完成编辑。按同样方法处理其余2个位置的图片,24页的最终效果出来了。

 

 

 

                                 

         

                 将图片置入                 编辑内容               24页完成

 

 

  与文本框编辑同理的是,图框精确剪裁的容器也可以是任意形状的,效果如文本框,不过把框内填充内容变成图像。自定形状的版式我觉得不宜用得太多,因为页面的主题仍然是文章内容,图片的作用是填充文章的空位,这方面的应用是我需要继续学习的内容。

 

  没系统学习过CD,不知道我使用是不是最佳的方法,目的达到的过程也许更加容易,比如21页的背景矢量图需要暗淡点以免影响前景文章的阅读,那用透镜功能调整个矢量图的透明度就可以了,但是我发现矢量图如果构成比较复杂,透镜功能会无法使用,另外,我希望在这张图保持透明度的情况下再加一个从左到右的渐变效果,实现目的需要这个图形上使用2次透镜的效果,显然功能上不允许这样做,当时,我想到的办法只有把这张复杂的矢量图转换成位图,然后用透镜的透明度调整好,再次转换成位图,使用透镜的渐变功能达到最后效果,这样做效果是达到了,但矢量图的已经变成位图,无法再调节透明度、渐变度还有矢量图形的形状,需要调整只能再次导入源图生成位图。直至到杂志即将结束制作的时候,我才发现了问题可以有其他解决办法:很简单,只需要画两个可以覆盖背景图的矩形,以黑色或者白色填充放置在矢量图上方,然后用透镜分别在两张图上边进行透明、渐变处理,那么我就能拥有全部的编辑可能,随时改变我需要的效果了。

 

                                                  
 

 

  我在杂志的关键的部分技术问题已经得到解决后,制作过程比较顺利,需要的只有时间,可是接下来发生的问题始料不及,首先是样稿的打印。样稿是给各位校对内文和排版错误的人员使用的,因为经验问题,输出费了点周章,我另外用了截图方式给校对人员打印。校对花费的时间太多,由于稿件未有先期校对,后期校对发现非常多内文的错误,修改用了不少时间,影响到年度典礼的筹备。最大的障碍是杂志CD版本给出版商后,版面太满不符合出版商的要求,时间已经来不及转换,唯有给钱出版商请专业人士转移到方正飞腾上。问题来自跟出版商沟通还有排版相关认识不足,最后出来的版本还是存在比较明显的错误,这是我责任范围的事情,归纳本次出版的错误,08排版应注意调整。

 

总结如下:

 

1、cd版式的需要把所有美术字体转为曲线,内文最好使用标准字体,这样可以避免对方没有你使用的字库,以致替换其他字体影响原来编排好的样式。

 

2、需要输出为cd9的格式,许多印刷的地方仍使用旧版的cd9,新版会无法打开。

 

3、双页编辑模式最好转成单页的,不然页面印制时候会以双页印刷,增加样稿成本。

 

4、双页用素材,比如22、23页背景图,需要分割为单页安置。

 

5、应该在征集稿件后统一进行第一次校对,样稿出来后再进行第二次校对。

 

6、排版前应注意出版商要求,沟通好,确定版式要求后再开始。

 

7、赞助方案、需要加入杂志的广告尽量提前准备、确定妥当。

 

8、杂志排版分工事先排好程序,合理分配以求效率有所提高。

 


  08的杂志我希望使用CD做版式设计,方正飞腾为排版软件,但是还要看届时出版商要求而定。

 

 

㈡ 电子版

 

 

  本年度的杂志内容比较多图片,如果用DW做,网页排版会比较头痛,考虑再三决定使用Adobe Flash(FH)动态电子杂志方式制作。06版也曾考虑用FLASH模式,一段时间的研究结果,那些收费的FH电子杂志制作软件功能限制实在太多,暂时搁置使用。今年重新把目光转移到这上方,发现以前有个“数码精灵”的广州出品的软件,现在已经开放了部分商业功能,对我们的杂志已经足够利用了。再三考究过可行性,确定可以在本期杂志使用我开始了制作。

 

 

 

 

 

  初期想像制作应该比较简单,整个流程我已经在脑里有个大致的步骤,转换中遇到点问题学到点东西,但整个制作还算顺利。

 

    首要的事情是确定杂志页面的大小,上一个电子版使用的是800*600(屏幕像素单位,下同)的窗口,本次杂志文字和图片都较多,按我对电脑市场的触觉还有在队员里面简单调查结果,目前1024*768可说是最多人使用的最低分辨率了,于是在数码精灵里面选择了950*700(整图大小)模板方案。

 

 

 

 

 

    电子书制作软件其实也是一个封包的工具,我仍需要使用Flash先处理好每页的内容,符合数码精灵的要求。方案要求单页大小必须是475*700像素,左右页面大小相同,这样我可以先建立一个模板档案,然后只需要用这个模板就可以制作每个不同的页面出来。后期想到单个模板的方法并不是太好,我应该每一页都设置一个flash文档,因为这样可以方便有需要的时候重新修改每页内容,可惜我当时考虑未全面,想像得简单了,后来要改的时候需要重新做一次很麻烦。  

 

 

 

 

 

 

    开始制作

 

 

    1、前期背景制作

 

    先想页面怎么规划,首先应该有个页眉,跟原来杂志要一样,而且要加入网站链接,页码就不必了,封装杂志的软件已经有动态页码的功能。每张页面解构成文字的前景、图片作为背景。以原来的文章的字数是不可能在那么小的屏幕上都展现的,所以要用到FH的动态文字,将字体调大,用文本滚动条下拉。理论解决动作开始!这里开始需要几个软件配合来完成下面的工作。

 

    静态背景用CD+FW制作,用CD打开原来拿去出版商那的版本,另存一个新档“《灯》杂志 电子参考版”,然后把此文档内的文字(文章标题留下)都去掉,留下背景;把每页导出为JPG图片,在宽度限制为475的时候,长度只能是668,才会不让输出的图片变形。打开FW(用PS也行,只是运行会慢点),新建文档大小为475*700像素,导入刚才输出475*668的背景图片,显然上下有多余了的位置,要配合版式大小必须做调整。页面上方用工具画好页眉,下方可以用同色覆盖法遮掩。页眉需要复制多一个,因为页面是分左右两页的,左右使用的不同的页眉,另外页眉的文字也需要根据页面不同而改变。加上一个1像素的外框,让整个页面都有框线,调整细节后导出则完成杂志475*700标准的一页的制作。

 

 

 

 

左右页眉

 

 

    2、版面和设定

 

    打开Flash(我用最新的flash cs3版)新建一个文档“模板”,选Flash 文件(ActionScript 2.0),内容页的脚本很简单,2.0已经足够应付了,这样的兼容性也会比较好。设置画布为475*700,帧设为1,因为页面里面除了超级链接和按钮有1帧的动态效果,其他都是静态的,帧数少还可以减小页面文件的容量,容量大小是网络媒体传播非常关键的要素,越小的文件越利于传输,也就有更多机会给其他人浏览到。发布设置里面的选择如下方第二张图,隐藏的层的勾必须去掉,因为编辑需要隐藏的层不导出了,能减少空间的浪费。

 

 

 

 

 

 

 

 

 

发布设置

 

 

  3、文字滚动和链接制作

 

    设定都做好后可以开始排版了,相对杂志的出版版本,FH里面的排版的工作要简单和机械化点,在构想的当初我已经想好用flash的文本滚动条功能为主要排版中心制作。打开方正飞腾最终版本的杂志内容,因为里面的文字是最后校对,电子版就不必再费神校对方面,我就直接拷贝里面的文章转移到FH。下面用13页为例来说明制作的过程:

 

  把P13页用FW做了前期制作的无文字背景图片导入到舞台,用对齐工具按舞台方式对齐覆盖背景。

 

对齐背景图片

 

 

    在方正飞腾复制当页文章贴到FH里面,明显的是,字体如果按排版原来的大小是无法满足屏幕显示需要的,电脑屏幕上至少要用12号字才能取得较好的显示效果,在这里我选择了14号宋体字。关于放置文章的文本框字体的设定如下图:

 

 

  文本框属性要选动态文本,这样才可以满足动态文本滚动条的组件的条件,选中动态文本后,右边可以选择“多行”了,多行的设定是为了文本字体增大不超出指定的文本框的范围,但是超出部分就不能看见,需要加上滚动条组件启动滚动显示功能才可正常应用。动态文本下方的是文本框的实例名称,这个需要先设定,因为文本滚动条组件需要知道在哪个文本框上起作用。字体的模式要选“使用设备字体”,这样设定的字体显示效果最好,因为它用了win系统自带的字体,不会出现对方电脑没有相关字体无法显示文章的情况,也能使文字显示更清晰。

 

    FH是没有排版软件的图片绕排功能的,原来设置的图形标题图片上,需要手工把文字移开,这里要细心调整,因为字体的原因,字的排列在工具区和预览区看见的是不一样的,要以预览区的效果为准,那才是最终的效果。

 

 

手工对齐

 

 

 

    文本都安置好位置后,可以加入滚动条了。按Ctrl+F7打开组件窗口:

 

 

 

    这里需要用的是User Interface下面的UIScrollBAR组件,实现FH里面的文本下拉菜单滚动条的功能。把组件从组件栏里面拖到舞台,当前的页面有2个文本框,左边不需要滚动条,我的目标是右边的文本框(文本实例名txt),把拉出的UIScrollBAR对齐文本框的侧边和顶部,拉动的时候FH CS3会自动显示辅助对齐的线,很容易就对好了,这个组件必须对齐才能起作用的,所以对齐需细心处理,至于组件的长、宽并不需要跟文本框长度一致,用默认的大小就可以了。

    对好后,在UIScrollBAR的参数栏第一行输入:txt,跟名字为txt文本框绑定,完成滚动条的制作。

 

 

 

  这时可以用ctrl+回车键测试影片实际效果:

 

 

  可见滚动条已经正常显示。

 

    完成本页的排版后,可以加入其他部分,首先是右上角网站的超级链接,我们需要有个点击然后就能打开本队网站的功能,不过因为链接不像网页制作那样可以直接选文字加链接地址,FH里要在图片上加链接,需要加段简单的AS脚本代码在按钮上。画个矩形,去掉边线,透明度设置为alpha 设0%即按钮全透明,转换为按钮元件,按右键选“动作”,在弹出的脚本框内填入下面的代码,

 

如下:

 

  on (release) {

       getURL("http://www.gzyld.org.cn/", "_blank");

      }

 

 

 

  这样带链接功能的按钮的制作完成了,然后把按钮移动到右上角合适位置,按钮是透明的,实际中看不见,当鼠标移动到上边的时候并点击后会实现,打开新的ie窗口浏览本队网站的结果。按钮制作要注意的是页面左右链接的位置是需要调整的,所以我复制多了一个按钮,放好在另外页面的正确位置,制作左边就隐藏右边的链接,则可省却每次调整位置的麻烦。

 

    至于页码是可以由数码精灵软件自动生成的,所以在FH里面可省却这步的制作,只要我在文字排版注意翻页位置,注意不要遮挡到正文的内容就行了。

 

 

 

 

 

  至此,p12这页就完成了,第一页要花的时间比较多,而后边的页面变化的只是文字的排版这个相对机械化的转换,除了目录、视频页等就不需要再动细节,重复以上的步骤可基本完成所有基本页面的排版,只是我开头没有每页生成一个源文件,考虑不够充分,当需要调整、发现错误的时候又必须多做一次,让进度拖慢,下次制作需要注意。

     

 

4、视频页制作

 

  下面接着我继续介绍电子版独有的特别附录页面:视频页的制作。

 

 

 

 

  本年的视频反响不错,对宣传我认为有一定作用,在开始设想的时候已经盘算好,FLASH动态杂志正好可以作为当前很流行的FLV视频流媒体网站,放置年度视频的最佳载体。虽然是单页的制作,不过这页需要应用某些技术,要先细细琢磨一下。

 

  先做背景吧,在cd里面用素材简单拼凑好,文字除了大的美工字体,其他字体都在FH里面输入,因为考虑到字体的可观行,小的字还是不要用图片直接写,文字会因为图片的压缩变得粗糙。背景弄好了,先在FH里面排好版面,如上图,视频未加入前用画个临时的框占好位置,具体的大小事前我用软件测试好,土豆的视频尺寸为465*345像素,加上播放条的大小预算好位置。视频的加入和少量动态效果的添加下面叙述:

 

  把组件栏Video里面的FLVPlayback组件拉到舞台上,网上流行的视频网站大部分是以adobe flash 的FLV 流格式为主,此组件还有内置外壳可以选择,操作也比较简单。拉过去可见已经有默认的播放条出现了,但是过于简洁,不符合我的要求,在参数里面我要选择其他的外观。

 

 

  在FLVPlayback参数菜单里面,参数设定如下图:

 

 

 

 

    autoplay设置为false,则杂志翻到此页时候不会自动播放视频,一来让系统资源减少占用,二来也让杂志不会给人一种强迫观看的感觉。

 

    contentpath的设置比较关键,这里填的是已经上传到视频网站的视频链接,在地址取得方面花费了我一点时间研究,一会在下面的关于视频压缩部分解说一下。

 

  继续下拉参数栏设置其他参数。

 

 

    skin参数是设置播放条样式的地方,双击后面的名字可以进入选择菜单,我选了arcticexternalall.swf这个外壳,颜色方面比较配合整个架构,播放的按钮也合适播放的需要了,到这里完成迷你播放器的制作。

 

  因为播放器没有全屏播放的功能,还有杂志大小的关系,只能缩小视频放置,对可观性有一定影响,下次考虑用双页的方式插放标准大小的视频,当前解决的办法是在下面设置2个按钮可以点击进入本队在优酷和土豆开设的空间,方便有需要的人士查看更佳的效果。

 

  时间关系我不想新制作按钮了,就地取材已经足够用,打开FH的库菜单,在button里面选择2个颜色不一样的动画按钮拖入,颜色、动态效果、位子、大小都是可以修改的,具体修改按钮的细节有点琐碎,在此不多啰嗦了,只怕大家越看越糊涂,呵呵。按钮其他方面跟前面的超链接做法一样,需要一段代码,直接拷贝前面的代码,把地址修改成正确的就可以了。

  

 

    下方的按钮“进入年度纪念医疗队短片集”,有个简单的白色变化,按钮的很简单,画一个矩形,第一帧颜色透明,复制第一帧的按钮,在第二帧新建一个空白关键帧,贴入复制的元件,颜色设为白色,透明度20%左右吧,ok,效果完成。

 

    以下说说视频的压缩和上传吧:

 

    我选定了优酷和土豆这两大视频网站作为视频的放置的空间,虽然两站都是免费的空间,但是最近却都公布了限制的条件,优酷如果要上传1g以上的视频必须先成功发布20个视频内容,并且要分割成不大于200m以内的视频文件;土豆则要求视频必须是200m以内的文件,之前在典礼播放压缩的最终WMV格式视频,也有296M的大小,这样肯定不合符网站的要求,必须再次压缩成其他的格式,我打算直接使用FLV文件上传。当时使用的转换软件已经忘记,我重新找来Allok Video to FLV Converter转换软件说明。加入“2007纪念短片.WMV”后,设置帧率为25fps,质量选择的kbps可以尽量高点,最后点转换等待完成就可以了。

 

 

 

    接下来,上传到土豆网站,过程比较漫长,即使是2m adsl,压缩上传50k的理论值最多也只能上到40k左右。完毕后用链接提取软件,获得flv的播放地址,就可以脱离土豆的播放界面,直接链接地址到杂志里面。优酷网不可以这样使用,优酷因为网站优化下载的功能,视频块是分段连续播放的,我的短片已经超过了一段能播放的长度,连续播放两端段flv视频在我的水平来说,暂时无法可以在杂志的flv播放组件修改,留待以后再研究,目前只能插入土豆的格式了,质量略比优酷网差一点,但已经留下访问视频站的链接,在此也不耽搁发布时间了,结束视频页的编辑。

 

 

  5、目录页制作

 

    制作完视频页还有申请加入页面后,最后制作目录页。

 

    目录页是除了视频页外第二艰巨的制作,这是一个杂志里面唯一双页动画的页面,涉及对位、动态效果、页码等关键内容,所以要认真对待。

 

杂志目录页编辑界面

 

    手动写目录页增加麻烦,为了节约制作时间,我找了一个FLSH动态的杂志目录模板,在这个基础上修改成杂志的内容。上图显示是最后的完成效果,浅蓝色的是动态按钮按钮,可点击到达相应的文章页面。

    制作过程比较繁杂,这里只说一下大致的流程。因为大小跟原来的杂志页面不一样,简单的缩小很难看,跟目录也不能对齐,必须用FW重新绘制整个目录页背景。画好后,在FH打开杂志模板,把原本杂志模板的静态内容都去掉,导入这张图,用留下的动态按钮分别复制对齐到每个目录名字上,细心对齐分配好位置,还有要注意是链接的代码的页面不要搞错,仍旧是机械化动作,最后导出为swf文件,完成了这个目录页的制作。

 

  6、背景图片、音乐制作

 

    背景图片我用了视频背景的素材,希望能成一个系列的感觉,背景图经过PS滤镜轻加工了一下,看上去有点质感。音乐没再耗时间去找了,就采用了视频中蓝色生死恋其中一段音乐,视频播放那页有视频声音,幸好数码精灵有关闭当页声音的功能。设定好这些内容,杂志电子版感觉已经完整了。

 

  

  7、封包

 

    杂志电子版全部内页制作完毕,可以开始打包成独立exe文件发布。

 

    打开数码精灵,用导入背景、导入左图、右图等功能,按次序载入相应的页面,这步非常简单,要注意的是记得在附件栏加上ArcticExternalAll.swf和ClearOverPlaySeekMute.swf两个文件,这两个文件是杂志内置的视频播放组件必须的组成部分,还有一个地方是视频的页面,要点播放右边的小叉关闭背景音乐的输出。

   

 

 

    输入完成后,点左边的打包设置标签进入最后的环节。设定如下图:

 

 

    上面看到用了本队特有的logo图标,这个图标是去年使用的,这次不再更改方案,上版的图标比较粗糙,用FW修改源文件,把2006改成2007,用图片编辑ico workshop进行像素调整,这里关键得细心有耐心点,图标效果才会好看。

 

 

    全部设定完成后,点“生成”,打包完成了EXE文件的输出。到这里,2007年最新的医疗队纪念杂志电子版全部完成了。接下来是发布到网站,并在队员里面发布杂志和视频的宣传信息让大家传播,希望我用心做出来的东西能给医疗队有积极的宣传效果吧。

 

    最后总结一下,本次杂志电子版用了FLASH动态技术制作,前景是比较广阔的,这次我不过利用了一些现成的资源制作,杂志其实可以更加有动感,这个留待以后看是否有FLASH高手去继续了。对于杂志容量方面,因为我没太留意图片背景的压缩,出来的文件跟预期比较略大了点,压缩处理再好点也许能再缩减1m,虽然只是小小的1m,对网站来说却是不少的减负。

 

    杂志的这三年的制作实录暂告一段落,写得比较凌乱,也不知道是否有意义,敬请指正!

 

    本帖第一页图片已经很多了,我会开新帖继续医疗队三年视频短片的制作实录的记录,希望大家多支持宣传部的媒体制作工作,积极参与中来。另:属医疗队 AYOUNG 版权所有若转载请注明出处,谢谢。

 

     本期封面剪影,只有黑白色,沿用曾不06设计的封面。

 

 

     

          07纪念杂志电子书版
          http://www.gzyld.org.cn/_note/gysc/wdzz/011Q3202008.html

 

 

(本队三年的视频纪念短片的制作实录在【短片篇】新帖,请移步!http://www.gzyld.org.cn/bbs/thread-10402-1-1.html

强顶罗、、、估计网页的东西就闷很多!
继续加油、、、、
哇,羊羊要培训接班人啦
不知道有没有用处,先写着,今晚写完杂志。
很利害,总结很利落,什么时候开个网络杂志培训班 网络杂志的整体规划上,还存在不足.以后可以建立一个医疗队杂志的品牌
返回列表