1. 爱猫说设计师网首页
  2. 学设计

封面设计技巧 | 用 Adobe InDesign 创造时尚的杂志封面

封面设计技巧 | 杂志封面展示创造力的好机会,但是可能难以知道如何开始。

我们在这篇文章中会提到使用 Adobe InDesign 为一本探险旅游杂志创作封面范本的步骤。我们将展示重要的 封面设计技巧 ,例如为杂志建立视觉识别,以及选用与编辑图像。

无论你要制作吃货个人志或是时尚圣经,这个杂志封面教学都可以让你了解重要技巧以及如何让版面配合不同的风格和内容。你将会知道该怎么调整字体以达到专业标准,为封面添加吸睛色彩,还有如何编辑并赋予图像醒目的 3D 外观。你也能够了解让封面更加引人注目的技术,透过特殊的装饰吸引并留住观众的注意力。让我们开始吧!

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

1. 如何在 InDesign 中准备封面范本

这个教学需要使用 Adobe InDesign 建立封面版面,并且运用 Adobe Photoshop 编辑封面图像。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 1

我们在这里只会为前封面建立简单的范本。之后你可以将页面延伸至书脊与封底;我们会在稍后稍微提到该怎么做。

开启 Adobe InDesign 并前往文件 > 新建 > 文件

新增文件窗口中,将方式设定为打印,并从页面大小下拉选单中选取 US 杂志(US Magazine)。你也可以在宽度字段输入 213 mm高度字段输入 276.5 mm

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

将所有边界设为 12 mm,并在第一个出血数值框中填入 5 mm。点击出血数值框右边的锁链图示,以在页面左边缘(“内侧”)输入不同数值。将它设为 0 mm。这能够让你在之后将页面向左延伸,同时保持前封面的准确尺寸。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

点选完成以建立封面范本。

步骤 2

想要建立能够轻松编辑的杂志封面,关键就在于图层。图层可以协助你整理页面上的元素,并且让你避免在编辑内容时意外地干扰上方或下方的画面。这个建议的图层顺序适用于任何封面风格,也能够在处理设计时奠定好基础。

开启图层面板窗口 > 图层)。双次点击面板中的图层 1标题,将其重新命名为背景(Background)。

点击面板底部的新增新图层按钮,在第一个图层上建立第二个新图层。就像之前一样,双次点击预设名称重新命名,将它改为后方字体(Typography Behind)。再新增两个新图层,一个称为前图(Image in Front),而最后一个则是位于最上方的前方字体(Typography in Front)。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

除了后方字体图层,请在面板上点击每个图层名称左方的空白区域以锁定图层。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

2. 如何为封面创造品牌外观

杂志封面有各种不同的字体,这是为了吸引合适的读者群所设计的。不论你想选择传统衬线字体,打造有抱负或严肃的标题;或是选用现代无衬线字型,营造当代、随和的氛围,在电脑以及市场研究上测试不同的字体都是很好的想法,这样确认你走在正确的道路上。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

现在你有了一个内含一系列图层的基本封面范本,接下来可以开始设计杂志封面的外观了。为杂志建立强大的字型风格后,你会发现根据不同主题置入不同的图像与色彩都是小事一件。让我们来看看该从哪里开始着手,以及如何为杂志标题选择并安排合适的字体吧。

在这里使用的范例是虚拟杂志《Wave》,一本客群为探险旅游与户外运动爱好者的旅游杂志。

步骤 1

首先,我们需要在封面顶端新增杂志标题。

在解锁后方字体图层的情况下,从工具面板开启文字工具 (T),并在页面顶端拖拉,建立一个大文字框。

在框内输入杂志标题。你可以使用工作区域顶部的字元格式设定控制面板,或是字符面板窗口 > 文字与表格 > 字符)调整文字格式。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

一个值得参考的经验法则是将标题尺寸设为页面宽度的三分之二大。你可以把它放在中央,或是如同更为传统的杂志封面,让标题与页面左边齐平。

点击控制面板上的全大写按钮,将标题全部设为大写英文字母,这是能让标题更醒目的保障方式。

步骤 2

调整标题字体是门艺术,而且你会发现非常细微的转变也能造成深刻印象。测试不同的字距(所有字元间的空间)与字元间距(两个字元间的距离),他们可以让文字更完善,也能协助标题更具商标感。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

我在这里选用了几何无衬线字型 Typograph Pro SemiBold,赋予杂志更加新鲜、年轻的感受。我缩小了的字元间距,方法是把文字工具游标放在个别字母间,然后使用字符面板缩小字符间距

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面
12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 3

你的杂志标题也应该包括副标题,提供杂志内容摘要或是出版品的格言。你可以设定与标题相同的字型,或是选择 “B” 字型,为标题选用的 “A” 字型营造鲜明对比。

如果和我一样选择无衬线字型的标题,你可能会想要在封面上使用衬线字体做为另一项选择。这对所有种类的杂志来说都是能够良好搭配的保障组合。接下来,我利用文字工具 (T) 新增新文字框,字型选择 Freight,并设定较小的尺寸。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 4

开启尺标(检查 > 显示标尺),从顶端尺标向下拖拉参考线到副标题的基线。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

使用这条参考线在副标题右方放置另一个文字框,输入刊号和日期。你可以在封面的右上方加入写明价格的文字框。也可以依需求在下方置入条码。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面
12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

3. 选择并置入封面图像

封面具备标题后,你现在已经拥有了一个灵活的基本范本,能够用来建立各种不同的封面,只需要变换字型颜色和封面图像就可以了。你也许会想使用档案 > 另存新档,将这个范本存为独立档案,当你需要为同一个杂志建立新封面时,就能随时开启新档案。

封面图像在吸引读者上占有重要地位,也是营造特定氛围的好方式。挑选完美的封面图像不需要庞杂作业──只要设下几个规则,所有封面图像都能够符合,而你每次都可以找到合适的图像。

在浏览能用来做为《Wave》封面的图像时,让我们设定几个规则吧…

步骤 1

什么能造就令人难忘的封面图?除了有趣的主角(例如摆着挑逗姿势的模特儿或是一脸灿笑的演员),构图是选择精美封面图最重要的元素之一。如果想使用长距离拍摄的照片,像是风景或团体照,你需要评估图像是否能在封面许可的范围内使用。

这张在沙漠中徒步行走的照片就是拥有优异潜力的封面范例。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

当然,它可能是横向而非直式的照片,但是在剪裁为包括徒步者与一部分沙丘和天空的图像后,它提供了戏剧性构图、丰富色彩以及大量能放置文字的空间,能用来宣传特色与杂志内的文章。

在 InDesign 文件中解锁背景图层。接着运用矩形外框工具 (F) 在整个页面上拖拉,拉至出血边缘,建立全页的图像框。前往文件 > 置入,选取要使用的图像,接着按开启

在图像框内点两下,直接选取并移动图像。你可以长按 Shift 键然后上下移动角落以调整图像尺寸,直到对位置感到满意

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

在这里,我发现放置图片后会在封面底部留下大约 2 公分的缝隙。有个简单的技巧能够在不借助 Photoshop 的前提下延伸图像尺寸。

编辑 > 拷贝、编辑 > 粘贴图框。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

接着按右键(Windows)或是同时按 Ctrl 键与鼠标左键(Mac)> 变形 > 垂直翻转,然后将翻转的图像移到原始图像下,营造无缝效果。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面
12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 2

现在封面图已经准备好了,你需要调整文字颜色,让它与照片搭配得更好。黑色文字消失在页面中,所以让我们看看要怎么凸显它。

你有许多为封面选择与建立自订颜色的选项。其中一个就是使用吸管工具 (I) 点击照片的一部分以选取色彩。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

选完颜色后,你可以双次点击工具面板底部的着色填满 (X) 方框,开启颜色挑选窗口。在视窗右下方点击 C、M、Y 或 K 其中一个文字框,然后点击新增 CMYK 色卡以及完成,建立可打印的色卡。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

你可以在色卡面板窗口 > 颜色 > 色卡)上选取这个色卡。想要套用颜色,请选取文字框,接着点击色卡面板上的合适色卡标题。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

透过使用吸管工具,你每次都可以新增与封面图片互补的颜色色卡。不过如果你想要建立自定义颜色,也许是为了在版面里新增一些对比,那也很容易…

步骤 3

为了新增自定义色彩,点击开启色卡面板右下角的下拉选单,选择新增颜色色卡

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

色卡类型设为印刷模式设为 CMYK,然后移动滑杆新增理想的颜色。满意后,点击新建确定

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

我在这里建立了自定义橘色色票(C=0、M=52、Y=74、K=0),将它套用至封面标题与价格上。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

为了营造对比,我把副标题和刊号设为 [纸张](白色)。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 4

在选定的封面图上调整杂志标题颜色非常容易。让我们来看看另一个快速范例。

接下来我要使用这位潜水员的图像。这张照片就像刚刚用过的沙丘照,都是很有潜力的封面图。要在封面上使用特写照时(例如人像照),你可以查看一些关键特色,协助自己选择好照片。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

寻找在人像周围拥有足够空间的照片──上下调整图片时,你有足够的背景能够填满封面吗?同时也要寻找在人像头上具备足够空间的照片。你会希望能够在人像头上或是头后方置入杂志标题,同时不要对标题或人脸造成太大干扰。

最后,寻找能够吸引读者的肖像照。几乎所有杂志封面使用的肖像照都是直视镜头。这可以立刻与读者建立连结。除此之外,微笑、热情的表情都是让读者在看封面时更开心、感到更舒适的好技巧。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

像之前一样,我在背景图层置入了一张图,并在色卡面板建立新色卡。因为图像带有凉爽的蓝色,我选择了浅绿松石的色调,C=59、M=9、Y=25、K=0,这是我接下来套用到页面顶端所有文字框的颜色。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

4. 如何进一步为图像加入 3D 效果

什么能让某些封面真的向你跳出来呢?答案就是杂志设计师一个爱用、令人惊讶地简单设计技术──将部分封面图像拉出前景,能够立即营造 3D 效果,让封面更加引人注目。让我们逐步查看该如何在你的封面版面上复制这个效果吧…

步骤 1

在 InDesign 文件中,确认你已经对封面图的位置感到满意。让潜水员的头顶稍微出现在杂志标题底部的后方。这是我们想凸显标题的图像区域,所以请确认大部分的标题依然清晰可见。

然后在图层面板上锁定背景图层,并且解除前图图层的锁定。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

现在,前往文件 > 储存文件,储存 InDesign 文件并将视窗最小化。

步骤 2

Adobe Photoshop 上开启原始封面图像。

使用多边形套索工具 (L) 追踪图像主体的边缘。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

 

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

不需要让选取范围过于完美──在环绕主体新增选取范围后,你可以点击工作区域顶端的调整边缘按钮,让边缘更紧密贴合主体。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

使用调整边缘滑杆并满意选取范围后,点击确定关闭窗口。然后按下快捷键 Ctrl-C/Ctrl-V(Windows)或是 Cmd-C/Cmd-V(Mac)复制贴上选取范围到上方的新图层。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

隐藏背景图层并前往文件 > 另存为新文件,将图像存成 Photoshop(.PSD)文件。这样能够保留图像的透明背景。

步骤 3

回到 InDesign 文件。继续处理前图图层,使用矩形选框工具 (F) 新增新图像外框。前往文件 > 置入储存的 Photoshop 文件,然后调整图像大小,让它符合下方图像的主体大小与位置。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

 

就是这么简单!这是让封面更具 3D 立体感的绝妙技术,而且它几乎不花什么时间。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

5. 如何安排封面文字

你要如何与潜在读者达成共识,并且诱使他们从书架上拿起杂志呢?一张优异的封面图能在一开始吸引读者,但真正能够说服读者购买的原因是文章文案。让我们来看看你该如何安排封面文字,并且讨论一下选择字体和玩转字号的最佳技巧吧…

步骤 1

让我们回到《Wave》的沙丘封面。

好的,它看起来很不错,不过目前也许有点过于简单。我们能够做的就是在图像主角周围放入吸引人的小标题,为封面制作一些阶层。我这么说的意思是你会希望主要的文章文案大而显眼,主宰其他的小标题。然后你也会希望目光能够跟着文案的自然顺序,从第二大标题一直看到较小的小标。这样能够确保读者一直都可以看到一些东西,为你争取更多说服他们购买杂志的时间。

回到图层面板并解锁顶端的前方字体图层

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

开启文字工具 (T) 并在页面里最大的 “空白空间”(没有繁杂元素的空间;这里的广阔沙丘就很适合)区域新增大文字框。输入文章文案的第一部分。

记得我们稍早提到过为杂志标题选择的 “B” 字型吗?这里就是让它派上更多用场的地方。我使用和之前一样的 Freight 字型,不过选用了更适合用于标题的 Freight Big Pro。文字搭配对比的色卡([纸张]),接着在下方新增第二个文字框,完成文案的第二行,然后在字符面板上使用字号将这行字变得更大。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

嗯,OK,我们要怎么让它更具吸引力呢?像是笔刷、手写字型或是打字机风格等新颖字体,都能实际协助让文章文案 “跳” 出画面。在这里,我只强调了 “HOT” 并设为 Edo,一个可以免费下载的笔刷字型。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

想要进一步强调字词,你也可以调整文字颜色,创造额外对比。我将 “HOT” 设为亮红色,C=3、M=88、Y=81、K=0

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

加入说明文章的文字框以完成文案,也许还可以指出页码(这对读者来说是个完美的行动呼吁)。我在这里将这行字套用斜体 Garamond Italic,增添可读性与优雅感。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 2

建立完最突出的文章文案后,该是时候新增层级中第二吸睛的文案了。

再次寻找页面中适合的空白区域(不要担心字词叠在主体上;只要看得见最主要的主角,字词覆盖对封面就不会有影响)。

再次使用 “B” 字型(Freight Big Pro),新增另一系列文字框,让每个字或每一行独立放在新的框架中,为自己保留移动字词的弹性。使用更为普通的 “B” 字型,那么你就可以将大小设为与第一文案一样大。保持字型的普通感并减少颜色,这样就能将它定调为读者阅读的第二个文案了。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 3

将较小的文案填至剩余的空白空间。缩小字型尺寸可以增加文字数量,让你写出稍微较长的文章摘要。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

同样的,将这些文案套用 “B” 字型,使用细微的颜色能够协助在页面上建立强烈的层级。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

6. 如何为打印延伸封面

你的前封面看起来非常棒,做得好!满意版面后,你可以将设计延伸至完整封面,包括书脊和封底。你可以把它直接传送给印刷商,他们会将封面单独打印然后装订内页。

步骤 1

在延伸封面之前,请前往文件 > 储存文件,然后开启页面面板(窗口 > 页面)。

将前封面向下拉到面板底部的新增新页面按钮上,新增封面的复制品。我们将延伸这个版本的封面,同时在页面 1(Page 1)单独保留前封面的文案。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

我们需要计算封面的总宽度,包括正反面和书脊。书脊的宽度取决于杂志的页数,以及内页使用的纸张厚度。印刷厂商能够针对这些技术因素提供建议以及特定书脊宽度。

让我们假设《Wave》杂志总共有 125 页,因此书脊宽度大约是 5 毫米。那么封面总宽度会是:

正面 (213 mm) + 书脊 (5 mm) + 反面 (213 mm) = 总宽度 (431 mm)

开启页面工具 (Shift+P) 并且点击页面 2(Page 2)任一处以选取。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

在工作区域顶端的 W 框中输入新宽度(范例是 431 mm)。页面将会延展成新长度。如果需要把前封面的内容移回右侧,请解锁所有图层,全选并拖拉至右侧,直到对齐右边的出血边缘。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 2

从左方的尺规拉出参考线到 X 位置 213 mm,标记出封底和书脊的边缘。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

前往档案 > 文件设置。在开启的视窗中调整左边出血5 mm。点击确定

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

现在你可以将内容置入封底(通常是全页广告)和书脊了。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面
12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 3

请记住,你还需要在封面内放置内容,这通常会是杂志的第一页和最后一页。

为了新增反面,请将页面 2 向下拉到页面面板的新增新页面按钮上并复制页面。你可以在那里根据需求编辑内容。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

步骤 4

完整封面完成后,你就可以将它寄给印刷商了,做得太棒了!

前往文件 > 输出,从输出视窗底部的格式下拉选单中选择 Adobe PDF(打印)

在开启的输出 Adobe PDF 视窗里,从顶端的预设集下拉选单中选择 [印刷品质]。请确认(页面下方的)的范围设为 2-3,包含封面的正反两面。

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

点击视窗左方选单的标记和出血。在点选输出前勾选所有打印机标记以及使用文件出血设定

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

登愣!你的封面已经输出完成,准备好寄送给印刷商了!

12 - 封面设计技巧 | 用Adobe InDesign创造时尚的杂志封面

与封面设计一起前行

在这个教学中,我们查看了使用 Adobe InDesign 建立迷人、可销售的杂志封面的整个过程,从设立可重复运用的范本到为专业印刷输出版面。我们也看到了一些设计吸睛封面的专业技术与技巧,包括:

  • 借着绝佳的标题字体为杂志创造 “品牌外观”
  • 透过调整颜色和图像大幅改变封面外观
  • 选择适用于封面的图像,不论那是风景照或是迷人的肖像图
  • 编辑人像图以赋予他们更跳出画面、3D 的立体感
  • 在封面上安排吸睛的字体,建立文章文案的层级
  • 加入封面反面和书脊,延展成完整宽度的环绕封面

手中有了这些技巧,你现在应该有信心应对更多的杂志设计专案了。最重要的是,记得享受设计版面──杂志封面是平面设计里特别有创意的一部分,而选择好照片和字体就是乐趣所在!

爱猫说是一个完全独立的媒体,运营只靠网络广告支撑,如果您支持爱猫说设计狮网的话,请对此网站关闭广告拦截功能(如:Adblock)爱猫说设计狮网衷心的感谢您。

本文来自投稿,不代表爱猫说设计师网立场,如若转载,请注明出处:https://www.imaoshuo.com/feng-mian-she-ji-ji-qiao-za-zhi-feng-mian-shi-zhan-shi-chuang-zao-li-de-hao-ji-hui-dan-shi-ke-neng-nan-yi-zhi-dao-ru-he-kai-shi/

发表评论

登录后才能评论