3.1.1 一起尝试来做一张海报

3.1.1 一起尝试来做一张海报



你朋友的意式披萨店最近开张了,试营业期间,披萨免费畅吃,欢迎顾客品尝!如果你要为这次免费畅吃的活动设计一张微信海报,你应该如何操作呢?

图3-2是我给出的一张答卷。

3-2

图3-2

下面,让我们一起来复盘这张答卷,也欢迎大家在演练的过程中融入自己的想法,做出更好的作品!

第一步,回顾一下,之前讲过的关于如何创建画板的知识点。

因为是用于微信传播,我们将画幅设置为1242×2208 像素,因为用手机展示,我们选择72dpi精度以及RGB的色彩模式。

在此,我来补充一个小知识,如果你忘了手机屏幕的尺寸,没关系,在新版的PS软件中,你可以直接找到常见的预设尺寸,譬如移动设备下有iPhone X及iPhone 6/7/8 (Plus)的尺寸预设,如图3-3。

3-3

图3-3

创建完画板,你可以在网上找一张现成的意式披萨图,最好是不带背景的PNG图片,这样就免去了抠图的烦恼。

下载后,请单击图层面板中的icon2图标新建一个图层,并将素材拖入画板,按住快捷键“Ctrl+T”(MAC系统为“Command+T”)调整大小,并在图片的适当位置添上一句“试营业当天,披萨免费畅吃,欢迎品尝”的文案。

现在,你看到的效果如图3-4所示,像这种文字与图形上下排布的方式,称为垂直构图。

3-4

图3-4

看上去有些不美观,不过没关系,我们可以在这个基础上进行美化。

首先,把鼠标指向背景层,运用快捷键M框选出整个画面,用油漆桶(快捷键G)倾倒黑色油漆,然后按住快捷键“Ctrl+D”(MAC系统为“Command+D”)取消选区。

其次,把鼠标移回文字层,点击文字工具或者快捷键T,把文字修改为白色。

与此同时,我们要将最能吸引顾客目光的宣传语“披萨免费畅吃”放大,以达到突出信息重要性的目的。在文字编辑状态下,你可以通过顶部菜单做字体的调整工作。

我个人倾向于选择开源字体——思源黑体。然后,我要将中间的重点信息设置为blod模式,让上下两行字保持regular模式不变。

如果你觉得行距窄了,可以在编辑模式下选中想要拉宽行距的文字,按住快捷键“Atl+ ↑”或“Atl+ ↓”(Mac 系统为“Option+ ↑”或“Option+ ↓”)来调整行距。当调整完成后,请按ESC键直接退出编辑模式。当这些操作全部完成后,你将收获图3-5所示的画面。

3-5

图3-5

为了让文字变得更好看,我们可以做一些辅助性的修改。首先,新建一个图层。其次,使用选区工具在新图层上画出一块小小的矩形,如图3-6。

3-6

图3-6

再次,你可以使用油漆桶工具(快捷键G)给这个矩形框涂上白色。接着,按住快捷键“Ctrl+D”(MAC系统为“Command+D”)取消选区。之后,你就拥有了一个辅助图形。你可以直接拖拽这个只有一个白色小色块的图层到icon2,复制出一层一模一样的图层出来,这时,你右侧的图层面板中应该如图3-7所示。

3-7

图3-7

使用直接选择工具icon9,并拖动其中的一层,或按住Shift+icon9快捷键,平行拖动其中的一层矩形色块到右侧,你就会获得一个对称的矩形色块,如图3-8。

3-8

图3-8

按住Shift键,你可以同时选中这三个图层,按快捷键“Ctrl+G”(MAC系统为“Command+G”)为这三个图层编组。然后,你就可以统一调整这三个图层了。

为了让图层更具有辨识度,你可以用鼠标左键双击图层,以便于更改图层的名字。比如这一层是上方的文字内容,就可以将它命名成“上方文字”。命名后的编组图层添加如图3-9所示。

3-9

这时候,海报的基本信息都已经有了。但作为一幅海报,还存在一些不完整的地方,这时我们可以在图形的上方或下方添加一些小文字/小图标,与中心广告语进行呼应。

当然,值得一提的是,为了能让客户一眼分清主次,在添加这些辅助性的文字时,你必须保证广告中心语信息足够清晰明确。这是一个需要反复调整的过程,不要嫌麻烦,要多比较、多尝试。

有了这些文字信息,既做到了画面平衡,又极大地丰富了内容。但圆圆的披萨实在太像一个封闭的椭圆形了。在视觉上,我们需要尽量避免画面的主体是这样的封闭图形,否则必然会导致画面沉闷、死板。

于是,我们可以为这个披萨加上一个印章。为此,我选择了直接从网上下载透明底的PNG格式图片。

新建一个图层,用鼠标拖拽PNG图片,按快捷键“Ctrl+T”(MAC系统为“Command+T”)来调整大小,使得画面略微倾斜,让印章压住披萨的边缘。

这里请大家务必注意,在PS软件里,图层在最上层,如果没有设置特殊的混合模式效果,一般在画面表现中也处在最上层。要让印章压住披萨,在最初创建图层时就需要在披萨照片的上层。不过,如果你建错了图层,也没有关系,用鼠标左键选中图层就可以直接拖动。

加上了这个印章,内容变得更加丰富了,但还缺乏一丝氛围,如图3-10。在这里,我们可以为披萨添上桌子和餐厅的背景。于是,我在网上下载了图3-11这样一幅图片。

3-10

图3-10


3-11

图3-11

在最下面新建一个图层,接着拖入这张素材,按快捷键“Ctrl+T”(MAC系统为“Command+T”)来调整大小。

图3-12是调整完的效果。此时的画面给人的感觉是,背景太强烈了。针对这个问题,我们可以像之前处理多余的蓝色一样,采用蒙版加渐变的方式,削弱背景中窗户的存在感。

3-12

具体操作过程是,首先选中背景图片所在的图层,用鼠标单击图层面板中的蒙版按钮icon3。这时,你会获得一个空白的蒙版层。单击蒙版层,使用快捷键M 操作矩形框选工具,选中整个画面。

使用从黑到白的渐变削弱一部分背景。这时,你会觉得渐变有点强烈。你可以在顶部菜单找到透明度的选择工具,通过调低透明度使渐变的效果削弱。此处的数值默认为100%,一旦调到0%,就会变成完全不可见。我选择调到了18%,当然,你也可以将数值拉到最低。通过逐步尝试,你可以建立起对透明度的概念和认知。

如果你想退回到上一步操作或退回前几步操作,既可以选择历史记录工具,也可以选择使用快捷键“Ctrl+Z”(MAC系统为“Command+Z”)退回上一步。

将背景调整到你觉得合适的程度后,按快捷键“Ctrl+D”(MAC系统为“Command+D”)取消选区,再用鼠标单击切换回移动工具icon9。最后单击回到图层,退出蒙版状态。

此时,你的画面中已经有了餐桌,但作为开业海报,似乎还少了一点星星点点的闪光氛围(如图3-13)。

3-13

图3-13

你可以从网上直接找到类似光效图层的PSD源文件(如图3-14),通过点击图层边上的眼睛符号,开启和关闭图层,确认自己想要的素材具体在哪一层。确认后用鼠标右键单击图层,在弹出的列表中选择复制图层(如图3-15)。

3-14

图3-14


3-15

图3-15

将复制到的素材拷贝到你的目标文件中,如图3-16。长按拖拽调整图层顺序,将我们刚刚导入的星星图层放在最顶端。

3-16

图3-16

画面上是一组白色的星星,为了让它有暖暖的色彩感,我们可以为它加一个“纯色”的图层蒙版。我们之前为一张风景照添加过蓝色的图层蒙版。在此,我们可以用相同的技巧,为星星图层增加一层黄色的梦幻效果。

首先单击图层面板中的icon5,在弹出的列表中选择第一项——纯色。系统此时会跳出拾色器窗口,我们选择黄色。

这时,你一定会发现,整个黄色的图层将之前的画面全部盖住了。你可以按住Alt键(Mac 系统为Option 键),然后将鼠标附在黄色图层上。这时,你的鼠标会变成一个向下的箭头,单击,你就能获得一个只对下一图层产生作用的剪切蒙版。当然,你也可以选择使用快捷键,请按下“Alt+Ctrl+G”(MAC系统为“Alt+Command+G”)来增添这个图层蒙版,如图3-17。

3-17

图3-17

一般,做到这一步,画面就已经非常完整了。但在这里,我还希望向各位介绍PS中的另外两个功能。

请大家在披萨的图层上新建一个图层。然后选择钢笔工具icon11 。

在上一章中,我们提到过矢量图和位图的概念。在通常情况下,我们一般会更多地处理位图,那么PS的矢量功能到底有什么用呢?

在此,我来介绍第一个常用的功能——运用钢笔工具勾画一些特殊的形状。比如,为了给披萨海报制造出一种灯光从侧面打过来的感觉,我用钢笔工具在空白图层上勾画了一个三角形(如图3-18),请注意这个三角形一定是封闭图形。

3-18

图3-18

在路径窗口下(如图3-19),单击下方的按钮icon12,选择将封闭的路径转化为选区。之后,点击回到图层面板,为它添上一个渐变色。

3-19

图3-19

此时的画面效果如图3-20所示。

3-20

图3-20

接下来,使用我们最常用的快捷键“Ctrl+D”(MAC系统为“Command+D”)来取消选区。目前的图形边缘太清晰,和我们想要的效果不符。我们可以在菜单栏中使用“滤镜→模糊→高斯模糊”来进行适当调整(如图3-21)。

3-21

图3-21

你会发现,经过模糊处理的浅黄色色块就像是一束浅浅的灯光,为眼前的披萨带来了一阵暖意。

最后,总结一下这个案例,我们学习并使用了以下这些快捷键。

Ctrl+T(MAC系统为Command+T):调整大小

Ctrl+D(MAC系统为Command+D):取消选区

Ctrl+Z(MAC系统为Command+Z):返回上一步

Alt+Ctrl+G(MAC系统为Alt+Command+G)增加图层蒙版

油漆桶(快捷键G)

希望大家都能将经常使用的快捷键牢记于心,这样做图才能事半功倍。

刚刚,我们做的例子其实是一个典型的垂直构图。在大部分节日或节气的热点图里,我们经常可以找到这种构图方式。垂直构图除了能够使文字清晰表达,还能够产生一种对比或类比的效果,比如图3-22这张海报。

3-22

图3-22