- 视觉封王:Photoshop CC 2019立体化教程(素材+视频+教案)
- 吴刚
- 5455字
- 2025-02-25 06:03:41
1.4 Photoshop CC 2019的特点
Photoshop CC 2019新增了适应人工智能发展需要的辅助学习等一系列更为实用的功能。这些功能有效地增强了以设计师为本的交互体验,使操作软件更容易上手;同时能帮助设计师更好地实现预期画面效果,使设计意图的表达和表现更为精准。
1.4.1 全新的工具提示
对于很多新手,特别是零基础初学者来说,Photoshop是一个较难上手的工具,需要很高的学习成本。为了使新用户快速上手,Adobe在Photoshop CC 2019版本中提供了解决方案,新增了更为直观的工具提示。在Photoshop早期版本中,当我们把光标悬停在左侧工具栏(之前版本称之为工具箱)中的工具图标上时,只会显示该工具的名称,而现在还会出现该工具用法的动态演示,如图1-38~图1-40所示。

Photoshop CC 2019工具提示功能

图1-38

图1-39

图1-40
1.4.2 全新的学习面板
Photoshop CC 2019新增了“学习”面板,可以通过软件操作界面顶部的“窗口”菜单打开该面板,如图1-41所示。“学习”面板中内置了基本技能、修复照片、制作创意效果、绘画4个主题的教程,如图1-42、图1-43所示。

图1-41

图1-42

图1-43
“学习”面板为每一个主题内设了分步教学引导模式。点开每个主题版块后都有各种常见的应用场景,选择后便于设计师根据相关文字提示实现各种操作,实时了解各功能的使用方法,如图1-44、图1-45所示。

Photoshop CC 2019学习面板更新

图1-44

图1-45
1.4.3 新增“弯度钢笔工具”
Photoshop CC 2019在“钢笔工具组”内添加了一个“弯度钢笔工具”。该工具可让设计师轻松绘制平滑曲线和直线段。使用这个直观的工具,可以在设计中创建自定义形状或定义精确的路径,从而更快捷地成型图像。在执行该操作时,无需切换工具就能创建、切换、编辑、添加或删除平滑点或角点,如图1-46所示。该工具不仅可以通过在路径上任意拖曳锚点位置改变路径形状,在将平滑点转为角点时,也只需双击该锚点即可实现,如图1-47、图1-48所示。具体功能操作将在第八章中进行详述。

Photoshop CC 2019新增弯度钢笔工具

图1-46

图1-47

图1-48
1.4.4 全新的画笔分组管理模式
单击画笔工具按钮时,在“画笔”面板中可看到全新的画笔分组管理模式。该模式将“画笔”面板中的笔刷归纳为常规画笔、干介质画笔、湿介质画笔和特殊效果画笔四大类。通过画笔属性细化分类,设计师可以更有针对性地将Photoshop CC应用于游戏美术和原画概念设计等领域。画笔分类如图1-49~图1-53所示。

Photoshop CC 2019新增画笔四大分组

图1-49

图1-50

图1-51

图1-52

图1-53
1.4.5 画笔补齐描边末端
使用画笔工具绘画时,可以利用“补齐描边末端”功能完成从上一绘画位置到操作者松开鼠标或触笔控件所在点的描边,如图1-54所示。即勾选“补齐描边末端”复选框后,抬起鼠标或触笔控件的位置到鼠标指针所在的位置会自动被软件填充成画笔所绘及的区域,如图1-55、图1-56所示。

Photoshop CC 2019画笔补齐描边末端

图1-54

图1-55

图1-56
1.4.6 画笔拉绳模式
画笔工具的“拉绳模式”非常实用。在画笔工具属性栏中勾选“拉绳模式”复选框,即可在使用画笔绘制时出现拉绳,如图1-57所示。画笔仅在绳线拉紧时绘画,未拉紧时在拉绳长度半径范围内无法绘制轨迹,以保证绘制的线条柔和平滑,如图1-58、图1-59所示。

Photoshop CC 2019画笔拉绳模

图1-57

图1-58

图1-59
1.4.7 画笔调整缩放
画笔工具的“调整缩放”功能位于属性栏的设置下拉列表中,只需勾选“调整缩放”复选框即可调用,如图1-60所示。该工具能使绘画更平滑,防止描边抖动。即在放大文档时能减小平滑,在缩小文档时能增加平滑,从而实现画笔绘制轨迹平滑的效果,如图1-61所示。

Photoshop CC 2019画笔调整缩放

图1-60

图1-61
1.4.8 画板对称模式
Photoshop CC 2019允许设计师在使用“画笔工具”“铅笔工具”或“橡皮擦工具”时绘制即时的对称图形。基于镜像原理,“画板对称模式”为用户快速绘制分形图案提供了极大便利,如图1-62所示。

Photoshop CC 2019画笔对称模式

图1-62
在使用该功能时,单击属性栏中的蝴蝶图标,从几种可用的对称类型中选择一种,即可在绘画时实时呈现对称效果,如图1-63、图1-64所示。利用这一功能可以绘制复杂的对称图形,如图1-65所示。

图1-63

图1-64

图1-65
1.4.9 文字可变字体
在工具栏中选择文字工具后,即可通过选择Acumin Variable Concept字体进行软件预设的可变字体操作。这是一种新的OpenType字体格式,支持直线宽度、倾斜度、视觉大小等自定义属性,如图1-66所示。

图1-66
在“文字属性”面板中,设计师可以通过滑块控件快速、便捷地调整文字的长宽、粗细和倾斜度。在调整这些滑块时,Photoshop会自动选择与当前设置最接近的文字样式。例如,在增加常规文字样式的倾斜度时,Photoshop会自动将其更改为一种斜体的变体,如图1-67所示。

Photoshop CC 2019文字可变字体

图1-67
1.4.10 色轮
Photoshop CC 2019在“颜色”面板中新增了色轮功能。色轮可以显示色谱,用户可以根据被选颜色的角度(如互补色和近似色)轻松选择色彩,提高配色准确性。单击“颜色”面板右上角的“列表”按钮,即可从弹出的下拉列表中选择并启用色轮,如图1-68所示。

Photoshop CC 2019新增色轮

图1-68
1.4.11 图框蒙版
在Photoshop CC 2019中,可以将画布中的文字、形状等先转换成图框,再置入图片。
其操作方法是,在“图层”面板的图层列表中右击目标图层的文字部分,选择“转换为图框”命令,即可将当前的文字图层或形状图层转换成图框。图框实际上就是将被转换的内容变为占位符,不再显示内容,只保留它们的框架。选中图片后直接拖入图框,即可轻松创建蒙版。创建蒙版后,图框仍然可以更改尺寸,图片也可以进行移动、缩放等编辑操作。如果要替换图片,只需将另一幅图拖放到图框中即可,如图1-69、图1-70所示。

Photoshop CC 2019新增图框蒙版

图1-69

图1-70
1.4.12 混合模式实时预览
当处理图层之间的混合模式时,用户需要在“图层”面板中选择混合模式查看效果,如果效果不理想需要再选择其他混合模式,如图1-71所示。

图1-71
Photoshop CC 2019更新后,图层混合模式可以实时显示效果。用户只需用鼠标在“图层”面板的混合模式列表中滑过,即可实时显示当下的混合模式效果,方便用户进行对比和选择,如图1-72所示。

Photoshop CC 2019混合模式实时预览

图1-72
1.4.13 数字运算
Photoshop CC 2019为提升参数化设计效率,新增了参数的数字运算功能。用户可以使用“+”“-”“*”“/”符号对对象既有属性参数进行二次计算,按Enter键即可执行计算结果,为对象进行位置或大小的修改带来了方便,若数字运算结果不是整数,则会在小数点后面保留两位,如图1-73、图1-74所示。

Photoshop CC 2019新增数字运算功能

图1-73

图1-74
1.4.14 优化图层名称
图层长名称显示方案得到了优化。以往版本的Photoshop在遇到图层长名称时,只显示名称的前几个字,后面的字被“...”符号隐去,如图1-75所示。这可能会影响用户对长名称完整性的判断。Photoshop CC 2019采用了完整显示图层长名称的首尾关键字,使用“...”符号隐去中间内容的优化方案,如图1-76所示。

Photoshop CC 2019长名称优化功能

图1-75

图1-76
1.4.15 文本输入提示
使用“文字工具”时,输入文字前的画布会默认填充文本信息“ Lorem Ipsum”,以提醒用户可以在该区域进行文字输入,解决了较早版本只有文本光标,难以精确捕获输入文本所在位置的问题,如图1-77所示。

Photoshop CC 2019文本输入提示

图1-77
1.4.16 内容识别填充优化
Photoshop CC 2019全新的“内容识别填充”功能为用户提供了良好的交互式编辑体验,进而能获得完好的填充结果。借助Adobe Sensei技术,用户可以在“内容识别填充”功能中通过选择要使用的源像素,获取有关变更的实时全分辨率预览效果,并可将变更结果保存到新图层以便二次编辑。
使用该功能前,要先使用选区类工具将拟调整的对象选中,然后执行“编辑→内容填充识别”命令,打开“预览”面板并根据实时预览效果设置相关参数,设置好后单击“确定”按钮,如图1-78~图1-80所示。

Photoshop CC 2019内容识别优化

图1-78

图1-79

图1-80
完成后可以看到,需要被替换的区域被智能填充了背景中的内容,并自动生成了一个可供编辑的图层,如图1-81所示。

图1-81
1.4.17 图框占位工具
可以直接使用“图框工具”对素材进行框选生成图框,用同样的方法也可拖曳素材到图框中创建蒙版,如图1-82、图1-83所示。

图1-82

图1-83
图框可以进行复制、删除、转换为智能对象、编辑内容等操作,只需右击“图层”面板中的图框缩览图,选择相应的命令即可操作,如图1-84所示。

图1-84
“图框工具”的使用方法是:在工具栏中选择该工具,然后在画布中拖曳,即可生成图框,同时在“图层”面板中相应生成图框层,如图1-85所示。

Photoshop CC 2019图框工具

图1-85
将素材拖曳到图框中,即可以图框大小创建蒙版。相应蒙版素材在“图层”面板中会即时显示,如图1-86所示。

图1-86
选择“图层”面板中蒙版的素材缩览图,可配合“自由变换工具”对其在图框中的位置和尺寸进行编辑,如图1-87所示。

图1-87
确定好蒙版内容后,双击画布中的图框,可将图框及素材全选,接下来就可以对图框进行整体编辑,如图1-88所示。

图1-88
1.4.18 自由变换工具优化
Photoshop CC 2019改变了以往版本内置的“自由变换工具”里的等比例缩放快捷键,将其执行多年的按Shift键强制等比例缩放变更为默认状态下即等比例缩放。只有需要非等比例缩放时才需配合按Shift键。这与该功能在以往Photoshop版本的快捷键是完全相反的。
另外,Photoshop对这一工具快捷键的优化是选择性的,该变化只对图像素材(位图层)及文本(文字层)有效。当对图形对象(形状层)进行自由变换编辑时仍需按Shift键才可进行正形状绘制或等比例缩放,这一点要特别加以区分,如图1-89所示。

Photoshop CC 2019自由变换工具优化

图1-89
1.4.19 分布间距
Photoshop CC 2019全新的分布间距功能可以帮助用户在多个对象之间分布间距。这一功能的特点是,针对大小不同的对象,可以为其均匀地分布间距。在早期版本中,用户只能通过“垂直居中分布”或“水平居中分布”功能均分多个对象,但由于这种分布方式的计算原理是以各对象中心点为基准来分配对象的,当对象体量不一致时,无法达到对象间距均等的效果,如图1-90所示。

图1-90
改版后,用户可以通过Photoshop新增的分布间距功能一键分配对象之间的间距。分布间距功能通过均匀间隔中心点,而非各对象中心点来分配对象的。这一功能完美解决了多对象大小不同时获得均匀间距的问题,如图1-91所示。

Photoshop CC 2019分布间距功能

图1-91
1.4.20 多次撤销快捷键优化
Photoshop CC 2019革命性地将执行多步撤销的快捷键由Alt+Ctrl+Z变更为Ctrl+Z(Mac系统相应变更为Command+Z),这与Adobe家族的其他姊妹软件保持了一致。
1.4.21 智能化移动工具
当使用“移动工具”对文本类对象进行移动时,若希望对其进行文本编辑,以往版本的Photoshop只能在工具栏中选择“文字工具”后再进行编辑操作,而通过新版本的智能化“移动工具”只需双击文字,就能跳转到“文字工具”并进入文字编辑状态,大大提高了用户的文字编辑工作效率,如图1-92、图1-93所示。

Photoshop CC 2019移动工具智能化

图1-92

图1-93
1.4.22 缩放UI以适合字体
为了提升用户体验,新版本的Photoshop开放了在缩放Photoshop UI时的更多控制权。用户可以根据其使用习惯,独立于计算机中的其他应用程序,对Photoshop UI单独进行调整,以获得合适的字体大小。
执行“编辑→首选项→常规”命令,打开“首选项”对话框。选择“界面”选项卡,勾选“缩放UI以适合字体”复选框,即可激活该功能。启用这项新功能后,Photoshop的整个UI将根据用户在“用户界面字体大小”下拉列表框中选择的值(微小、小、中、大)进行缩放,如图1-94、图1-95所示。

图1-94

图1-95
技巧提示
• 回顾本章内容不难看出,Photoshop是一款功能非常强大的图形图像处理软件。Adobe公司通过对Photoshop进行数十个版本的更新迭代,到今天已经形成一套功能完善且与时俱进的丰富软件应用体系。同时新增的众多系统化而新奇、实用的功能可以帮助设计师更好地实现项目,在方便、快捷的同时提供更多创作和创意落地的可能性。
• 在接下来的章节中,我们即将展开对Photoshop软件各项工具的实际操作方法以及相关的项目案例拓展方法的学习和探索。在学习之前一定要谨记:任何新工具的使用技巧和功能诀窍都需要通过实践来检验,并不一定越新的功能就越好用,毕竟学习软件的本质是为了指导实践而非炫技。
• 最终实现项目也不是通过对某一工具的精通,而是将工具和工具之间的关系同逻辑创意联系起来的结果。工具和技巧的掌握是为视觉创意服务的。这是我们学习软件的目的,也是我们学好技能的基础。
吴老师说大实话
在具体功能设计上,无论从界面视觉,还是从用户体验上,Photoshop软件越来越多地考虑设计师的需求,“预先”想到设计师的实际设计需要,并将很多实用的新用法添加到软件中,从而让设计师有更多的机会在学习时发掘这种润物细无声的“友善”。
技术软件的学习讲求学以致用,要用对方法和心态,这里为读者提出几点学习建议,以资参考:
• 对于一款视觉设计软件的学习,每一个知识点和技术操作方法都不难掌握。但是在工作场景中,多数人往往可能遇到具体问题时想不起来使用什么样的方法去解决,来实现需求的视觉化。这就像储户与银行的关系,如果储户平时不去存入,需要的时候就难以取出。知识点和技术操作方法的掌握只是万里长征的第一步,平时要多下功夫练习,与软件培养“感情”。只有把它们融入血液,在需要的时候才能得心应手。视觉设计需要发挥设计师的创造性思维,临场时因为技术问题阻碍画面表现是注定出不来好项目的。
• 一般情况下,对单位视觉项目在制作上付出的时间和精力越多,其视觉效果就越好。视觉设计“所见即所得”的特点要求设计师要耐下性子、甘于寂寞,实实在在做好设计。尤其在人们日常消费水平和需求结构升级的今天,作为视觉内容的供给者,设计师要竭尽所能地满足需求者,把更多精力用到视觉项目的质量上,高质量的项目永远是用户的“刚需”。不仅对于项目,对设计师亦是如此。
• 中国社会发展到今天,从纸媒到互联网,从互联网到移动互联网,从移动互联网再到物联网……日新月异的变化带来源源不断的需求,而无论什么样的需求,设计师都要主动留意自身的设计产品是否与社会需求的步调保持一致,要把握好时代的发展方向及其衍生出的价值需要,将我们的本领和技能与社会需求相契合,这是技术成就价值的唯一方法。
• 卓越设计师的养成不仅需要掌握良好的技术操作能力,还要有对美好事物的正确认识和不懈追求。软件学习需佐以阅历,设计师要适时从“画布”中走出来,以大局观研究与自身相关行业有接驳的任何视觉信息和产品信息,不断刷新视野,洞察新情况,发现新机遇,以求知者的心态在实际工作中发掘未知,颔首前进。