... / nVoxel主页 » 个人翻译 » 创建一个交互式PDF作品集(译)_Create an interactive PDF portfolio

创建一个交互式PDF作品集(译)_Create an interactive PDF portfolio

作者:T.n.T发表时间:2011-8-31本文链接:http://www.nvoxel.com/nvoxel-fanyi-create-an-interactive-pdf-portfolio.html

将作品集制作成PDF文件已经成为一种展示你工作内容的常用方法.

使用PDF格式,像是类似图片,视频以及文档等不同类型的文件都可以嵌入到单个PDF文件中,然后你可以通过邮件将PDF文件发送出去.

最新版的Adobe InDesign和专业版Acrobat提供了很多工具来创建具有交互效果的PDF文档

在文档中你可以嵌入链接按钮,鼠标滑过效果 ,网址及E-mail链接

通过将这两款软件包相结合,你可以创建出有导航功能的PDF作品集来展示你的作品

 

使用InDesign设计层级结构_Designing the layout using Adobe InDesign

在这个例子中,有一个页面专门列出每一个项目

使用者可以选择分类,然后通过导航按钮浏览该分类下的图片

在浏览的同时你可以随时回到首页

我建议尽可能使用矢量对象作为图标,按钮和Logo.

使用矢量好处在于:你可以任意的缩放而不损失细节,而且文件的大小相比压缩后的图片也要小一些

 

关于超链接方面,旧版的Adobe InDesign和Acrobat(Adobe Reader)需要你手工在InDesign的超链接面板下指定网站及电子邮件的超链接地址

使用较新的版本,你只要输入邮件地址或者网址

系统会自动识别你输入地址,然后将其转换成可点击的超级链接形式,只要你在输出的时候启用超级链接功能就行了

 

将对象转换成按钮类型_Turn objects into buttons

默认情况下,文档中的图形类型都一个个Object(对象)

所以我们的forward(向前),backwards(向后)箭头和home(首页)图标都需要转换成buttons(按钮)类型

转换的方式为:右击对象,然后选择interactive(交互式)→convert to button(转换成按钮)

如果你有一个带有子对象的组对象,请确保转换的时候,将最上一级的组转换成按钮类型,否则可能会出现对象缺失的情况

选中刚刚转换好的那个按钮,然后来到按钮面板下

你可以在这里将按钮设定为rollover(翻转,鼠标滑过)模式

并且设置当用户鼠标划过时按钮的外观(rollover即当用户鼠标划过时按钮的外观会发生变化)

按钮的单击操作功能没必要被激活,因为按钮将会在后来设置为链接到新的页面

因此这里你不必太在意是否设置单击操作

 

对文档中所有其他的按钮都重复以上的操作

在这里,先不要对首页上的主分类按钮做以上操作

因为它们有一些额外的功能,需要进行一些不同的设置

 

创建分类按钮_Creating the category buttons

新创建出来的rollover类按钮,InDesign一开始只允许你改变他的颜色和外形的风格

如果你希望彻底的改变按钮的形状,程序会提示需要更多的指令

这里分类按钮将由两个独立的部分组成

首先是一个关闭的文件夹的样子,还有一个是打开的文件夹的样子

当用户鼠标滑过关闭文件夹的图标时,分类图标就会显示成文件夹打开的样子

 

我已经建立了这些矢量物体,并且在InDesign中将其中一个复制到另一个之上

接下来就把每一部分分别转换成按钮类别

我将关闭的文件夹按钮命名为“CV A”,打开的文件夹按钮命名为“CV B”

建议给每一个文件夹按钮取个容易识别的名称

用于调整按钮状态的窗口比较小,因此使那个窗口越容易找到越好

按钮将会被指定了一项动作,那就是:初始情况下会隐藏其中一个按钮,当你鼠标滑到按钮上的时候就会显示出另一个按钮.

当你鼠标移开的时候重复同样的效果

 

选中“CV A”然后来到按钮面板下

选择on rool over(当鼠标划过时)作为事件,然后点击下面的“+”号表示为鼠标滑过事件添加一个新的动作,选择show/hide buttons(显示/隐藏按钮)

你会注意到:在按钮下方列表的下面有三个图标

如果你鼠标停留在它们上面,图标会给出一个样例来表示它的功能是什么:显示,隐藏以及忽略

这里我们希望忽略除了“CV A”和“CV B”之外的所有按钮

当事件为“on roll over”时,“CV A”需要被隐藏,“CV B”需要显示出来

将事件切换到on roo off,然后添加一个新的“显示/隐藏”按钮动作

这时将“CV A”切换至显示而“CV B”切换至隐藏,与此同时,确保其他按钮都被忽略

对于你所有的分类按钮都重复这一步

导出交互式PDF_Exporting the interactive PDF

Adobe InDesign CS5有一项新的功能:允许你选择一个预设来输出交互式文档

Adobe通过让用户选择输出的PDF类型是Print(打印)还是interaction(交互文档),根据不同的选择简化输出步骤

如果你使用的是CS5那么选择File→export然后选择PDF interactive(交互式PDF文档)

你可以就用默认的设置,但是考虑到输出文档的大小,你可以适当降低分辨率或者图像质量

这样可以使这份PDF作品集的大小适合邮件发送

就我个人而言,我喜欢将分辨率设置为96或以下,JPEG图像质量设置为中等

默认的页面切换方式为渐变

你可以选择使用其他的切换方式或者说干脆不使用任何切换效果

如果你使用的是老版本的InDesign

记住在保存的时候,你一定要将输出选项中Include(包含)下的Hyperlinks(超链接)和interactive elements(交互式元素)勾选上

使用Adobe Acrobat pro建立按钮的链接_Linking the buttons using Adobe Acrobat pro

使用select object tool(选择对象工具),右击那个“文件夹打开状态”按钮接着选择属性

如果按钮是确实被选中的话,它现在应该是蓝色高亮状态

找到动作标签,你会注意到在它下面已经有了一些动作

这是之前我们在InDesign中为它创建的动作,即鼠标划过时显示/隐藏效果切换

 

在此标签下,来到select action(选择动作),选择go to a page view(跳至页面视图)

点击add(添加),这时将会弹出一个窗口

保持弹出窗口开启状态

然后使用鼠标滚轮,在PDF文档中找到你希望和该按钮链接的页面

找到后点击set link(设置链接)按钮

接下来再次选择刚才的那个对象

然后再次来到它的属性面板

你将会注意到,现在他有了一个新的动作

选中go to a page in this document(跳至文档中的页面)使其处于高亮显示,然后点击编辑

在这里你需要设置缩放比例为fits to age(适合页面)

这样点击按钮后出现的页面才能始终保持合适的大小

如果你的文档中有人物页面或者风景页面,你可能希望:

当用户通过点击按钮来到页面后,不同页面有许多不同的缩放级别

对PDF文档中所有的导航按钮,重复刚才的设置链接页面和设置缩放级别的的操作

在这里也就是home(首页),previous(前一页)和next(后一页)按钮

你可以在任何时候通过选择“平移工具”来取消对“选择对象”工具的选择

接下来你可以测试你的按钮,看它们是否和相应的页面链接以   及链接的页面大小是否合适

Prepare for full screen viewing_设置全屏视图

来到file(文件)→properties(属性)然后勾选上open in full screen mode(以全屏模式打开)

正如这个选项的名称一样,使用了这项功能后

当用户打开这个PDF文档的时候,系统会自动以全屏模式打开,提供最大的可视范围

当处于全屏模式的时候

Adobe Acrobat提供了一项新功能用来导航页面,那就是:

单击鼠标左键表示向前进一页, 单击鼠标右键表示后退一页

由于我们的这份PDF是通过按钮来导航的,因此我们希望禁用这项功能

因为如果不禁用的话,用户只要随便在哪里单击一下页面就会跳开

我们可以通过添加一个简单的脚本来禁用这项功能

选择“工具”中的document JavaScripts(文档级Javascript)

然后先在Script Name(脚本名称)一栏中输入脚本名称:hideCursor

接着点击Add..(添加…)按钮,这时会弹出一个脚本编辑对话框

将原有的代码删除,然后输入以下字符:(注意大小写)

function hideCursor()

{

}

点击OK,然后关闭

保存PDF文件然后再次打开,这时候PDF应该是以全屏模式打开的了

测试一下你的导航按钮

并且确认你现在无法通过左击或者右击来切换页面了

虽然不可以使用鼠标单击来切换页面,但是你还是可以通过键盘的方向键来切换页面的

很不幸的是这是Adobe Acrobat API没办法禁用咯~O(∩_∩)O~

 

 

请注意了,在这个样例PDF文档中,只有3D visualization分类按钮是起作用的~

 

 

本文PDF下载地址:点击下载

中文地址:http://www.nvoxel.com/?p=110

英文地址: http://www.mintviz.com/tutorials/create-an-interactive-pdf-portfolio/

 

评论

(必填)


不是'叮'的一声变成别的东西才算是奇妙,那个走得很慢很慢,慢得不像话但是非常肯定,一直都在走得钟就已经很奇妙了
相遇 相识 相知 相爱 然后分开 / Themes by T.n.T