简介:一份面向设计专业学生与求职者的作品集制作全流程指南,以实际项目为例,详细讲解如何将零散设计作品整合成适合打印的纸质作品集。文档从确定作品集的方向与风格入手,逐步展开Photoshop、Illustrator、InDesign三种主流工具的适用场景:PS处理图像与页面排版,AI制作矢量图形,ID作为总控文件统一管理所有文本与PSD页面。内容还重点说明了打印前的准备环节,包括依据在线打印服务商的实际尺寸设定页面规格、设置出血与留白、使用官方插件避免格式错误,同时分析了跨页编排时保持单页完整性与整体叙事流畅性的技巧。作者结合个人工作流,分享了建立PS模板、快速调整页面顺序、研究画面过渡和统一视觉风格的具体方法,这些经验既能帮助新手避开常见坑点,也能给已经起步的设计者带来优化思路。资源为单个PDF文档,容量仅501KB,阅读轻便;已有151人学习,随时可查阅对照。
1. 作品集制作流程:先定印前规格,再做跨页排版
这份《作品集制作流程.pdf》看起来是一份经验帖,实际上是设计师做实体作品集的标准工作流:先用 Photoshop 做跨页排版,再用 InDesign 做文本管理和页面编排,最后导出一套适合印刷厂直接使用的 PDF。整套方法解决了两个核心问题——排版阶段怎么保持图像融合的灵活性,交付阶段怎么不让出血、裁切、字体这些细节在打印时翻车。无论你是准备申请学校、投递工作,还是给客户做实体样书,这份流程都适用。我不建议直接照抄它的所有参数,但它的结构很值得借鉴:先确认打印方式,再建立模板、设计跨页、置入链接、导出 PDF,每一步都有明确目的。
2. 为什么第一步是确定打印尺寸:规格决定网格和排版布局
2.1 在线印刷对文件尺寸的硬约束
作者一上来就强调了一个很多人忽略的环节:在设计之前,先确定作品集到底怎么印。他选择在线印刷,是因为对大多数人来说这是最容易上手的方式。但在线印刷平台对尺寸有严格限制——比如 Blurb 只提供有限的几种尺寸,和他过去常用的 6×9 英寸完全不同。这意味着如果你的作品集要交给这类平台,你的页面大小、跨页比例、网格系统都得围着它们的规格重新来一遍。
常见做法是先去印刷平台查清楚支持哪些尺寸,再决定作品集的最终裁切尺寸。我个人建议你把这个动作放在第一步,而不是先做一堆漂亮版面再回头改尺寸。页面大小的变化会直接影响你分栏的方式、图片在跨页上的摆放位置、留白比例,甚至连字体大小都要跟着重新权衡。作者说得直白:「页面大小将显著影响作品集的网格比例和排版布局」,这一点做设计的人最容易忽视。
提示:如果你走传统打印店,就不一定受在线平台限制,但要提前问清楚它们能不能做特殊开本、是否需要自己留出血。作者原帖主要针对在线印刷,译者注里也补充了实体打印店的差异。
2.2 建立与打印规格匹配的 Photoshop 模板
确定打印规格之后,作者会在 Photoshop 里建立一个和 InDesign 文档完全对应的模板。这不是可选项,而是保证后期两个软件协同不乱的根基。模板里最关键的三个参数是:页面尺寸、分辨率和颜色模式。这些参数直接影响你导出的 PDF 适不适合印刷。
下面是作者在 Photoshop 新建文档时用的设置,我整理成参数表方便你对照参考:
| 参数项 | 设置值 | 说明 |
|---|---|---|
| 跨页尺寸 | 8 英寸高 × 19 英寸宽 | 单页是 8×9.5 英寸,左右两页拼成一个跨页 |
| 分辨率 | 300 dpi | 印刷最低标准,低于 300 会看到明显颗粒感 |
| 颜色模式 | CMYK 颜色 | 印刷色,RGB 的颜色在印刷时会偏色 |
| 出血边 | 四边各 1/8 英寸(约 3mm) | 在线印刷平台的标准出血值 |
| 参考线 | 裁切线、文本留白线、书脊线 | 用标尺拖出或通过「视图 > 新建参考线」精确设置 |
这份参数表几乎直接照搬了作者在 Photoshop 里的设置逻辑。重点在于他选择用「跨页」而不是「单页」作为设计画布——因为他习惯以跨页为单位来思考版面关系,比如左页的图能不能和右页的图形成呼应、翻页时视线怎么流动。所以他的画布宽度直接设成 19 英寸,而不是 9.5 英寸。这个选择很重要:如果你的作品集装订方式是蝴蝶装这种能完全摊平的,跨页设计就是必要的;如果是普通胶装,接近书脊的位置会有一部分被压住,跨页设计时要预留安全距离。
2.3 出血边不是可选项:加错位置整个版面就毁了
出血边的处理是整份流程里最容易翻车的一步。作者的原话是「我的作品集图片和颜色一直延伸到页面边缘,所以需要添加一个出血线设置」。如果你不做出血,裁切时会有极大概率切到你的内容边缘,露出白边或把排版元素切掉一块。译者在这里也留言说了自己的血泪经验:第一次打印作品集没做出血,打出来直接哭了。
在 Photoshop 里加出血有两种方式:一是在新建文档时直接包含出血尺寸,二是创建后再通过「图像 > 画布大小」扩展。作者展示的是后者,操作要点是先确认锚点在中心位置,然后把宽度和高度各增加 1/4 英寸——注意是四边加,所以长宽各加两个 1/8 英寸,也就是一共加 1/4 英寸。很多新手在这里会犯一个错:只往一个方向加,结果出血只出现在单边,裁切时一边白边一边切到内容。
注意:出血的数值不是随便填的。标准是 1/8 英寸,但有些印刷平台会要求 3mm 或者更大的出血。设置之前一定要先拿到印刷厂的规范,不要想当然。
2.4 参考线的三种类型:裁切线、留白线和装订线
模板建好以后,作者的下一步是加参考线:用来标记裁切线、文本留白和折叠线。操作很简单,打开「视图 > 标尺」,用移动工具直接从标尺上拖出参考线到目标位置。也可以用「视图 > 新建参考线」输入精确数值,然后通过「视图 > 锁定参考线」把它固定住,避免之后不小心拖跑。
裁切线对应的是印刷品最终被切掉的位置,在 Photoshop 里一般就放在画布边缘;文本留白线标记的是正文和重要内容不能越过的边界,通常比边距再稍大一点以留出安全空间;装订线位于跨页中间,提示你这个位置附近要留出足够的距离放装订份额。作者特别提醒,靠近书脊的内容如果太近,翻页时会被压住或者看不太清。除非你用的是蝴蝶精装或骑马钉这类能完全摊平的装订方式,否则内侧边距一定不能省。
译者在这里补了一条实用经验:PS 默认的参考线很难用鼠标拖到精确尺寸,推荐用 GuideGuide 这类插件来输数值。我自己也遇到过类似的坑,徒手拖参考线,放大一看差了零点几毫米,后面导出时裁切位就歪了一点。用插件或者直接输数字是更稳的做法。
3. InDesign 文档设置:对页、边距与主页的正确打开方式
3.1 新建文档时的关键选项:对页必须勾选
到了 InDesign 这一步,作者的思路是让 ID 模板和 Photoshop 模板尺寸完全一致,这样 PSD 文件拖进去就能对齐,不用再做任何缩放或位置修正。新建文档时,他特别强调「Facing Pages」一定要勾选。这个选项决定了 ID 的默认操作单位是跨页而不是单页——和你 PS 里用 19 英寸宽画布的逻辑完全对应。
页数和单位也是两个容易出错的小坑。页数不用一开始就精确,作者说「不用很准确之后也可以增减」,所以估算一个量级就行。单位的话,InDesign 默认用的是 picas(派卡),如果你想用英寸,输入时直接写「8.5in」这种带上单位后缀的形式,InDesign 会自动换算;或者去「首选项 > 单位和增量」把水平和垂直标尺单位都改成 inches。
3.2 边距设置:为什么内侧边距要比外侧大
作者的边距参数是:上下外三边设 0.25 英寸,内侧设 0.5 英寸。理由是内侧需要额外预留装订空间——不管是胶装还是线装,页面靠近书脊的部分总会被吃掉一点。如果你内侧边距和外边一样,成书之后靠近书脊的图文内容很可能被压进装订凹槽里,翻页阅读时特别难受。
这里有个普遍的共识:边距大小不同没问题,但最好不要小于 0.25 英寸。对 A4 或接近这个大小的页面来说,我一般会给到 1 厘米左右的边距,比作者的 0.25 英寸(约 6mm)更宽松。开头译者注里也提到,他按 6mm 设置后打出来阅读体验不好,成了「神坑」,后来看画册杂志才知道 1 厘米其实都不算多。你可以根据自己的内容密度来调整,但记住:正文和重要的图尽量保持在边距线以内,视觉装饰性的元素可以延伸到边距线外甚至出血区。
3.3 主页的真正用途:一改全改,页码不再孤立处理
InDesign 的主页(Master Pages)本质上就是模板,你把主页拖到多个页面之后,对主页的任何修改都会同步到应用它的所有页面。作者在这个作品集里只用来放页码,但暗色背景的页面会吃掉黑色页码,所以他做了两个主页:一个黑色页码给浅色页面,一个白色页码给深色页面。
「窗口 > 页面」面板里可以管理和切换主页。新建主页、把主页拖到具体页面上、修改主页里的页码样式,这些操作都不复杂,但能省掉你在 20 多页里逐个手动排页码的时间。我自己习惯再多做一步:在主页里顺便放一个不起眼的项目名称缩写,每页都会有,既统一又有辨识度。主页还可以嵌套,比如先做一个带页码的母主页,再做几个基于它的变体,只改局部元素。
3.4 善用在线印刷平台提供的 InDesign 插件
Blurb 这类在线印刷平台通常会提供 InDesign 插件,插件能直接生成一套包含正确出血、边距、留白设置的模板文件。这样做的好处是避免你在手动设置时填错参数,常见的坑包括忘了把出血从 0 改成 0.125 英寸、Facing Pages 没有勾选导致跨页结构错乱、页边距和平台要求不一致等。
如果你用的平台没有现成插件,那就只能手动从头创建,流程和上面说的没差别:新建文档 → 勾选对页 → 设置尺寸 → 配边距 → 设出血 → 点确定。关键在于拿到平台的规范文档之后逐项核对,不要想当然用默认值。Blurb 自己的网站对推荐设置写得非常细,作者原帖里也建议以此为准。
4. 把 PSD 跨页置入 InDesign:从链接更新到文本图层管理的完整协同
4.1 用填充文本确定占位,再在 PS 里把所有文字独立成组
作者在 Photoshop 里做版面设计时会用填充文本(filler text)来占位,先把标题和段落的位置定下来。这样做的好处是不用等最终文案,版面结构可以先推进。他把所有文字都放进一个独立的图层组里,导入 ID 时一键关掉这个组,图片和文字就不会混在一起。这个细节非常实用:如果你忘了分组,或者把文字散落在各个图层里,后期想批量隐藏就非常麻烦。
另外,这也和他第 6 步「在 InDesign 里添加最终文本」形成了呼应。Photoshop 里的文字是栅格化的,转成 PDF 之后字迹边缘在放大时会发虚;InDesign 里排的文字导出后是矢量,印刷清晰度更好。所以作者的做法是:PS 里只做图像和排版底色,文字最终全部在 ID 里重排一遍。
4.2 直接拖入 PSD 文件,出血边缘必须对齐
把做好的 PSD 文件放进 InDesign,最直接的方法是把它从文件夹拖到页面上。拖进去之后,你需要把 PSD 的出血边缘和 ID 文档的出血边缘对齐——如果模板尺寸一致,这个对齐动作几乎不需要微调。如果你想走菜单操作,「文件 > 置入」也是一样的效果:选中 PSD 之后点击页面目标位置即可。
置入之后,InDesign 里会产生一个外部链接,记录这个 PSD 文件和页面的关联关系。后续你在 Photoshop 里修改这个 PSD 并保存,回到 InDesign 时链接面板会提示文件已更改,你只需要手动更新链接,页面上的内容就会自动刷新。这样你不需要反复删除和重新置入,也保证了跨页图片在整本文档里的版本一致性。
4.3 用「链接面板」管理多 PSD 文件,批量更新更省心
当作品集有二十几页时,链接列表会变得很长。你可以在「窗口 > 链接」打开链接面板,所有嵌入的 PSD 文件都在这里列出来。文件被外部修改后,面板上会出现一个警示图标,右键选择「更新链接」就能刷新。如果一次改了多个 PSD,面板底部也有批量更新的按钮。
我自己的习惯是每完成一个跨页的修改就去链接面板里更新一次,而不是攒到最后一起处理。因为如果你连着改了很多文件,最后一次性更新时一旦某个链接损坏或路径失效,你很难立刻判断是哪一页出了问题。链接面板还可以检查文件是否缺失、位置是否移动,这些都是在交付前必须检查的。
在 InDesign 里还可以用脚本批量检查链接状态。我一般会写一个简单的 ExtendScript(InDesign 的 JS 脚本)在发布前盯着链接面板扫一遍所有嵌入文件:
// 遍历当前文档所有链接,检查是否被外部修改或缺失 var doc = app.activeDocument; var links = doc.links; var outdated = []; for (var i = 0; i < links.length; i++) { var link = links[i]; var status = link.status; if (status === LinkStatus.OUT_OF_DATE || status === LinkStatus.MISSING) { outdated.push(link.name + " (" + status + ")"); } } if (outdated.length > 0) { alert("以下链接需要更新或缺失:\n" + outdated.join("\n")); } else { alert("所有链接正常"); }这段脚本做的事很简单:遍历文档里所有链接,只要状态是 OUT_OF_DATE(文件在外部被改过没更新)或 MISSING(文件路径失效),就会弹窗列出来。LinkStatus 是 InDesign ExtendScript 的内置枚举,OUT_OF_DATE 和 MISSING 是其中两个常量。你不需要完全理解脚本语法,只要在「窗口 > 实用程序 > 脚本」里新建一个 JSX 文件,粘贴保存,然后双击运行即可。批量操作之前先跑一下这个脚本,能直接判断哪些页面需要重新置入,不用一页一页人工翻。
4.4 为什么要保持 PS 与 ID 双软件协作,而不是只用其中一个
在整个工作流里,Photoshop 承担的是跨页视觉设计,InDesign 承担的是文本管理、多页组织和最终导出。作者最初也见过别人在 Illustrator 或 InDesign 里直接排版,但他坚持用 PS 做版面,是因为图像融合、蒙版、调色这些操作 PS 最顺手;而 ID 的长处在文本的全局一致性和导出质量,文本放 ID 里可以一条条校对、批量调整样式,出 PDF 时是矢量文字。
提示:如果你做的是大量文字排版的画册,以 ID 为主、PS 为辅的权重可能需要反过来。作者的这套流程本质上偏向视觉、图像驱动型作品集,适合作品以图为主的场景。
5. 常见问题与避坑:出血、图层组、栅格化、链接失效与边距不足
这章把我在复现这套流程时踩过以及看到别人踩过的坑集中整理一下。每条都按现象、原因、解决来写,希望你能绕开这些翻车点。
5.1 没有设置出血,成品边缘被切掉或出现白边
现象:印刷厂交付的成品边缘露出白边,或者图片内容被直接切掉,尤其出现在靠近页面边缘的色块和图片上。
原因:一开始建文档的时候根本没加出血边,或者只在 PS 里加了出血而 InDesign 里没加,导致置入后出血区域对不上。很多时候设计稿在屏幕上看着满版出血,导出 PDF 时却没勾选「使用文档出血设置」,裁切标记也没带,印刷厂只能按标准裁切线硬切。
解决:新建文档时就把出血设成 0.125 英寸(或印刷厂要求的数值),PS 和 ID 两边保持一致。导出 PDF 时在「标记和出血」选项卡里勾选「裁切标记」和「使用文档止血印设置」。如果文档已经做完才发现没出血,补一版的成本远比重新印一版低,别硬着头皮交。
5.2 文字留在 PSD 里,导出 PDF 后文字发虚或带锯齿
现象:PDF 里某些标题文字边缘不清,放大后能看到明显像素点,和旁边的矢量文字质感差异很大。
原因:Photoshop 里的文字是栅格化的,置入 InDesign 后仍然是图像的一部分。PDF 导出时,打印设置里的压缩选项会对图片做缩减采样,文字信息就跟着一起被压糊了。
解决:把最终文字全部放进 InDesign 重排,而不是直接在 PSD 里编辑。如果实在必须在 PS 里保留标题,至少把文字层转成智能对象再放大检查,避免输出时被压缩采样糊掉。
5.3 PSD 文件改了,InDesign 里却显示旧版本
现象:在 Photoshop 里保存了修改,回到 InDesign 时页面上的图还是旧的,链接面板里也没有任何警示。
原因:常见原因是保存时改了 PSD 的文件名或路径,InDesign 找不到原文件,只能继续用缓存里的旧版本渲染;另一个原因是链接面板被手动关闭,很多人根本没意识到有更新提示,直到导出才发现。
解决:养成「改完 PSD 保存后回 ID 看链接面板」的习惯。文件不要随便改名字或移动目录,需要改时用「链接面板 > 重新链接」指到新位置。导出前跑一遍第 4.3 节的链接检查脚本,确保没有 OUT_OF_DATE 状态的链接残留。
5.4 边距设置的太小,靠近书脊的内容翻不开
现象:成书翻阅时,靠近书脊的图文内容陷在装订凹槽里,要用力按压才能看到,阅读体验很差。
原因:内侧边距只留了和外侧一样的 0.25 英寸甚至更少,胶装之后书脊部分吃掉了一部分页面宽度,文字贴着装订线自然就被遮住了。
解决:遵循「内侧边距大于外侧」的原则,至少保证内侧 0.5 英寸以上,页面越大内侧边距越要加。如果装订方式允许完全摊平(蝴蝶装、骑马钉),可以适当缩小内侧边距,但不要小于 0.3 英寸。拿不准时,先打印一两张测试页,折起来模拟翻阅,比在屏幕上判断靠谱。
5.5 导出 PDF 时勾了「跨页」而不是「页面」,文件格式全乱
现象:生成的 PDF 每一页都是左右两页拼在一起的大版面,印刷厂没法直接按单页处理,要么拒收,要么自动裁切导致每页内容不对。
原因:导出对话框的「通用」选项卡里默认设置不对,选了 Spreads 而不是 Pages。这个选项藏在导出对话框里,很容易被忽略。
解决:导出时在「Adobe PDF 导出」对话框左侧的「通用」选项卡里,确认勾选的是「页面」而不是「跨页」。作者在原文里反复强调了这个检查点,我也建议每次导出前都把这一步当成固定动作。
6. 导出 PDF 的四个检查点:出血标记、压缩采样与页面选项的最终确认
6.1 从「文件 > 导出」开始,选对 PDF 预设和格式
所有的排版工作收尾后,就到了交付前最关键的一步——导出 PDF。作者在原文里强调:大多数在线印刷平台接受 PDF,但每家要求的参数不完全一样。Blurb 甚至专门有一个页面逐项解释推荐设置,其他平台也都各有规范文档。所以任何一套通用的导出设置都只是起点,不是终点。
在 InDesign 里按「文件 > 导出」,文件名和保存位置确认后,弹出窗口底部有一个格式下拉框,必须选「Adobe PDF(打印)」,不要选「Adobe PDF(交互)」——后者保留了很多交互属性,不适合印刷。进入 PDF 设置界面后,左侧有一串选项卡,默认的预设对应的是「高品质打印」,这个可以作为基础起点。
6.2 检查点一:预设选择「高品质打印」,页面而不是跨页
左侧「通用」选项卡里,第一项就是「Adobe PDF 预设」。作者推荐选择「High Quality Print(高品质打印)」。这是 PDF 预设里最适合印刷交付的选项:它会保留高分辨率图片、嵌入字体、不会过度压缩文件。如果你所在印刷公司有专门的 PDF 预设文件,直接加载并替换这里的设置即可。
同样在「通用」选项卡下,确认「页面」处于选中状态而不是「跨页」。这一项选错的话,整个 PDF 的页面结构就会从单页变成跨页合并的大版面,印刷厂没法直接处理。这一个点值得在导出前放慢节奏,仔细看一眼。
6.3 检查点二:压缩设置好,双立方缩减采样保持 300ppi
左侧「压缩」选项卡里,默认设置一般就能用,但有一项需要主动确认:双立方缩减采样(Bicubic Downsampling)应该设为 300 像素每英寸。这里针对的是彩色图和灰度图,300ppi 是印刷行业的通用底线。只有在文件体积太大或者印刷平台明确下调要求时,你再考虑降低到 250 或 200,否则不要为了省几 MB 牺牲印刷清晰度。
注意:如果你的作品集里有一些超大尺寸的图片文件,导出动辄一两百 MB,这时候多数平台会限制上传体积。一般做法是单独压低超大图的采样率,而不是整体降到 150——保持 300 的底线,对个别图做单独压缩更稳妥。
6.4 检查点三:裁切标记与出血设置,必须同时勾选
左侧「标记和出血」选项卡里,有两个勾选项缺一不可:标记区域勾选「裁切标记」,出血和边距区域勾选「使用文档出血设置」。裁切标记给印刷厂提供了明确的裁切位置参考;使用文档出血设置则保证 PDF 里包含了页面四周伸出到出血边的所有内容。如果漏了后者,最终成品在切边时就会露出没有内容覆盖的白边。
这两项在导出的 PDF 预览里很容易直接检查:打开生成的 PDF,放大到页面边缘,应能看到裁切标记的细微线条,并且页面边缘的颜色或图像延伸到标记外。
6.5 检查点四:印前检查与视觉抽检,别急着上传
第 4.3 节的链接检查脚本之外,我还建议做两个额外的验证:一是在 InDesign 里跑一次「窗口 > 输出 > 印前检查」,它能列出文档里可能影响印刷输出的问题,比如缺字体、RGB 图像混入、链接缺失等;二是把导出的 PDF 用 Acrobat 打开,切到「输出预览」模式,确认分色和叠印效果在深色背景下没有异常白色接缝。
这个 PDF 输出前的检查流程,从「链接面板」到「印前检查」,再到「输出预览」,每一步都在降低打印机拒稿的概率。过程确实繁琐,但印刷的容错率很低,返印一次的时间成本是最高的。
另外多说一句:如果你在排版时用了大量叠印或混合模式,导出后务必逐个跨页做视觉检查。有些在线打印系统会自动处理叠印,但表现和屏幕预览并不完全一致。我有一段时间就因为在深色底图上叠了半透明色块,导出后没做输出预览检查,印出来了一批接缝明显的样书。从那以后我每次导出前都强制走一遍「链接面板确认 → 印前检查 → 输出预览抽检 → 导出 → PDF 再打开翻一遍」这个流程,不再相信屏幕预览等于成品。希望帮到你。
本文还有配套的精品资源,点击获取