3.1.1 一起尝试来做一张海报
你朋友的意式披萨店最近开张了,试营业期间,披萨免费畅吃,欢迎顾客品尝!如果你要为这次免费畅吃的活动设计一张微信海报,你应该如何操作呢?
图3-2是我给出的一张答卷。
图3-2
下面,让我们一起来复盘这张答卷,也欢迎大家在演练的过程中融入自己的想法,做出更好的作品!
第一步,回顾一下,之前讲过的关于如何创建画板的知识点。
因为是用于微信传播,我们将画幅设置为1242×2208 像素,因为用手机展示,我们选择72dpi精度以及RGB的色彩模式。
在此,我来补充一个小知识,如果你忘了手机屏幕的尺寸,没关系,在新版的PS软件中,你可以直接找到常见的预设尺寸,譬如移动设备下有iPhone X及iPhone 6/7/8 (Plus)的尺寸预设,如图3-3。
图3-3
创建完画板,你可以在网上找一张现成的意式披萨图,最好是不带背景的PNG图片,这样就免去了抠图的烦恼。
下载后,请单击图层面板中的图标新建一个图层,并将素材拖入画板,按住快捷键“Ctrl+T”(MAC系统为“Command+T”)调整大小,并在图片的适当位置添上一句“试营业当天,披萨免费畅吃,欢迎品尝”的文案。
现在,你看到的效果如图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-6。
图3-6
再次,你可以使用油漆桶工具(快捷键G)给这个矩形框涂上白色。接着,按住快捷键“Ctrl+D”(MAC系统为“Command+D”)取消选区。之后,你就拥有了一个辅助图形。你可以直接拖拽这个只有一个白色小色块的图层到,复制出一层一模一样的图层出来,这时,你右侧的图层面板中应该如图3-7所示。
图3-7
使用直接选择工具,并拖动其中的一层,或按住Shift+
快捷键,平行拖动其中的一层矩形色块到右侧,你就会获得一个对称的矩形色块,如图3-8。
图3-8
按住Shift键,你可以同时选中这三个图层,按快捷键“Ctrl+G”(MAC系统为“Command+G”)为这三个图层编组。然后,你就可以统一调整这三个图层了。
为了让图层更具有辨识度,你可以用鼠标左键双击图层,以便于更改图层的名字。比如这一层是上方的文字内容,就可以将它命名成“上方文字”。命名后的编组图层添加如图3-9所示。
这时候,海报的基本信息都已经有了。但作为一幅海报,还存在一些不完整的地方,这时我们可以在图形的上方或下方添加一些小文字/小图标,与中心广告语进行呼应。
当然,值得一提的是,为了能让客户一眼分清主次,在添加这些辅助性的文字时,你必须保证广告中心语信息足够清晰明确。这是一个需要反复调整的过程,不要嫌麻烦,要多比较、多尝试。
有了这些文字信息,既做到了画面平衡,又极大地丰富了内容。但圆圆的披萨实在太像一个封闭的椭圆形了。在视觉上,我们需要尽量避免画面的主体是这样的封闭图形,否则必然会导致画面沉闷、死板。
于是,我们可以为这个披萨加上一个印章。为此,我选择了直接从网上下载透明底的PNG格式图片。
新建一个图层,用鼠标拖拽PNG图片,按快捷键“Ctrl+T”(MAC系统为“Command+T”)来调整大小,使得画面略微倾斜,让印章压住披萨的边缘。
这里请大家务必注意,在PS软件里,图层在最上层,如果没有设置特殊的混合模式效果,一般在画面表现中也处在最上层。要让印章压住披萨,在最初创建图层时就需要在披萨照片的上层。不过,如果你建错了图层,也没有关系,用鼠标左键选中图层就可以直接拖动。
加上了这个印章,内容变得更加丰富了,但还缺乏一丝氛围,如图3-10。在这里,我们可以为披萨添上桌子和餐厅的背景。于是,我在网上下载了图3-11这样一幅图片。
图3-10
图3-11
在最下面新建一个图层,接着拖入这张素材,按快捷键“Ctrl+T”(MAC系统为“Command+T”)来调整大小。
图3-12是调整完的效果。此时的画面给人的感觉是,背景太强烈了。针对这个问题,我们可以像之前处理多余的蓝色一样,采用蒙版加渐变的方式,削弱背景中窗户的存在感。
具体操作过程是,首先选中背景图片所在的图层,用鼠标单击图层面板中的蒙版按钮。这时,你会获得一个空白的蒙版层。单击蒙版层,使用快捷键M 操作矩形框选工具,选中整个画面。
使用从黑到白的渐变削弱一部分背景。这时,你会觉得渐变有点强烈。你可以在顶部菜单找到透明度的选择工具,通过调低透明度使渐变的效果削弱。此处的数值默认为100%,一旦调到0%,就会变成完全不可见。我选择调到了18%,当然,你也可以将数值拉到最低。通过逐步尝试,你可以建立起对透明度的概念和认知。
如果你想退回到上一步操作或退回前几步操作,既可以选择历史记录工具,也可以选择使用快捷键“Ctrl+Z”(MAC系统为“Command+Z”)退回上一步。
将背景调整到你觉得合适的程度后,按快捷键“Ctrl+D”(MAC系统为“Command+D”)取消选区,再用鼠标单击切换回移动工具。最后单击回到图层,退出蒙版状态。
此时,你的画面中已经有了餐桌,但作为开业海报,似乎还少了一点星星点点的闪光氛围(如图3-13)。
图3-13
你可以从网上直接找到类似光效图层的PSD源文件(如图3-14),通过点击图层边上的眼睛符号,开启和关闭图层,确认自己想要的素材具体在哪一层。确认后用鼠标右键单击图层,在弹出的列表中选择复制图层(如图3-15)。
图3-14
图3-15
将复制到的素材拷贝到你的目标文件中,如图3-16。长按拖拽调整图层顺序,将我们刚刚导入的星星图层放在最顶端。
图3-16
画面上是一组白色的星星,为了让它有暖暖的色彩感,我们可以为它加一个“纯色”的图层蒙版。我们之前为一张风景照添加过蓝色的图层蒙版。在此,我们可以用相同的技巧,为星星图层增加一层黄色的梦幻效果。
首先单击图层面板中的,在弹出的列表中选择第一项——纯色。系统此时会跳出拾色器窗口,我们选择黄色。
这时,你一定会发现,整个黄色的图层将之前的画面全部盖住了。你可以按住Alt键(Mac 系统为Option 键),然后将鼠标附在黄色图层上。这时,你的鼠标会变成一个向下的箭头,单击,你就能获得一个只对下一图层产生作用的剪切蒙版。当然,你也可以选择使用快捷键,请按下“Alt+Ctrl+G”(MAC系统为“Alt+Command+G”)来增添这个图层蒙版,如图3-17。
图3-17
一般,做到这一步,画面就已经非常完整了。但在这里,我还希望向各位介绍PS中的另外两个功能。
请大家在披萨的图层上新建一个图层。然后选择钢笔工具 。
在上一章中,我们提到过矢量图和位图的概念。在通常情况下,我们一般会更多地处理位图,那么PS的矢量功能到底有什么用呢?
在此,我来介绍第一个常用的功能——运用钢笔工具勾画一些特殊的形状。比如,为了给披萨海报制造出一种灯光从侧面打过来的感觉,我用钢笔工具在空白图层上勾画了一个三角形(如图3-18),请注意这个三角形一定是封闭图形。
图3-18
在路径窗口下(如图3-19),单击下方的按钮,选择将封闭的路径转化为选区。之后,点击回到图层面板,为它添上一个渐变色。
图3-19
此时的画面效果如图3-20所示。
图3-20
接下来,使用我们最常用的快捷键“Ctrl+D”(MAC系统为“Command+D”)来取消选区。目前的图形边缘太清晰,和我们想要的效果不符。我们可以在菜单栏中使用“滤镜→模糊→高斯模糊”来进行适当调整(如图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