Photoshop特效制作专业技法

978-7-115-44350-2
作者: 【美】Corey Barker
译者: 范中磊
编辑: 赵轩

图书目录:

详情

全书分为9章,通过精彩的案例,介绍了大量实用特效的制作方法,包括:文字特效、商业特效、图形特效、照片特效、纹理特效、光照特效、色彩特效、好莱坞风格特效以及3D特效。跟随作者细致入微的逐步讲解,你将理解并掌握这些专业技法,再加上举一反三和灵活应用,就算是新手也能很快制作出极具品质和商业价值的作品。

图书摘要

版权信息

书名:Photoshop特效制作专业技法

ISBN:978-7-115-44350-2

本书由人民邮电出版社发行数字版。版权所有,侵权必究。

您购买的人民邮电出版社电子书仅供您个人使用,未经授权,不得以任何方式复制和传播本书内容。

我们愿意相信读者具有这样的良知和觉悟,与我们共同保护知识产权。

如果购买者有侵权行为,我们可能对该用户实施包括但不限于关闭该帐号等维权措施,并可能追究法律责任。

• 著    [美] Corey Barker

  译    范中磊

  责任编辑 赵 轩

• 人民邮电出版社出版发行  北京市丰台区成寿寺路11号

  邮编 100164  电子邮件 315@ptpress.com.cn

  网址 http://www.ptpress.com.cn

• 读者服务热线:(010)81055410

  反盗版热线:(010)81055315


Authorized translation from the English language edition, entitled

PHOTOSHOP FOR DESIGNERS BOOK, THE, 1st Edition,9780134386577

by BARKER, COREY, published by Pearson Education, Inc, publishing as

Peachpit Press, Copyright © 2016.

本书中文简体字版由美国Pearson Education授权人民邮电出版社出版。未经出版者书面许可,对本书任何部分不得以任何方式复制或抄袭。版权所有,侵权必究。


谨以此书献给我的父亲!

 

是您发现了我的艺术潜质并指引我走上成功之路。

 

谢谢您,爸爸!


Corey Barker

在过去的十年里,Corey Barker是一位享有盛誉的Photoshop讲师,但他使用Photoshop已有20年的时间。自版本2.0起,Corey使用并精通Photoshop的每一个版本,并且一直利用最新的版本激励着自己的艺术创作和教学工作。Corey曾就读瑞格林艺术设计学院,他在那里攻读插图学位,在大学的第四年,他发现了Photoshop。也就在那时候这位名匠发现了自己选择的工具。

Corey一直以来都是各个领域一流的设计师和教育家。2006年,他加入了最受欢迎的视频广播“Photoshop UserTV”的Photoshop Guys,并且是《PhotoshopUser》杂志的专栏作者,负责编写广受喜爱的Down&DirtyTricks专栏。他还是畅销书《Photoshop特效技法精粹》第1卷和第2卷的作者。他利用直播(如PhotoshopWorldConference and AdobeMAX),给成千上万的学习者讲授Photoshop特效技法。

最近,Corey因其对Photoshop培训的贡献而入选Photoshop名人堂,并且一如既往地继续着自己的在线培训、图书、文章和培训等活动。他最近创办了网站PhotoshopMasterFX.com,这是一个关于Photoshop设计和特效的在线培训网站,提供富有启发的图像和更高一级水平的培训,可帮助用户充分利用Photoshop并最大程度地发挥自己的创造力。


1. 哪些人应该阅读本书?

本书适合用作快速阅览手册,主要适用于设计师和艺术家,但这并不是说摄影师或者业余爱好者就不能从本书中有所收获。无论是需要快速指导,又或是只需要一点点灵感,本书都非常适合您!

2. 本书需要读者具备什么水平?

本书面向中级用户或高级用户,尤其是本书最后的好莱坞风格特效和3D特效章节。不过,这并不是说本书就把初学者排除在外了。如果耐心按照步骤执行的话,新手也能跟随本书的练习一起操作,但了解了Photoshop的工作原理有助于理解本书内容。

3. 本书需要读者安装哪种版本的Photoshop?

本书中的练习是使用Photoshop CC 2015 创建的。如果使用的是较旧版本的Photoshop,我首先就需要问一下,这是为什么呢?开个玩笑啦。不过,说真的,本书中的许多技巧方法都可以使用一些较旧版本的Photoshop来完成。但如果您是CreativeCloud用户的话,无论如何也应该拥有最新的版本。

4. 如何下载案例文件?

可以通过下载本书中所使用的较低版本的图像文件来练习这些项目。通过这种方法可以保证自己理解这些技巧,然后就可以将它们应用到自己的项目中。可以通过注册登录“异步社区”,从本书页面中下载案例文件。

5. 如何使用图片库图像?

虽然在某些情况下我使用的是自己用照相机或手机拍摄的照片,但还是强烈建议使用图片库图像。我在整本书中使用了AdobeStock(以前是Fotolia.com)中的大量图片库图像。AdobeStock是非常有用的资源,而且最重要的是它是直接内置到CreativeCloud中的,不过这是一个付费服务。一旦签约,就会获得10张免费的图像,而且还可以下载任意图像的水印图。

6. 如何获取其他资源?

除了AdobeStock之外,我还使用了其他一些资源,我仍然愿意分享给大家。虽然这些资源并没有在本书中使用,但是作为一名设计师,我偶尔也会使用一下这些资源,而且你也可能了解得并不多。

PixelSquid.com:TurboSquid.com的各位用户已经创建了专为Photoshop开发的3D对象。然而,在一般情况下,这些用户并不会使用Photoshop3D。可以使用特殊的插件将3D对象导入到自己的Photoshop设计中。自己可以控制对象的角度,但是只限于插件窗口。在编写本书时,这项服务是免费的,但是可能会有所改变。这项资源真是太棒了。

DaFont.com:虽然Typekit非常稳健,而且是属于用户友好型的字体库,但是我仍然会访问Dafont.com来获取更多独特的风格化字体。这些字体是免费的,但是要了解每种字体的使用权限。

Archive3D.net:Photoshop从头开始创建3D对象和特效的能力确实让人印象深刻,但你还可以导入其他应用程序创建的3D对象。我使用的其中一种资源就是Archive3D.net。这个网站上有大量非常酷的3D模型可以导入到Photoshop中,而且全部是免费的。不过还要知道的是,将这些模型导入到Photoshop中时并不一定都能成功。在大多数情况下,这些模型可以正常运行,但有时会也会分解或是丢失部分内容。虽然可以进行调整,但有时也是毫无希望的,不过这只是在免费使用时才会出现的风险。


处理文字是设计师的一项基本技能,现在Photoshop可让你以不可思议的方式对文字执行更多操作。本章将介绍一些技巧,帮助你以更具创意的方式设计文本。

此特效的灵感来自电影《侏罗纪世界》。仅使用一种纹理和多种图层样式就能获得一种有趣的结果,这是一种很棒的方式。

步骤1:按Command+O(PC:Ctrl+O)组合键,打开想用作基底图像的纹理图像。可以使用自己的图像,也可以从本书前言提到的下载页面下载本练习所用的纹理。

步骤2:打开文件后,访问“编辑”菜单,选择“定义图案”。出现提示时,为新图案命名,并单击“确定”。

步骤3:接下来,按Command+N(PC:Ctrl+N)组合键,创建一个宽度为2000像素且高度为1000像素的新文档。单击“背景内容”的颜色样本,将颜色设置为“黑色”,然后单击“确定”。

步骤4:现在,选择横排文字工具(T),按D键,然后按X键将“前景色”设置为白色,并单击画布以创建一个新的文本图层。选择一种大号的粗体字以显示尽可能多的纹理。在这里,我使用的字体是BT Machine。使用“字符”面板根据自己的喜好调整文本(我调整了第二行文字的间距以便它与第一行文字等宽)。

步骤5:选中文本图层,单击“图层”面板底部的“添加图层样式”图标,选择“图案叠加”。单击“图案”缩览图,找到在步骤2中定义的纹理(它应该是最后一个),单击以选择它。选中此纹理后,可以手动将它放置在文字中,方法是单击并拖动图像。完成时请单击“确定”。

步骤6:按Command+J(PC:Ctrl+J)组合键制作此图层的副本。

步骤7:在“图层”面板中,双击此副本图层下面的图层样式名称,重新打开“图层样式”对话框,为现有的图案叠加添加“斜面和浮雕”图层样式。使用我在这里列出的设置让文本看起来轮廓鲜明。单击“确定”。

步骤8:现在,单击“图层”面板底部的“添加图层蒙版”图标,为此文本图层副本添加蒙版。然后,在工具箱中选择画笔工具(B)。在选项栏的“画笔预设选取器”中,选择如下图所示的简单喷溅画笔,这是一种默认画笔。单击画笔缩览图右侧的文件夹图标,打开“画笔”面板,在“画笔笔尖形状”下,将“间距”设置为50%左右。选中“形状动态”复选框,将“大小抖动”和“圆度抖动”设置为0%,并将“角度抖动”设置为100%(注意:确保选项栏中的“钢笔压力”图标是关闭的,这样才可以在“画笔”面板中控制钢笔压力)。

步骤9:确保将前景色设置为黑色,然后在图层蒙版处于活动状态时,在一些随机的文本图像区域轻涂,这样会在重新绘制斜面时获得轮廓分明的特效(实际上是在遮蔽绘制的小范围区域)。确保不要操作过度。

步骤10:接下来,单击“图层”面板底部的“创建新图层”图标,在文本图层上方创建一个空白图层。按住Option(PC:Alt)键的同时单击空白图层下面的fx图标,并将此图标拖放到空白图层。这样做会将图层样式复制到空白图层。

步骤11:现在,使用一种炫酷的粒状画笔,添加一种尘埃和碎屑从文本上脱落的特效。第5章将介绍创建画笔特效,但是可以从本书前言提到的下载页面下载这里所用的画笔预设(双击画笔预设文件,它将出现在“工具预设”面板和“画笔选项”面板中)。在碎裂的文本区域四处轻涂以添加落下的颗粒。

步骤12:进行润色的最后一步,确保前景色仍设置为黑色,并制作一个背景图层副本。然后,将同一岩石纹理作为“图案叠加”图层样式应用于此图层,作为背景元素。但是,在“图层样式”对话框中,将“不透明度”设置为75%。然后,单击左侧的“渐变叠加”,将“混合模式”设置为“正片叠底”,将“不透明度”设置为75%。在“渐变拾色器”中,选择“前景色到背景色渐变”,将“样式”设置为“径向”,并选中“反向”复选框,然后将“缩放”增加到115%。可以直接在图像上单击并拖动来手动放置渐变。

步骤13:最后,返回到具有纹理的原始文本图层,应用“投影”图层样式,让它从背景中突显出来。作为最后一个选择,可以为应用了斜面的图层添加“颜色叠加”图层样式,创建进一步分离的感觉,正如我在这里所做的一样(我选择了橘色,将“混合模式”设置为“叠加”,并将“不透明度”设置为50%)。

最终特效

目前,有一种很流行的设计,就是文本叠加与背景照片以一种时尚方式混合在一起。在这里,我们将制作一张运动主题海报,但此方法适用于几乎任何主题。

步骤1:按Command+O(PC:Ctrl+O)组合键,打开想用作基底图像的照片。在这里,我将制作一张篮球海报来展示运动主题。可以从本书前言提到的下载页面下载此文件,也可以使用任何你想要使用的图像。此方法适用于任何主题。

步骤2:按Command+N(PC:Ctrl+N)组合键打开“新建”对话框,创建一个宽度为1200像素且高度为1700像素的新文档,并将“背景内容”设置为“白色”。使用移动工具(V)将基底图像拖放到此新文档。按Command+T(PC:Ctrl+T)组合键切换到自由变换,缩放并旋转图像,确定其最终位置,然后按Return(Enter)键提交这些更改。

步骤3:现在,要赋予此运动照片敏捷刚毅的感觉,按Command+J(PC:Ctrl+J)组合键制作此图层的副本,然后访问“滤镜”菜单,选择“其他”,再选择“高反差保留”。将“半径”设置为10像素,单击“确定”。

步骤4:将此高反差保留图层的混合模式设置为“叠加”。这样做将锐化拍摄对象并增强其对比度。

步骤5:接下来,我们将使用“黑白”调整图层对图像进行着色。选中最顶部的图层,单击“图层”面板底部的“创建新的填充或调整图层”图标,选择“黑白”。

步骤6:在“属性”面板中,选中顶部的“色调”复选框,然后单击右侧的颜色样本,打开“拾色器(色调颜色)”对话框。为背景选择一种颜色并单击“确定”。在这里,我使用的是金黄色(R=174,G=127,B=15)。记住,这是一个调整图层,因此可以随时对它进行更改。

步骤7:选择了色调颜色后,使用其下方的各种颜色滑块可以调整图像的颜色强度。例如,增加“红色”数值将使阴影区域更亮一些,从而显示更多的色调颜色。可以在需要的区域调整其他滑块,直到图像符合你的喜好为止。

步骤8:在“图层”面板中选择原始照片图层,并将其“不透明度”降至55%。

步骤9:访问“视图”菜单,选择“新建参考线版面”。取消选中“列”复选框,选中“边距”复选框,然后将所有边都设置为100像素。单击“确定”。

步骤10:在工具箱中选择横排文字工具(T)。然后,单击左上边距的角,并在边距参考线内拖出一个文本框。在选项栏中选择一种字体(我使用的是Futura Medium),然后设置文本以匹配主题。我键入了BASKETBALL,但是我将此单词分成了三行,更改了字体大小,并调整了字距使文字看起来均匀一些。

步骤11:突出显示第一行文本,然后按Command+Option+Shift(PC:Ctrl+Alt+Shift)组合键,按句点键重复操作,直到最后一个字母跳到下一行为止,然后按逗号键撤销一步。为剩余两行重复此操作,直至使用文本填满整个文本框。如果需要,在“字符”面板中调整行距(我调整了行距,这样文本行之间的距离很近,但并未接触在一起)。

步骤12:双击文本图层的缩览图以选择文本。然后,在选项栏中,单击颜色样本,打开“拾色器(文本颜色)”。在这里,我使用了鲜艳的洋红色,因为背景是黄色的。如果使用的是其他颜色的背景,则可能需要使用其他颜色。完成时请单击“确定”。

步骤13:现在,将文本图层的混合模式更改为“差值”,这样做会与背景生成有趣的颜色混合。最后,作为一个选项,可以为文本图层添加细微的“投影”图层样式,让文本看起来更立体,如你在这里看到的一样。此外,如果更改调整图层的色调颜色,则会看到各种有趣的颜色混合结果。

下面介绍一种非常炫酷的技巧:可以将样式和纹理组合起来,同时还能够让所有元素位于不同的图层上。这也是为什么掌握图层是使用Photoshop的关键。

步骤1:此特效类似于本章前面介绍的岩石纹理特效,但稍微有些不同。能够实现复杂的特效,并同时保持原始文本图层的完整可编辑性,这是一种相当炫酷的技巧。按Command+O(PC:Ctrl+O)组合键,打开想使用的纹理文件。在这里,我们有一种有趣的腐蚀纹理。

步骤2:在“编辑”菜单下,选择“定义图案”,将此纹理定义为图案。出现提示时,为新图案命名,并单击“确定”。

步骤3:按Command+N(PC:Ctrl+N)组合键,创建一个宽度为2000像素且高度为1000像素的新文档,并将“背景内容”的颜色设置为“黑色”。现在,在工具箱中选择横排文字工具(T),在文档中单击以创建一个新的文本图层,并键入一些文本。在这里,我键入了两个单词的粗体标题。一定要为此标题使用非常粗的字体(我使用了Swiss Black),并使用“字符”面板根据自己的喜好调整文本(我调整了字距和行距)。

步骤4:设置好文本后,访问“图层”面板,在文本图层上方或下方添加一个新的空白图层。我在文本图层下方添加了一个新的空白图层,方法是按住Command(PC:Ctrl)键并单击“图层”面板底部的“创建新图层”图标。

步骤5:现在,按住Command(PC:Ctrl)键并单击文本图层和空白图层以选中它们,按Command+G(PC:Ctrl+G)组合键将它们组合到一个文件夹中(图层仍然是分开的,仅是嵌入到了此组中)。这样做的好处是,我们可以为组应用图层样式,程序会将所有图层视为一个图层,尽管它们是分开的。

步骤6:选中组文件夹,单击“图层”面板底部的“添加图层样式”图标,并选择“图案叠加”。单击“图案”缩览图,选择在步骤2中定义的纹理(它应该是最后一个)。记住,可以手动调整纹理的位置,方法是在图像上单击并拖动。暂时不要单击“确定”。

步骤7:单击左侧的“斜面和浮雕”,并使用与图中类似的设置,让文字的边缘看起来有立体感。斜面将立刻变得更明显。

步骤8:好了,还记得之前的空白图层吗?在“图层”面板中,单击组文件夹左侧的小箭头,显示组中的图层。然后,单击空白图层以选中它。

步骤9:现在,为空白图层引入一些图形元素,这些元素将通过应用于组的图层样式与文本混合起来。例如,我在这里使用了画笔工具(B),使用的是水彩溅滴画笔。如果你在文本的周围轻涂了几次画笔,会立刻生成有趣的特效。因此,按D键将前景色设置为黑色,并在文本周围单击几次。注意在新元素出现的地方纹理是如何显现的。用这种方法,可以更加自由地控制文本和其他元素的位置,因为它们虽然位于同一个组中,但仍属于不同的图层。很棒,对吧?

最终特效

这是我必须做的一种特效,因为这是一种很酷的特效。我是在网络体育广告中看到它的,它以一种极具创意的方式遮住了文本内部的图像。我们将利用一些简单的图层技巧来实现此特效。

步骤1:首先按Command+O组合键打开主题图像(PC:Ctrl+O)。在这里,我们使用白色背景的网球运动员图像以方便提取,可以从本书前言提到的网页下载此图像。

步骤2:访问“通道”面板(“窗口”>“通道”),单击“蓝”通道以选中它,因为它的对比最强烈。然后,右键单击蓝通道,从弹出菜单中选择“复制通道”。当对话框打开后,单击“确定”。

步骤3:选择副本通道,按Shift+Delete(PC:Shift+Backspace)组合键打开“填充”对话框。将“内容”设置为“黑色”,将“模式”设置为“叠加”,单击“确定”。这样做会让拍摄对象的灰色区域变得更暗,但并不会影响白色背景。

步骤4:在头和手臂上仍有一些灰色区域,因此还可以再一次或多次应用“叠加”填充,让灰色区域变得更暗。要进行一些微调,可以使用画笔工具(B),并使用混合“模式”设置为“叠加”的柔边画笔(在选项栏中)将灰色区域绘制为黑色。我们想让拍摄对象在白色背景上显示为纯黑色。

步骤5:将拍摄对象变黑后,按Command+I(PC:Ctrl+I)组合键反转图像。现在,如果你在边缘周围看到任何浅灰色区域,按Command+L(PC:Ctrl+L)组合键,使用简单的“色阶”调整来消除这些区域。

步骤6:在“通道”面板中单击主RGB通道,然后访问“选择”菜单,选择“载入选区”。在“通道”弹出菜单中选择“蓝拷贝”,单击“确定”。

步骤7:此时,如果仍需清理柔和边缘周围的选区,可以访问“选择”菜单,选择“调整边缘”打开“调整边缘”对话框。这不是必要的,但是一个选项。完成选择后,按Command+J(PC:Ctrl+J)组合键将所选区域复制到一个新图层上。

步骤8:接下来,我们将此拍摄对象加入一个带有背景的新文档中。在这里,我使用了移动工具(V)将人物移动到了一个带有简单颜色填充图层的背景文件中,并且此图层应用了“图案”和“渐变叠加”图层样式。

步骤9:现在,使用“快速选择”工具(W)选择拍摄对象的汗衫区域。选中了此区域后,可以在选项栏中单击“调整边缘”按钮调整选区,如果需要的话。有时,查看是否选中了所有内容更简单一些。

步骤10:在“选择”菜单下,选择“修改”,然后选择“扩展”。将“扩展量”设置为2个像素并单击“确定”。这将会自动处理原始选区中未选择的消除锯齿边缘。然后,按Command+Shift+J(PC:Ctrl+Shift+J)组合键剪切选区并将它放置到一个新图层上。

步骤11:选择横排文字工具(T),在画布上单击以创建一个文本图层。你可以使用一句名言或者是一组随机的话,但需要使用粗体字(我使用了Swiss721BT Black Extended字体)。然后,根据文本在汗衫的具体位置来调整每行文本的格式。这与我们在篮球队员图像中进行文本格式化的方式类似,我们需要让汗衫区域中的每行文本都清晰可读。在这里,我使用了一段文字,需要将文字格式化为不同的大小,并放在不同的行以适应可见区域。此外,要注意行距。需要将行之间的距离设置得非常小,但又不能让字母之间彼此接触。

步骤12:根据汗衫形状对文本进行格式化后,单击带有汗衫的图层,将它拖动到“图层”面板中文本图层的上方。按Command+Option+G(PC:Ctrl+Alt+G)组合键修剪文本中的汗衫图层。你还将看到文本在形状中的具体位置。如果需要的话,使用相同的格式化快捷键继续调整文本,尽可能地适应汗衫形状。

步骤13:现在,尽管文本挨得很近,但一小部分文本仍位于拍摄对象的边缘外,下面是一种巧妙的补救方法:按住Command(PC:Ctrl)键并单击汗衫图层的缩览图以将它作为选区载入。然后,选中文本图层,单击“图层”面板底部的“添加图层蒙版”图标。这样做会遮盖超出汗衫区域的内容,并且仍可以继续调整文本的格式以适应汗衫区域。

最终特效

这是一个相当简单而炫酷的3D技巧,它适用于文本或照片,只需使用几个简单的文本图层。

步骤1:按Command+N(PC:Ctrl+N)组合键,创建一个新文档,并将“背景内容”设置为“黑色”。现在,选择横排文字工具(T),(在选项栏中)将文本颜色设置为白色,然后单击画布以创建一个新的文本图层。键入想要的文本并进行格式化(使用“字符”面板)。只需要一个或两个单词。

步骤2:选中文本图层,访问“3D”菜单,在“从图层新建网格”下,选择“明信片”。这样做会将文本图层放置到其自己的3D环境中。在“图层”面板中,会看到文本图层已变为3D图层(注意:如果这是你第一次使用“3D”菜单,Photoshop会询问你是否要切换到3D工作区,如果选择是,将打开“3D”面板和“属性”面板)。

步骤3:在“3D”面板中,确保选中了“当前视图”。然后,在“属性”面板中,会看到“视角”的相机设置。将此数字设置为大约7毫米镜头。这样做会赋予一种从很宽的广角镜头观看文本的感觉。

步骤4:使用选项栏最右侧的“3D模式”工具来移动文本。使用“滑动3D相机”工具将文本移动得近一些,然后使用“环绕移动3D相机”工具来旋转文本的视角,这样做会看到广角特效。这非常便于获得极端但精确的视角。只需将文本放置在你想要的角度上即可,然后访问“3D”菜单,并在完成时进行快速渲染。

要在另一个图像中使用此图层,只需选择移动工具(V)并将它拖放到图像中即可,正如我下面展示的那样。如果需要,使用“3D模式”工具调整位置,然后右键单击图层并选择“转换为智能对象”。这样做会将3D图层视为一个普通的智能对象,但仍然可以更改其3D属性(只需双击智能对象缩览图来打开原始图像即可)。

提示:

 

记住,它是一个3D图层,因此可以访问“图层”面板,并双击“漫射”子图层来访问带有文本图层的原始文档。突出显示文本并键入一个新单词,然后关闭文档并保存更改。程序会自动更新文档。

最终特效


在这个社交媒体时代,公众的注意力短暂,因此制作出迅速吸引眼球且具有影响力的商业设计很关键。本章将介绍一些使用照片、纹理、图形和文本的创意方式,以便快速吸引观众的注意力。

此特效是一种炫酷且时尚的方式,可混合不同场景下同一主题的一些照片。下面将介绍一种受运动广告启发的特效。

步骤1:按Command+O(PC:Ctrl+O)组合键,打开将用作基底图像的第一张图像。在这里,我们使用的是正准备击球的棒球运动员照片。

步骤2:现在,打开将与此图像混合的第二张图像。在这里用的是同一个运动员的照片,但这次他正在前扑接球。

步骤3:打开第二张图像后,访问“编辑”菜单,选择“定义图案”,将此图像保存到Photoshop中,因为稍后我们将通过图层样式应用此图像。出现提示时,可以为此图案命名。

步骤4:现在,返回到第一张棒球运动员图像。在工具箱中选择矩形工具(或者按Shift+U组合键直到选中它),然后,在选项栏中,将工具模式设置为“形状”。将“填充”颜色设置为“白色”或任意你喜欢的颜色,并将“描边”颜色设置为“无颜色”。

步骤5:首先在图像上创建一个竖立的形状,如下图所示。绘制第一个形状将创建一个新形状图层,并使用所选的颜色填充形状。在选项栏中单击“路径操作”图标,选择“合并形状”。

步骤6:然后,在画布的其他位置添加另一个纵向矩形。这样做应该会为现有形状图层添加一个新形状。继续添加更多矩形,直到如上图所示。我们稍后将更改这些矩形的位置。

步骤7:单击“图层”面板底部的“添加图层样式”图标,选择“图案叠加”。单击图案缩览图,在“图案”拾色器中,找到在步骤3中定义的图像(它应该是最后一个)。确保“不透明度”和“缩放”都设置为100%。作为一个选项,记住,在“图层样式”对话框仍然打开的情况下,可以在矩形内四处移动图案图像,方法是单击图像并四处拖动它。操作完成时,单击“确定”。

步骤8:选中形状图层,访问“编辑”菜单,选择“变换路径”,再选择“斜切”。然后,按住Option(PC:Alt)键并单击顶部中间的控制点,向右拖动以便矩形向右倾斜。操作完成时,按Return(Enter)键锁定更改(在警告对话框中单击“是”)。

在本例中,我们想显示每张图像比较好的部分,因此必须记住矩形的位置。记住,可以使用直接选择工具(按Shift+A组合键,单击路径选择工具的白色箭头可以看到它)修改各个控制点或路径以使矩形变得更宽或更窄。

步骤9:排列好矩形后,可以添加更多样式,制作与背景分离的感觉,方法是双击图层样式以打开“图层样式”对话框,单击左侧的“投影”,然后使用如右图所示的设置。

接下来,单击“斜面和浮雕”,先使用右图所示的设置,如果使用的是不同的图像,可以根据需要进行调整。

步骤10:总体特效完成后,则需要添加一些文本。在这里,我使用的字体是Eurostile Bold Extended,并使用了两种颜色。选择横排文字工具(T),在图像上单击并开始键入文本。使用横排文字工具突出显示每行文本,并使用选项栏中的颜色样本更改颜色。然后,添加“投影”图层样式,将“不透明度”设置为大约55%。

步骤11:我希望文本与纵向矩形的角度大致相同。因此,访问“编辑”菜单,选择“变换”,再选择“斜切”。按住Option(PC:Alt)键,单击并拖动顶部中间的控制点,向右拖动,直到角度与矩形的角度接近。完成时按Return(PC:Enter)键。

步骤12:作为润色的最后一步,按Command+J(PC:Ctrl+J)组合键制作此文本图层的副本。在“图层”面板中,将此副本图层放置在背景图层的上方和矩形图层的下方。

步骤13:按Command+T(PC:Ctrl+T)组合键激活自由变换,然后按住Shift键并同时抓住角控点,将文本放大到非常大。完成时按Return(PC:Enter)键。最后,将此图层的混合模式设置为“叠加”,并将“不透明度”降至大约25%。

最终特效

这是受我见过的运动广告启发的另一种特效。它是使用图案元素和不同图像制作一个极具商业吸引力的复合图像的典型示例。

步骤1:首先抠出拍摄主体,在本例中是此足球运动员。我找到的图片具有白色的背景,因此抠出他与在第1章中抠出网球运动员的方式类似。先访问“通道”面板,右键单击“蓝”通道,选择“复制通道”,制作蓝通道的副本。

步骤2:制作好蓝副本通道后,按Command+I(PC:Ctrl+I)组合键反转此通道副本。

步骤3:现在,按Shift+Delete(PC:Shift+Backspace)组合键打开“填充”对话框。将“内容”设置为“白色”,将“模式”设置为“叠加”。单击“确定”。这样做会将大多数灰色区域变为白色,而保持黑色区域不变。再执行一次此操作,让灰色区域变得更白。

步骤4:如果仍然有一些需要变为白色的灰色区域,执行全局填充可能会让一些区域变得太白。因此,选择画笔工具(B),然后在选项栏中,在“画笔预设”选取器中选择柔边圆画笔,将此工具的混合“模式”设置为“叠加”,并在灰色区域使用白色进行绘制,直到通道变为黑白色且没有任何灰色为止。

步骤5:准备好此通道副本后,单击顶部的RGB通道返回彩色图像。然后,访问“选择”菜单,选择“载入选区”,并从“通道”弹出菜单中选择“蓝拷贝”。此时,如果需要的话,可以使用“调整边缘”对话框(也位于“选择”菜单下)清理选区。完成后,按Command+J(PC:Ctrl+J)组合键将所选区域复制到一个新图层。

步骤6:抠出拍摄主体后,按Command+S(PC:Ctrl+S)组合键保存此文档,然后按Command+N(PC:Ctrl+N)组合键创建一个宽和高均为250像素且背景图层为黑色的新文档。

步骤7:放大到大约300%,这样可以看到所执行的操作,然后按Command+R(PC:Ctrl+R)组合键激活文档标尺。从标尺拖出一条水平参考线和一条垂直参考线,拖到画布的中心。它应该与两条参考线的中心对齐(除非你在“视图”菜单中关闭了此选项)。

步骤8:在工具箱中选择直线工具(嵌套在形状工具中),或者是按Shift+U组合键直到选中它。在选项栏的最左侧,将工具模式设置为“形状”。然后,将“填充”颜色设置为“白色”,将“描边”颜色设置为无颜色,并将线条宽度设置为3像素。最后,单击“路径操作”图标(在“H”字段的右侧),选择“合并形状”。

步骤9:从顶部中间开始,按住Shift键并沿着垂直参考线绘制一条直线。然后,按住Shift键并沿着水平参考线绘制一条水平线。

步骤10:在左上角和右上角执行相同的操作,但这次是按住Shift键,单击并以45度角拖动来绘制直线。

步骤11:在“图层”面板底部单击“创建新图层”图标,创建一个新空白图层,并按Command+A(PC:Ctrl+A)组合键来选择全部。然后,访问“编辑”菜单,选择“描边”。将“宽度”设置为5像素,将“位置”设置为“内部”,将“颜色”设置为“白色”,单击“确定”。

步骤12:关闭“背景”图层的眼睛图标,访问“编辑”菜单,选择“定义图案”。出现提示时,为图案命名。

步骤13:现在,创建一个宽为1450像素且高为2100像素的新文档来放置最终设计。将“背景内容”设置为深蓝色(注意:我是根据此足球运动员所穿衣服的颜色来选择颜色的)。

步骤14:接下来,选择横排文字工具(T),在文档中单击以创建一个新文本图层。文本将占很大一部分背景,因此选择一种粗体字,并使用可从背景中脱颖而出的颜色。在这里,我使用了Old School United Regular字体,并选择了黄色来匹配拍摄主体的鞋子。我对文本进行了倾斜操作以获得一种戏剧性的视角(访问“编辑”菜单,选择“变换”,再选择“斜切”),使用的文本斜切方式与之前介绍的类似,但这次是抓住右上角的控点并向上拖动。如果需要,可以使用“字符”面板调整字距和行距。

步骤15:使用移动工具(V)将抠出的拍摄主体图层拖放到主设计上。确保将它放置到“图层”面板的最顶部,即位于文本图层上方。此外,按Command+T(PC:Ctrl+T)组合键转到“自由变换”,对拍摄主体执行缩放操作以使其符合构图(按住Shift键,同时单击并拖动角控点来保持比例)。

步骤16:在“图层”面板中单击“背景”图层,然后在它上方创建一个新空白图层。为了确保此图层位于“背景”图层上方,但在文本图层下方。按Shift+Delete(PC:Shift+Backspace)组合键打开“填充”对话框,将“内容”设置为“50%灰色”,单击“确定”。

步骤17:选中此灰色图层,单击“图层”面板底部的“添加图层样式”图标,选择“图案叠加”。单击“图案”缩览图,打开“图案”拾色器,选择我们之前定义的图案(它应该是最后一个)。然后,将“混合模式”设置为“叠加”,将“缩放”设置为大约50%。接下来,单击左侧列表顶部的“混合选项”。在“高级混合”部分,将“填充不透明度”降至0。这样做会让图案与背景融合起来。单击“确定”。

步骤18:现在,单击“图层”面板底部的“添加图层蒙版”图标,为此图案图层添加一个图层蒙版。然后,选择渐变工具(G),在选项栏中,单击渐变缩览图,在渐变编辑器中选择“前景色到透明渐变”,并单击“径向渐变”图标(渐变缩览图右侧的第二个图标)。单击并拖动以为蒙版添加一些渐变来随机遮挡图案。

步骤19:打开体育场背景图像(可以从本书前言提到的下载页面下载它)。将它拖放到主设计上,然后使用“自由变换”来缩放并旋转它,以便照片的地平线与文本的角度一致。将此图像放置在“图层”面板中图案图层的上方。

步骤20:最后,为此图层添加一个图层蒙版,并使用同一径向渐变为体育场图层的顶部和底部边缘添加一些渐隐特效。

额外提示:

 

可以为文本添加一些额外的混合特效,方法是选择文本图层,然后单击“添加图层样式”图标,选择“混合选项”。然后,在“混合颜色带”部分,按住Option(PC:Alt)键并单击白色的“下一图层”滑块来拆分它,将左侧滑块向左拖动一点,直到看到开始显示高光为止。单击“确定”。

最终特效

在本练习中,我想展示好莱坞特效是如何影响商业产品设计的。最近,许多电影海报都大量采用了此合成方法,但由于我们大多数人并不会设计电影海报,因此下面介绍如何更改好莱坞特效以使其适合这个虚构的威士忌广告。

步骤1:首先,按Command+N(PC:Ctrl+N)组合键,创建一个宽为1745像素且高为2000像素的新文档来放置最终设计。现在将“背景内容”颜色设置为“白色”。

步骤2:接下来,打开想用作背景的纹理。在这里,我们使用了一个来自PhotoArt Textures集合的纹理。继续操作,使用移动工具(V)将此纹理放入主文档中,然后按Command+T使用自由变换(PC:Ctrl+T)组合键缩放并旋转纹理,使其适合画布。

步骤2

步骤3:现在,打开此颜料飞溅图像(从本书前言提到的链接下载它)。它将成为总体设计的框架。但是,我们需要将它从背景中抽取出来。此颜料飞溅的颜色是错误的,但这并没有关系,因为我们只需要这个形状。

步骤3

步骤4:按Command+Shift+U(PC:Ctrl+ Shift+U)组合键删除图像的颜色。然后,按Shift+Delete(PC:Shift+Backspace)组合键打开“填充”对话框,将“内容”设置为“黑色”,将混合“模式”设置为“叠加”。单击“确定”。再执行一次此操作,让此颜料飞溅图像变得更暗一些。

步骤4

步骤5:按Command+I(PC:Ctrl+I)组合键反转图像。然后,打开“通道”面板,按住Command(PC:Ctrl)键的同时单击RGB通道缩览图。这样做会将形状作为选区载入。在“图层”面板中,单击底部的“创建新图层”图标,创建一个新空白图层,并按D键将前景色设置为黑色,然后按Option+Delete(PC:Alt+Backspace)组合键使用前景色填充选区。

步骤5

步骤6:当颜料飞溅图像位于纹理的恰当位置后,打开威士忌酒瓶和玻璃杯图像。将此图像拖放到主布局中,然后使用自由变换工具缩放并定位它,让酒瓶和玻璃杯大致位于颜料飞溅背景图像的中央。

步骤7:单击“图层”面板底部的“添加图层蒙版”图标,为此图层添加一个蒙版。然后,按G键选择渐变工具,在选项栏的渐变编辑器中选择“前景色到透明渐变”,并单击渐变缩览图右侧的“径向渐变”图标。将前景色设置为黑色,单击并拖出一些渐变来遮挡酒瓶图层的边缘。这展示了在没有复杂抠图方法的情况下如何混合图像。

步骤7

步骤8:现在,打开第一张拍摄主体图像。在这里我们使用的图像是一个带墨镜的女孩。与酒瓶图像类似,将此图像放入主布局中,然后缩放并放置它,将它放在酒瓶的右侧。然后,按住Option(PC:Alt)键并单击“添加图层蒙版”图标,添加一个黑色(隐藏全部)图层蒙版。

步骤8

步骤9:使用与步骤7相同的渐变,但这次将前景色设置为白色而不是黑色,并在拍摄主体的脸部添加一个渐变。如果需要的话,可以添加更多细微渐变来显示拍摄主体的更多区域。现在,你可以看到它们合并到一起了。

步骤9

步骤10:对第二个拍摄主体(带墨镜的男人)执行相同的操作。继续操作,将他拖放到主图像中,将他放置到酒瓶的左侧。然后,添加一个黑色图层蒙版,与之前一样,使用白色径向渐变来显示他。

步骤10

步骤11:现在,可以看出我们需要在边缘添加几个抽象元素,让拍摄主体融进场景中。在这里,我有一个能出色完成工作的有趣颗粒元素集合。

步骤11

步骤12:由于这些元素是黑底白条,因此需要做的是按住Shift+Delete(PC:Shift+Backspace)组合键来打开“填充”对话框,将“内容”设置为“白色”,将混合“模式”设置为“叠加”,并单击“确定”以让它们变得更亮一些。

步骤12

步骤13:接下来,访问“通道”面板,按住Command(PC:Ctrl)键并单击RGB缩览图以将突出显示的区域作为选区载入。然后,创建一个新的空白图层,并使用黑色填充选区。

步骤13

步骤14:使用套索工具(L)大致选择左上方的颗粒形状,然后选择移动工具并将它拖放到主布局中。在“图层”面板中,将此图层放置在颜料飞溅图层的上方,然后将颗粒元素放置在合成图中颜料飞溅的右侧,并使用自由变换工具调整它的大小。现在,由于它是抽象的,因此访问“编辑”菜单,选择“变换”,再选择“扭曲”。然后,使用网格更改颗粒元素的形状,使其更好地与现有颜料飞溅融合在一起。完成时按Return(PC:Enter)键。

步骤14

步骤15:在颜料飞溅的另一侧,使用一个不同的颗粒元素,或者是使用同一颗粒元素,但是,这次在使用自由变换时,在边界框中右键单击并选择“水平翻转”,然后再次扭曲以更改它。

步骤15

步骤16:现在,返回到具有原始颜料飞溅的图层并为它添加图层蒙版。然后,在颗粒边缘使用黑色径向渐变来隐藏所有多余的区域。

步骤17:选择“图层”面板最顶部的图层。然后,按住Option(PC:Alt)键的同时单击“图层”面板的右上角,从弹出菜单中选择“合并可见图层”。这样做会在顶部创建一个拼合版本的新图层。

步骤17

步骤18:按Command+Shift+U(PC:Ctrl+ Shift+U)组合键删除图层的颜色。然后,访问“滤镜”菜单,选择“滤镜库”,然后选择“纹理”,再选择“颗粒”。将“强度”设置为25,将“对比度”设置为3。此外,将“颗粒类型”设置为“斑点”,然后单击“确定”。

步骤18

步骤19:按Command+U(PC:Ctrl+U)组合键打开“色相/饱和度”对话框。选中“着色”复选框,将“色相”设置为30,将“饱和度”设置为50,将“明度”设置为−10。单击“确定”。

步骤20:将图层的混合模式设置为“颜色”。添加一个图层蒙版,选择我们一直使用的渐变工具,返回转到选项栏,将此工具的“不透明度”设置为75%。现在,为中央区域添加一些渐变以显示原图,但需要显示纹理图层的色调。

步骤20

步骤21:最后,键入一些文本(使用横排文字工具;我使用了Swiss721BT Black Extended字体)来完成设计,确保文本图层放置在其他图层上方。

参见下一页来查看最终图像。

最终特效

下面将介绍一种创造性地使用矢量元素作为设计框架的方式。对于商业产品来说,这特别方便,因为这能提供一种独特且自定义的方式来为广告增添趣味,并且在整个过程中可轻松编辑设计。

步骤1:首先定义将添加到背景中的纹理。我喜欢将纹理定义为图案,因为这样做只要需要就可以随时使用它们。在这里,我们有一个特别适合用作纹理的水滴背景。

步骤2:按Command+Shift+U(PC:Ctrl+ Shift+U)组合键删除图像的颜色,然后选择“编辑”菜单,选择“定义图案”。出现提示时,为图案命名,然后单击“确定”。

步骤3:按Command+N(PC:Ctrl+N)组合键创建一个宽为1000像素且高为2000像素的新文档,将“背景内容”设置为黑色。

步骤4:访问“视图”菜单,选择“新建参考线版面”。选中“边距”复选框,将所有边都设置为75像素。单击“确定”。

步骤5:在工具箱中选择矩形选框工具(M),在由参考线定义的矩形中单击并拖出一个选区。单击“图层”面板底部的“创建新图层”图标,然后按Shift+Delete(PC:Shift+Backspace)组合键打开“填充”对话框,从“内容”弹出菜单中选择“50%灰色”,并单击“确定”。

步骤6:现在,打开广告拍摄主体的图像。在这里,我们将使用健身主题。使用移动工具(V)将此图像拖放到主布局中,并将此图层放置到“图层”面板的顶部。然后,按Command+Option+G(PC:Ctrl+Alt+G)组合键修剪拍摄主体图层以适应灰色图层,并按Command+T(PC:Ctrl+T)组合键,使用自由变换缩放图层并将它放置在框架中的最佳位置。

步骤7:在“图层”面板中单击“背景”图层,然后添加一个新空白图层。使用基色(比如50%灰色)填充它。然后,单击“图层”面板底部的“添加图层样式”图标,选择“图案叠加”。单击图案缩览图打开“图案拾色器”,选择水滴图案(它应该是最后一个)。如果需要,可以调整比例。记住,还可以直接在图像上单击并四处移动纹理。

将“混合模式”设置为“叠加”。由于此图层的基色是灰色,因此可以看到没有任何改变,但如果更改图层颜色,则水滴纹理的颜色也会相应地进行融合。例如,在这里我使用更深的灰色填充图层。

步骤8:现在选择矩形工具(U)。在选项栏中将此工具的模式设置为“形状”,将颜色“填充”设置为黄金色。在画布顶部绘制一个矩形,矩形的边缘应超出画布顶部边缘和两侧的边缘。这样做将自动创建一个新形状图层。现在,在选项栏中单击“路径操作”图标,选择“合并形状”。然后,为形状图层添加更多水平条。

步骤9:当所有条都位于适当的位置后,使用路径选择工具(A)选择所有条,方法是在它们周围单击并拖出一个矩形来包围它们。然后,访问“编辑”菜单,选择“变换路径”,选择“斜切”。将光标移动到左侧或右侧的控制点上,然后按住Option(PC:Alt)键并沿着此轴向上或向下拖动进行斜切。操作完成时按Return(PC:Enter)键。

步骤10:保持路径的选中状态,再次选择矩形工具,按住Option(PC:Alt)键,从想要减去的区域中央开始,单击并拖出一个从现有形状减去的新矩形,实际上是隐藏重叠区域的形状。使用自由变换来在构图中放置形状,并保持其处于选中状态。

步骤10

步骤11:访问“编辑”菜单,选择“变换路径”,再选择“扭曲”。是的,可以扭曲矢量路径。网格出现后,可以控制形状,方法是单击并拖动各个控制点来扭曲它,这会在黄色条上生成各种蒙版特效。操作完成时按Return(PC:Enter)键。

步骤11

步骤12:单击“图层”面板底部的“添加图层样式”图标,从弹出菜单中选择“渐变叠加”。在此对话框中,单击渐变缩览图,选择“黑,白渐变”,并将“混合模式”设置为“柔光”。此外,将“样式”设置为“对称的”,并选中“反向”复选框,使用“角度”为渐变设置一个不同的角度。

步骤12

接下来,单击左侧的“投影”,然后将“不透明度”设置为大约42%,将“距离”设置为26像素,将“扩展”设置为0,将“大小”设置为大约21像素。然后,手动放置阴影,方法是在图像中直接单击它并将它拖动到想要的位置。操作完成时,单击“确定”。

最后,使用横排文字工具键入一些文本(我使用的是Swiss721BT Black Extended字体),或者将一个徽标拖放到图像中,这样所有操作就都完成了。

最终特效


Photoshop最棒的一点是能够将图形元素以无限的方式纳入到设计中,尤其是矢量图形,当然还有可以应用于照片和纹理元素的图形特效。本章将介绍一些图形技巧,它们可以作为你的设计武器。

我在许多电影和电视节目广告中见过这种特效。这是一种巧妙的方法,即使照片的分辨率很低,也能够将照片转换为黑白图形,然后再与纹理进行混合。

步骤1:首先打开拍摄主体的图像(可以从本书前言提到的下载页面下载这些文件)。现在,尽管此特效并不需要我们抠出拍摄主体,但是背景越简单越好。这是一张背景为中性色的简单影棚照片。

步骤2:接下来,需要选择一种纹理用作背景(再说一次,可以使用所提供的纹理,也可以使用自己的纹理)。此纹理也是我们将用来制作设计的文档。

步骤3:打开了这两个文件后,返回到主体照片,按Command+Shift+U(PC:Ctrl+Shift+U)组合键删除图像的颜色。

步骤4:按Command+L(PC:Ctrl+L)组合键打开“色阶”对话框。选择“选项”按钮下的白场(高光)吸管工具,然后返回到图像,单击拍摄主体肩膀右侧的灰色背景区域(如图所示)。这样做会让大多数背景变为白色。

步骤5:返回到“色阶”对话框,抓住直方图下面的“输入色阶”阴影滑块(左侧的滑块),将它向右拖动。此外,将中间调(中间的)滑块稍微向右拖动一点,然后抓住(右侧的)高光滑块并将它稍微向左拖动一点。执行这些调整,直到拍摄主体变为纯黑白色为止。完成时,单击“确定”。

步骤6:现在使用移动工具(V)将此图像拖放到背景纹理图像上。然后,按Command+T(PC:Ctrl+T)组合键,使用自由变换,缩放图像并将它放置在合成图中,现在它看起来与原图类似。

步骤7:放置好图像后,将拍摄主体图层的混合模式更改为“正片叠底”。这样做会仅在纹理上显示黑色区域。

步骤8:现在,为拍摄主体图层添加一种颜色,按Command+U(PC:Ctrl+U)组合键打开“色相/饱和度”对话框。选中“着色”复选框,将“色相”设置为大约34,将“饱和度”设置为大约32。这将赋予拍摄主体图层一种暖色调,有助于它与背景更好地融合在一起。

步骤9:如果在添加了偏色后又进行了更多“色阶”调整,则会获得一些有趣的颜色特效。在这里你可以看到我的滑块位置,但是你可以自行尝试来获得自己想要的特效。

步骤10:接下来,单击“图层”面板底部的“添加图层样式”图标,并选择“混合选项”。然后,在下面的“混合颜色带”部分,按住Option(PC:Alt)键,单击白色的“下一图层”滑块旋钮以拆分它。现在,向左拖动以让一些背景纹理显露出来。单击“确定”。

步骤11:作为一个选项,你可以打开一个纹理图像(就像此颗粒图像一样),将它拖放到主图像上。然后,在“图层”面板中单击并拖动此图层,将它放置在“背景”图层和拍摄主体图层之间。此外,使用自由变换调整颗粒图像的大小并将它放置在背景中。

步骤12:现在,将此图层的混合模式更改为“颜色加深”,并将此图层的“不透明度”降至75%。如果需要,始终可以使用横排文字工具(T)加入一些文本,现在所有操作都完成了。

最终特效

通常情况下,恰当使用一个简单的图形元素可以带来相当大的冲击力。在这里,我们将采用一种简单的形状,并制作一个将在背景中进行绘制的自定义画笔。我还会额外提供一些提示。

步骤1:首先,按Command+N(PC:Ctrl+N)组合键创建一个宽为2000像素且高为1000像素的新文档。然后,单击“图层”面板底部的“创建新图层”图标,创建一个新的空白图层。单击工具箱底部的前景色样本,打开“拾色器(前景色)”对话框后,使用我在这里所列的RGB数值来选择橘色,然后按Option+Delete(PC:Alt+Backspace)组合键使用此颜色填充空白图层。

步骤2:接下来,创建另一个新文档,但这次的宽和高均为1000像素,且分辨率为300像素/英寸。

步骤3:然后,在工具箱中选择形状工具,找到多边形工具(或者按Shift+U组合键直到选中它)。在选项栏中,将此工具的模式设置为“形状”,然后将“填充”设置为“无颜色”,并将“描边”颜色设置为黑色。此外,在最右侧,将“边”设置为3。

步骤4:在方形文档中,在画布中心单击并拖动以创建一个三角形。不要让它超出图像边缘。如果想让描边更粗或更细,返回到选项栏,为“描边”输入一个不同的值。注意:如果需要在创建形状时移动它,只需在拖动时按住空格键就可以了。

步骤5:完成后,访问“编辑”菜单,选择“定义画笔预设”,然后在出现提示时命名该画笔,并单击“确定”。

步骤6:返回到在步骤1中创建的另一个文档,确保在“图层”面板中选择了橘色图层。然后,单击“图层”面板底部的“添加图层样式”图标,选择“渐变叠加”。选择简单的“黑,白渐变”,将“混合模式”更改为“叠加”。将“不透明度”降至大约78%,将“样式”设置为“径向”,选中“反向”复选框,并将“缩放”增加到150%。

完成这些设置后,可以在图像上单击并拖动来将渐变的中心向合成图的左侧拖动,正如你在这里看到的一样。完成时,单击“确定”。

步骤7:选择画笔工具(B),确保在“画笔预设”选取器中选中了三角形画笔(它应该是最后一个)。然后,单击“画笔预设”选取器右侧的小文件夹图标以打开“画笔”面板。单击“画笔笔尖形状”,将“大小”设置为大约800像素,并将“间距”设置为大约150%。接下来,单击左侧的“形状动态”,并将“大小抖动”和“角度抖动”都设置为100%。然后,单击“散布”,选中“两轴”复选框,将“散布”数量设置为大约120%。

步骤8:现在我们将使用此画笔。单击“创建新图层”图标,创建一个新空白图层,并将此图层的混合模式设置为“叠加”。先按D键,然后按X键,将前景色设置为白色,从渐变较浅的区域开始绘制,在背景周围绘制一些随机的三角形,如图所示。

步骤9:此步骤是可选的,可以为图形添加一些模糊特效,方法是双击“快速蒙版”图标(工具箱底部的倒数第二个图标)。在“快速蒙版选项”对话框中,确保选中了“所选区域”单选按钮,然后单击“颜色”样本,选择一种鲜艳的半蓝色。将“不透明度”设置为75%,单击“确定”。

步骤10:选择渐变工具(G),在选项栏的渐变缩览图中选择“前景色到透明渐变”,单击渐变缩览图右侧的“径向渐变”图标,按Q键以激活快速蒙版模式。然后,单击并拖出一些渐变(如图所示,蓝色只是一个颜色蒙版叠加)。再次按Q键以关闭快速蒙版模式,查看你的圆形选区。

步骤11:接下来,访问“滤镜”菜单,选择“模糊”,再选择“高斯模糊”。将“半径”设置为10像素,单击“确定”。按Command+D(PC:Ctrl+D)组合键取消选中。

步骤12:现在已经制作了背景,下面是一张滑雪运动员照片,我想使用它和纹理来遮挡背景。因此,使用移动工具(V)将此图像拖放到主图像。按Command+T(PC:Ctrl+T)组合键,使用自由变换来缩放并放置此图像。

步骤13:下面是适合创建蒙版的一个纹理。按Command+Shift+U(PC:Ctrl+ Shift+U)组合键删除颜色,然后按Shift+Delete(PC:Shift+Backspace)组合键打开“填充”对话框,将“内容”设置为“黑色”,将“模式”设置为“叠加”。单击“确定”。

步骤14:按Command+I(PC:Ctrl+I)组合键反转图像。然后,在“通道”面板中,按住Command(PC:Ctrl)键并单击RGB缩览图以将白色区域作为选区载入。

步骤15:现在,选中任意选择工具,在活动选区内单击并将它拖动到主图像中。确保在“图层”面板中选中了滑雪运动员图层,单击此面板底部的“添加图层蒙版”图标,遮挡所选区域内的图像。

步骤15

步骤16:单击图像和蒙版缩览图之间的链锁图标以取消链接它们。然后,单击图层蒙版以选中它,使用自由变换旋转并重新放置蒙版以便更好地显示滑雪运动员。

步骤16

最终特效

最后,如果需要,使用横排文字工具(T)放入一些文本,这样所有操作就都完成了。

HUD(平视显示器)图形似乎到处可见。它们可以为图像或设计添加一些内容以让它们瞬间看起来更酷。下面我们将介绍如何定义可随时使用的HUD元素。

步骤1:首先,需要打开本练习所用的HUD图形元素,或者你也可以使用与上图类似的图像。

步骤2:现在,使用“渐变映射”删除颜色,因为渐变映射可以提供更强的对比度。按D键将前景色和背景色设置为其默认值,然后访问“图像”菜单,选择“调整”,再选择“渐变映射”。当对话框打开时,单击“确定”。

步骤3:按Command+L(PC:Ctrl+L)组合键,使用“色阶”对话框提升对比度。这里的重点是,让背景大部分变为黑色,而让亮色区域变为白色。在这里你可以看到我所用的滑块设置,此设置可以保留一些灰色区域。操作完成时,单击“确定”。

步骤4:在“通道”面板中,按住Command(PC:Ctrl)键并单击RGB通道以将亮色区域作为选区载入。按Command+J(PC:Ctrl+J)组合键将所选区域复制到一个新图层上。

步骤5:关闭背景图层(方法是单击背景缩览图左侧的眼睛图标),访问“编辑”菜单,选择“定义图案”,出现提示时为新图案命名。以这种方式将图形保存在Photoshop中时,可随时使用它且无需打开此图像。

步骤6:按Command+O(PC:Ctrl+O)组合键打开想要应用图形的图像。在这里,我们使用一张很酷的健身照片。首先,按Command+N(PC:Ctrl+N)组合键创建一个宽为2000像素且高为1000像素的新文档来放置设计。然后,使用移动工具(V)将此图像拖放到合成图上,按Command+T(PC:Ctrl+T)组合键,使用自由变换调整图像大小并放置它。

步骤7:单击“图层”面板底部的“创建新图层”图标,按Shift+Delete(PC:Shift+Backspace)组合键,使用“50%灰色”(从“内容”弹出菜单中选择它)填充它。然后,单击“图层”面板底部的“添加图层样式”图标,选择“图案叠加”。单击图案缩览图并找到刚才定义的图案(它应该是最后一个)。将“混合模式”设置为“叠加”,将“不透明度”设置为75%。此外,增加或减少“缩放”值,直到自己对图案大小感到满意为止。

步骤8:单击左侧的“混合选项”,在“高级混合”部分,将“填充不透明度”降至0%。然后,在“图层样式”对话框仍打开的情况下,单击图像并四处拖动它以重新定位图形相对于拍摄主体图像的位置。操作完成时,单击“确定”。

步骤9:最后,加入一些白色文本(使用横排文字工具和Eurostile Extended字体),添加一种简单的白色“描边”图层样式,在“混合选项”中,将“混合模式”更改为“叠加”,并将“不透明度”稍微降低一些。

记住,由于HUD元素是作为图层样式应用的,因此你可以随时修改这些设置。

最终特效

下面是另一个少即是多的示例。只需向照片添加一些简单的内容(比如描边方框),然后遮盖某些元素,就可以立刻为照片添加一种商业感觉。

步骤1:首先,按Command+O(PC:Ctrl+O)组合键打开想用的照片,或者使用从本书前言提到的下载页面下载的这个图像。

步骤2:在工具箱中选择矩形工具(U),在选项栏的最左侧,确保将工具的模式设置为“形状”。将“填充”设置为无颜色,将“描边”颜色设置为白色。对于此图像,将“大小”保留为3像素,但是根据你的图像大小,你可能想要更改它。

步骤3:在图像上单击并拖出一个矩形,如图所示。这将自动创建一个新的形状图层,并且“路径”面板中会出现定义的路径。

步骤4:在工具箱中选择快速选择工具(W),确保在“图层”面板中选择了背景图层。选择矩形横穿的拍摄主体部分,因此在这里需要选择她的一部分头(矩形的顶部)、手臂和侧边(矩形的底部)。

步骤5:选择了选区后,单击“图层”面板中的形状图层。然后,按住Option(PC:Alt)键并单击“图层”面板底部的“添加图层蒙版”图标,遮挡所选的区域。

步骤5

步骤6:制作背景图层的副本,方法是选择背景图层,按Command+J(PC:Ctrl+J)组合键。然后,单击背景图层,单击“图层”面板底部的“创建新的填充或调整图层”图标,添加“色相/饱和度”调整图层。关闭副本图层的眼睛图标以隐藏它。

步骤6

步骤7:在“属性”面板中,选中“着色”复选框,将“色相”设置为33,将“饱和度”设置为26,将“明度”设置为10。

步骤8:在“图层”面板中,将“色相/饱和度”图层的“不透明度”降至大约55%,以显示图像的部分原始颜色。打开副本图层的眼睛图标,按住Option(PC:Alt)键并单击“添加图层蒙版”图标以添加“隐藏所有”图层蒙版。

步骤8

步骤9:现在,将前景色设置为白色,然后选中图层蒙版,在拍摄主体区域添加一些渐变以显示图像的原始颜色。因此,选择渐变工具(G),在顶部的选项栏中,在“渐变”拾色器中选择“前景色到透明渐变”,然后单击渐变缩览图右侧的“径向渐变”图标,单击并拖动渐变。

步骤9

步骤10:最后,使用横排文字工具(T)在方框内加入一些文本(在这里我使用的是Futura Bold Condensed字体)来完成设计。你可以看到,只是添加了几个简单元素就可以改变图像的整体感觉。

最终特效

此特效的灵感来自我在电视节目中看到的广告。它是照片和纹理元素的一种有趣混合,最终得到了一个非常酷的设计。除了一些文本外,可以将此设计应用于几乎所有内容。

步骤1:首先,按Command+O(PC:Ctrl+O)组合键打开将用作背景的纹理。我喜欢这个纹理,因为它的边缘有较暗的元素。

步骤2:接下来,打开一个城市天际线图像。在这里,我们使用的是芝加哥的天际线图像,因为我们的广告主题是芝加哥警匪片。

步骤3:按Command+N(PC:Ctrl+N)组合键创建一个宽为2000像素且高为1000像素的新文档。然后,使用移动工具(V)将纹理图像拖放到此文档中,按Command+T(PC:Ctrl+T)组合键,并使用自由变换缩放并放置纹理图像。

步骤4:接下来,返回到城市图像,按Command+Shift+U(PC:Ctrl+Shift+U)组合键删除颜色,然后访问“滤镜”菜单,选择“滤镜库”。在对话框中,单击“纹理”,然后单击“颗粒”。从“颗粒类型”中选择“斑点”,将“强度”设置为7,将“对比度”设置为3,单击“确定”。

注意:

 

可以让这些滤镜出现在“滤镜”菜单中,方法是访问Photoshop的“首选项”(在“编辑”菜单下),单击“增效工具”,选中“显示滤镜库的所有组和名称”复选框。

步骤5:访问“编辑”菜单,选择“渐隐滤镜库”。将混合“模式”设置为“强光”,单击“确定”。

步骤6:现在,将处理过的城市图像放入带有纹理图层的主图像中,并将它放在文档的底部。在“图层”面板中,将此图层的混合模式设置为“正片叠底”,并单击面板底部的“添加图层蒙版”图标。选择渐变工具(G),将前景色设置为黑色。然后,在选项栏中,在“渐变”拾色器中选择“前景色到透明渐变”,并单击“线性渐变”图标。在天际线图像的顶部中心附近单击,向下拖动以在城市图层的顶部边缘添加一个线性渐变渐隐。

步骤7:在“图层”面板中单击城市天际线缩览图,按Command+U(PC:Ctrl+U)组合键打开“色相/饱和度”对话框。选中“着色”复选框,然后将“色相”设置为大约209,将“饱和度”设置为39,将“明度”设置为25。

步骤8:在工具箱中选择横排文字工具(T),在画布上单击以添加一个新文本图层。在这里,我为标题使用了Eurostile Extended 2和Eurostile Bold Extended 2两种字体。对于颜色,我在选项栏的颜色样本上单击,然后使用吸管工具对城市图形的深蓝色区域进行了取样。我使用“字符”面板调整了字间距和行距。我还将文本图层的混合模式更改为“正片叠底”,以让文本的颜色变得深一些。

步骤9:接下来,单击“图层”面板底部的“添加图层样式”图标,选择“图案叠加”。在“图案”拾色器中,我选择了第1章中使用的岩石破裂纹理。将“混合模式”设置为“强光”,然后将“不透明度”降至40%,将“缩放”增加至大约125%。先不要单击“确定”。

步骤10:单击左上方的“混合选项”,查看“混合颜色带”部分。按住Option(PC:Alt)键的同时单击白色“下一图层”滑块旋钮来拆分它,然后将滑块向左拖动一点。这样做将会稍微显露一些背景纹理。单击“确定”。

步骤11:现在,添加最后一种特效:单击“图层”面板底部的“创建新图层”图标,添加一个新的空白图层,并将其混合模式更改为“颜色加深”。然后,选择渐变工具,确保仍选中“前景色到透明渐变”,并单击“径向渐变”图标。按住Option(PC:Alt)键的同时单击背景纹理以让它变为前景色,然后在顶部边缘添加一些渐变来改善纹理颜色。

最终特效


相关图书

Adobe Photoshop CC 2019经典教程(彩色版)
Adobe Photoshop CC 2019经典教程(彩色版)
从零开始 UI图标设计与制作 第3版
从零开始 UI图标设计与制作 第3版
Cinema 4D+Photoshop电商海报设计案例教程
Cinema 4D+Photoshop电商海报设计案例教程
UI设计基础培训教程(全彩版)
UI设计基础培训教程(全彩版)
Adobe Photoshop CC 2018经典教程
Adobe Photoshop CC 2018经典教程
Photoshop CC 2019实战从入门到精通
Photoshop CC 2019实战从入门到精通

相关文章

相关课程