GIMP-艺术家指南第二版-全-

GIMP 艺术家指南第二版(全)

原文:The Artist's Guide to GIMP, 2nd Edition

译者:飞龙

协议:CC BY-NC-SA 4.0

引言

我从 1996 年开始撰写关于 Linux 和 GIMP 的文章。我为各种类型的出版物撰写过文章,从无数的印刷文章和杂志专栏到网站沉思和几本书。2001 年,我在Salon.com上撰写了关于 Linux 和 GIMP 如何开始在该特效行业中引起波澜的文章“Linux Goes to the Movies”。自那时以来,开源已经走了很长的路。GIMP 也是如此。

当 GIMP 最初在加州大学伯克利分校作为一个课程项目启动时,它是建立在备受尊敬的 Motif 工具包之上的,当时这几乎是唯一一个针对基于 X11 窗口系统的全功能软件库。0.54 版本是我第一次以这种形式接触 GIMP。后来,GIMP 工具包(GTK+)诞生了,出于各种技术原因,它取代了 Motif。在 0.54 版本和 0.99 版本之间,我将 John Beale 的 Sparkle 代码移植到了一个 GIMP 插件中。对于这项古老但仍有意义的工作,我被列为项目的贡献者。这甚至让我加入了红帽的“朋友和家人”计划,当时他们正在进行首次公开募股(我应该在其顶峰时卖出——真是个愚蠢的我)。最终,我与这个项目的联系让我开始为Linux Gazette和后来的Linux Journal撰写文章,后者导致我出版了关于 GIMP 的第一本书,实际上也是第一本关于 GIMP 的书,名为The Artists’ Guide to the GIMP。你可以说,我从一开始就一直在追随 Linux 和 GIMP。

当然,经过这么多年,我不再是唯一一个撰写这个主题的人,GIMP 也不再只是一个课程项目。有很多文本展示了哪个按钮打开哪个对话框。在这本书的第一版中,我希望去别人没有尝试过的地方,超越应用程序本身,看看它能做什么。在这本书的第二版中,我更新了旧教程,加入了一些新教程,并让您了解 GIMP 是如何演变的。

Linux 和 GIMP 一起成长,它们在计算世界中不再是年轻人了。Linux 附带了一个严肃的桌面,GIMP 是一个严肃的应用程序。是时候开始认真工作了:图形设计业务。这本书是关于学习适用于现实世界的技术。

这本书是关于什么的

这本书是关于过程,而不是按钮或菜单路径。我的目标是向您展示执行任务所需的过程可以用 GIMP 像使用任何其他图形编辑器一样轻松完成。重要的不是工具,而是理解过程。理解一个蒙版是一个阻挡图像一部分的黑区域,比找到一个用于 alpha 通道和黑色背景的用途要容易得多。不要陷入工具的机械操作中。专注于手头的任务。我会指出完成这项工作所需的 GIMP 组件。等你完成这些教程后,你将不再需要更多的指导。

如果您在文本中找不到引用的对话框,只需打开从“窗口”菜单可用的“可停靠对话框”菜单。点击菜单项会快速跳转到该对话框(如果它已经打开)或打开它(如果需要)。

本书是在 GIMP 2.8 开发过程中编写的,因此它最相关于该特定版本的 GIMP。但我已经尽力使我的建议足够通用,以便即使 GIMP 的新版本发布,本书仍然有用。

本书不涉及的内容

在本书中,您不会找到每个过滤器、菜单或功能的手册页面。我不会解释您找到的每个图标或为什么某些对话框看起来是这样的。相反,这里提供的教程展示了如何使用过滤器,就像它们是工具箱中的一套工具一样。您很少只需要一把锤子来完成一个项目。GIMP 提供了锤子、锯子、钻头,甚至厨房水槽。通过这本书,我希望您能学会使用工具箱中的所有工具。

本书如何组织

本书共有六章,每章包含多个教程。每章涵盖图形设计的不同领域:基本技巧、照片效果、网页设计、广告和特效、字体效果和创意灵感(高级项目)。每个教程都以相关主题的介绍性材料开始,并包含与该设计领域相关的技巧集。

第一章 提供了一系列以入门方式阐述的核心技巧,从工具箱到常见的绘图和文本操作任务。GIMP 新用户应仔细阅读本章,而更高级的用户可以快速浏览或完全跳过。第一章之后的每个教程都是一个独立的项目,因此请尝试找到一个吸引您兴趣的项目。这些教程可以按任何顺序完成。

第二章 适用于摄影师。GIMP 的栅格处理非常适合处理照片和库存图像。您可以创建的效果数量是无限的,但本章将帮助您开始使用一些常用的摄影技术。

第三章 完全是关于网页图形设计。在网页的许多领域,静态图像仍然扮演着关键角色。背景图像、菜单和按钮、以及标志都是日常 GIMP 工作的一部分。

第四章 将带您进入广告设计和特效的世界。在本章中,您将找到为从海报到手机到水下探险的各种产品创建 2D 和 3D 设计的技术。

第五章 涵盖字体效果。GIMP 在将乏味的字体变成精彩的标志和 3D 设计方面非常出色。本章将指导您重新创建一些常用的文本效果。

第六章是本书这一版的新增内容。它提供了几个高级教程,其主要目的是激发您达到新的创意高度。将本章作为您使用 GIMP 的高级应用的跳板。

每个教程都以项目总结开始,并附上使用该技术的理由。这些教程旨在让您能够快速地使用 GIMP 默认的工具和功能,一步一步地重新创建它们。

一些额外的提示

我不会经常引用键盘快捷键——除了像全选(CTRL-A)或取消全选(CTRL-SHIFT-A)这样的少数例外——因为 GIMP 允许您以任何您喜欢的方式自定义快捷键。相反,如果需要,我会引用默认菜单位置。如果功能有键盘快捷键,它将在菜单中的该选项旁边列出。学习这些以加快您在这些教程中的工作速度。

注意,CTRL 和 ALT 键的使用方式与 Linux 相同。Windows 或 Mac 用户可以将这些快捷键映射到它们各自平台的等效键。

还请注意,键盘按键始终用大写字母列出,以便更容易阅读按键序列。除非特别列出与按键一起使用的 SHIFT 键,否则不需要使用 SHIFT 键。

一个有用的包

GIMP Paint Shop (*code.google.com/p/gps-gimp-paint-studio/**)是一个提供额外画笔、调色板、图案和优秀工具预设的包,这些预设提供了模拟艺术家工具和技术。如果您打算将 GIMP 技能提升到下一个层次,它是一个必备的包。

您可以在registry.gimp.org上查看更多扩展 GIMP 功能的方法。

关于画布

除非另有说明,否则请假设默认画布大小为 640 × 400 像素,以便在较慢的系统上更容易制作教程。这个大小在网络上使用很好,但如果您打算使用技术进行打印项目,则需要放大这个过程:增加模糊量,调整像素数量以偏移图层,等等。在每个教程中要记住的是基本步骤集:添加文本、模糊、偏移图层、复制并旋转等。这些步骤的数量随着项目规模的不同而变化,而打印项目通常比这些教程中使用的默认 640 × 400 像素、72 dpi 画布大得多。

一定要不要在默认画布大小下创建项目,然后在最后尝试放大它!这样做会产生颗粒感强、不合适的结果。

在这本书中,术语画布图像窗口可以互换使用。官方 GIMP 文档将主要绘图区域称为图像窗口。我喜欢使用画布,因为术语图像有些过度使用——它可以根据上下文意味着不止一件事。此外,艺术家在画布上工作。他们创作图像。对我来说,这很合理。

第一章. 基本技巧

GNU 图像处理程序(或GIMP)是世界上最受欢迎的开源项目之一。它允许预算有限的普通用户利用几乎任何计算机的图形能力。开源意味着任何人都可以改进这个程序,并且它是免费下载的。

要安装 GIMP,请访问www.gimp.org/并查找您操作系统的下载和安装说明。GIMP 在所有三个主要平台上运行:Mac、Windows 和 Linux。实际上,如果你使用 Linux,它可能已经安装在你的机器上了。你需要运行 GIMP 2.8 才能跟随本书中的教程(尽管教程也适用于较旧的 2.6 版本)。安装完成后,请回来继续!这些教程提供了使用 GIMP 功能的实践和指导,但在程序的基本工具和功能方面提供很少的指导。本书假设你通过实验和组合效果来学习是最好的。如果你是初学者,请仔细阅读每一章的第一部分,如果你感到困惑,可以查看 GIMP 的官方用户手册(docs.gimp.org/en/)。

对于从其他图像编辑软件程序过渡过来的读者,以及那些对 GIMP 完全陌生的读者,本书从对 GIMP 界面最重要的元素——工具箱和图像窗口的快速介绍开始。如果你已经是 GIMP 的爱好者,你可能想跳过到 1.1 绘画和绘画。如果你之前没有使用过 GIMP,或者如果你想刷新你的记忆,请继续阅读。

多窗口模式与单窗口模式

GIMP 2.8 引入了两种与 GIMP 窗口交互的方式。原始方法为所有内容使用单独的窗口:工具箱、对话框、画布等。在 GIMP 2.8 中,选择“窗口”▸“单窗口模式”将所有窗口放置在一个窗口中。这种新方法对 Windows 用户来说很熟悉,而原始的多窗口模式对 Mac 和 Linux 用户来说很熟悉。在整个章节中,将根据适当和有意义的情况展示两种模式的示例。

注意

在本书中,你会找到可互换的术语图像窗口画布窗口。官方的称呼是图像窗口,但由于图像这个术语经常被过度使用,因此选择了画布窗口*这个术语以避免混淆。

无标题的图像

GIMP 在多窗口模式(左上角)和单窗口模式(右下角)的默认窗口布局

GIMP 工具箱

GIMP 的默认布局从左到右包括工具箱、一个空白的画布窗口和默认的停靠窗口。工具箱包含 GIMP 的所有核心工具。画布窗口用于绘制、绘画和编辑图像。停靠窗口是包含一个或多个 GIMP 的各种对话框的窗口,例如图层、通道、画笔和路径对话框。

注意

术语对话框指的是一种窗口类型,通常是在请求工具或其他功能时打开的窗口。

下表显示了工具箱中每个工具的图标,并简要描述了该工具的功能。每个工具还有一个工具选项对话框,允许您微调每个工具的应用方式,以达到您期望的精确效果。我们将在稍后讨论工具选项对话框。

工具箱图标
工具
---
图片
图片
图片
图片
图片
图片
图片
图片
图片
图片
图片
图片
图片

|

^([a]) 用最简单的话说,矢量是包含从一端到另一端路径信息的线条。它们在 GIMP 图像窗口中创建时没有关于用于创建它们的像素的信息。大多数 GIMP 工具都是基于像素的,这意味着它们在像素上操作。像素是一个具有红色、绿色、蓝色和透明度级别的点。

|

工具选项对话框

工具选项对话框提供了访问活动工具的选项和设置的途径。此对话框以标签形式出现在两个初始停靠窗口的顶部。点击 GIMP 工具的图标会执行两个操作:激活该工具,并显示该工具的工具选项对话框。

注意

除了工具选项对话框外,许多工具箱工具还关联着一个额外的对话框。这些对话框提供了对工具特定功能的便捷访问。点击工具的工具箱图标以访问其工具选项对话框。在画布上点击以打开工具关联的对话框或使用文件菜单来访问它(文件对话框)。

无标题图片

矩形选择工具的工具选项对话框

颜色样本和工具预览

在工具箱底部,你可以找到颜色样本和画笔、图案和渐变预览。如果你在首选项对话框中启用了它,你还会看到活动图像预览。

在样本框中,你可以找到当前的前景色(左上角的框)和当前的背景色(右下角的框)。本书中会参考这些颜色样本。点击其中任何一个都会打开一个对话框,你可以在此调整当前颜色。当备用框当前处于活动状态时,需要双击前景色或背景色框。例如,如果背景色框处于活动状态(在工具箱中它出现在前景色框后面),点击前景色框一次使其变为活动状态,第二次点击会打开更改前景色对话框。

无标题图片

更改前景色对话框

样本框右上角的弯曲、双端箭头交换当前的前景色和背景色。点击左下角的小框将前景色重置为黑色,背景色重置为白色。在画布上按 D 键也会重置颜色,而按 X 键则会交换它们。

无标题图片

工具箱底部样本框中的前景色 图片 和背景色 图片

画笔、图案和渐变预览

笔刷、图案和渐变预览反映了当前活动于“笔刷”、“图案”和“渐变”对话框中的选择。单击任何这些预览以打开相关对话框并更改活动选择。

无标题图像

工具箱中的笔刷、图案和渐变预览。

渐变是颜色的变化,通常在应用选择时平滑地模拟光照变化或曲面变化。混合工具常用于应用渐变。您可以将该工具设置为使用当前的前景和背景颜色,从一组预定义的渐变中选择,或创建自己的渐变。

活动图像预览窗口

您很快就会发现,同时打开多个图像窗口可能会变得混乱。活动图像预览窗口允许您快速激活您选择的窗口。双击预览以打开对话框以选择活动图像窗口。

此功能默认未启用,因此要使用它,请在“首选项”对话框中将其打开。在工具箱中选择“文件▸首选项”,然后在左侧选择“工具箱”。然后勾选“显示活动图像”复选框。活动图像窗口显示在工具箱的底部。

无标题图像

一旦您在“首选项”对话框中启用了活动图像预览,预览将出现在工具箱的底部。位置将位于其他预览的右侧和/或下方,具体取决于您如何更改工具箱区域的大小。

停靠

浮动窗口是一个包含其他窗口的窗口。例如,工具箱在其底部有一个浮动窗口。任何对话框都可以变成浮动窗口。要做到这一点,将一个对话框的标题拖动到另一个对话框中,以将两个对话框停靠在一起,从而产生一系列标签。要将对话框从一个浮动窗口拖出并移动到另一个窗口,请将标签拖动到屏幕的新位置。

无标题图像

停靠窗口可以节省屏幕空间并减少杂乱(左侧)。在单窗口模式(右侧)中,所有对话框最初都是停靠的,但它们可以在任何时候通过将标签从一个浮动窗口拖动到另一个浮动窗口来移动到不同的浮动窗口。

图像窗口

除了工具箱外,GIMP 的另一个主要窗口是图像窗口画布,在这里显示您的工作。GIMP 允许您同时打开多个图像窗口,这在从窗口复制并粘贴到另一个窗口时非常有用。

无标题图像

多窗口模式(左侧)将每个图像放置在其自己的窗口中。单窗口模式(右侧)在画布区域上方为每个图像添加标签。

菜单

所有菜单都在图片窗口中。在多窗口模式下,每个图片窗口都有这些菜单的副本。大多数菜单项适用于打开菜单的图片窗口。一些菜单,如文件菜单,适用于整个 GIMP 应用程序。在单窗口模式下,顶部的菜单栏适用于活动图片窗口标签或所有标签,视情况而定。

菜单可以通过多种方式访问。第一种是通过菜单栏。另一种是在画布区域右击鼠标。最后一种选项是使用画布左上角的菜单按钮。在本书中,将使用菜单栏,尽管高级用户应该熟悉菜单按钮,因为那是唯一使用可撕离菜单的方式。为什么有这么多做这件事的方法?因为在处理小图像(如网页或计算机应用程序的图标)时,您可能需要放大很多。如果您调整窗口大小以适应这种情况,您可能不会在图片窗口的顶部看到每个菜单选项。如果发生这种情况,请使用指向右边的箭头访问不可见的菜单选项。此菜单还提供访问可撕离菜单的途径,允许您快速访问常用菜单项,而无需反复遍历菜单。例如,当创建指南以开始项目时,您可能会使用此功能。

图片窗口菜单包括文件、编辑、选择、查看、图片、图层、颜色、工具、滤镜、窗口和帮助。Linux 用户可能会在菜单栏中找到一个视频选项,这取决于他们的 Linux 发行版如何打包 GIMP。然而,这个选项不是 Windows 或 Mac 用户的基础 GIMP 包的一部分,本书中不会讨论这个选项。

在本书中,您将使用编辑、查看、图片、图层、颜色和滤镜菜单中的功能。选择菜单也非常有用,但您可以使用鼠标、工具箱和键盘快捷键来访问其大多数选项。不要忘记查看文件菜单,熟悉其创建、保存、导出和打印选项。

无标题图片

单窗口模式下的图片窗口菜单栏(左),多窗口模式(中间下方)显示从画布左上角的菜单按钮发布的菜单,以及一个可撕离的菜单

尽管这超出了本书的范围,但您应该知道您可以创建自己的附加工具,这些工具可以添加到任何菜单中。如果您是一位对为 GIMP 开发工具感兴趣的程序员,我建议您查看 GIMP 开发者网站上的材料(developer.gimp.org/),特别是插件开发部分。

| 图片窗口菜单和功能 |
| --- | --- |

菜单 功能
文件 文件菜单提供打开、关闭、打印、保存和导出等操作。
编辑 编辑菜单为您提供访问剪切、复制、粘贴、填充和描边操作的入口。其中一些操作仅适用于选择项,但如果没有选择项,则这些操作适用于整个活动图层。
选择 选择菜单提供补充工具箱选择工具的操作,包括全选、全不选、反转和保存到通道。选择还可以从该菜单进行羽化、增长、缩小和锐化。
视图 缩放只是视图菜单的选项之一。您还可以使用此菜单在引导线、图层边界、选择和点网格的可见性之间切换。强制图像窗口缩小以适应图像的缩放级别可以帮助您在缩小缩放时在桌面上腾出更多空间。选择视图▸全屏以在全屏模式和普通模式之间切换。
图像 这里可以找到应用于合成图像的操作,包括旋转变换、画布大小调整以及将所有图层合并为单个图层。
图层 此菜单提供专门针对图层的操作。这包括图层排序;活动图层的颜色管理;以及图层变换、蒙版、缩放和对齐。
颜色 菜单中的选项包括调整亮度、对比度、色调、饱和度和白/黑点级别的对话框。任何全局或基于选择的颜色校正都将使用此菜单。
工具 工具菜单提供了访问工具箱工具的入口,但除非你处于全屏模式,否则你很少会使用它。从该菜单选择一个项目会使该工具变为活动状态,就像你在工具箱中点击了它的图标一样。
过滤器 随着您跟随本书中的教程,您将熟悉过滤器菜单。它提供了您以创意方式操作图像所需的工具,包括应用模糊、光照效果、云渲染和扭曲。
窗口 对话框菜单提供了快速访问 GIMP 的许多对话框,包括图层、通道、路径、画笔、图案、渐变和文档历史对话框。
帮助 通过此菜单可以访问基于上下文和编程的帮助,以及已安装或在线的帮助文档。

注意

您不必使用文件菜单来访问这些选项。尝试右键单击以显示包含所有这些选项的弹出菜单。这要快得多!

额外功能

有一些其他图像窗口功能你应该了解。每个都标有标签,并在此简要讨论。

无标题图片

额外的图像窗口功能

图片 使用快速蒙版来创建和修改选择。这将在 1.4 选择中进一步讨论。
图片 使用标尺可以拉出垂直和水平辅助线。点击其中一个标尺并拖动以创建一个新的辅助线,或者通过选择“图像▸辅助线▸新建辅助线”来更精确地创建一个。辅助线就像网格线,您可以使用它来对齐对象。
图片 使用导航控件在图像周围移动更容易。在查看大图像或放大查看小图像时点击它,以查看其效果。
图片 指针坐标显示光标在您从右侧下拉菜单中选择单位(英寸、像素等)中的确切位置。
图片 缩放下拉菜单允许您快速更改图像视图,但通常您使用键盘快捷键加号(+)和减号(–)来缩放和缩小会更好。按 1 键查看图像的 100%。
图片 状态区域显示有用的信息,包括角度信息,当您拖动以创建直线时。
图片 您还可以使用图像窗口左上角的指向右的箭头访问图像窗口菜单。
图片 图像窗口还包括一个缩放按钮,其形状像一个放大镜,位于窗口的右上角。点击此按钮,然后拖动窗口角落以调整图像大小。画布将缩放以适应新的窗口大小。

首选项对话框

GIMP 的用户界面非常可配置。您可以更改用于访问工具和滤镜的键盘快捷键,或者为尚未具有快捷键的功能添加快捷键。此外,您可以更改默认的新图像大小,指定对话框在启动时的外观,设置您的资源消耗首选项,等等。这些选项以及许多其他选项都可以通过首选项对话框(文件▸首选项)访问。

快捷键

在 GIMP 中工作以节省时间的一个最佳方法就是使用现有的快捷键。如果您喜欢,您也可以自定义它们。打开“首选项”对话框(文件▸首选项),然后在左侧点击“界面”。点击“配置键盘快捷键”按钮允许您单独映射命令。例如,如果您经常需要模糊图像,您可能希望将 CTRL-SHIFT-B 映射到您需要应用的模糊命令。

或者,您也可以交互式地映射快捷键。勾选“使用动态键盘快捷键”复选框以启用此功能。然后点击“确定”以保存您的首选项。

无标题图片

在首选项对话框中启用动态键盘快捷键

在工具箱中打开编辑菜单。注意,预设选项旁边没有列出快捷键。要添加快捷键,将光标放在预设选项上,但不要点击它。相反,同时按下 CTRL、SHIFT 和 P 键。现在预设对话框有了快捷键,您可以尝试一下。按 CTRL-SHIFT-P 返回预设对话框。要删除动态快捷键,将鼠标悬停在菜单项上并按 BACKSPACE 键。快捷键是节省时间的巨大工具,也是个性化 GIMP 体验的简单方法。

为了阐明分步说明,本书将专注于菜单选择,而不是快捷键。然而,随着您经验的积累,学习使用快捷键将提高您的创意工作流程。

无标题图片

为预设对话框设置快捷键前后的对比

撤销级别和其他环境选项

预设对话框还可以提高 GIMP 的性能。您可以修改图像缓存大小、撤销级别数量、可用于撤销操作的最大内存以及可用于图像缩略图的最大大小等特性。如果您有足够的内存和意愿,可以随意提高这些值。最常修改的值可能是瓦片缓存大小。较小的值可以减少 GIMP 的内存使用,但会减慢处理大图像的速度。如果您有很多内存并且处理大图像,尝试将值从 128MB 增加到 256MB。如果您内存不足,另一个选项是减少撤销级别。默认的五级已经很低了。如果您想节省内存而减少这个值,请记住经常保存您的作品。

资源文件夹

预设对话框还允许您配置存储画笔、图案、渐变、字体等文件的目录。单击“文件夹”旁边的箭头以展开所有资源文件夹。如果您想创建自己的图案或文件,可以使用预设对话框告诉 GIMP 保存和查找这些文件的位置。您也可以通过这种方式添加或删除画笔和图案的集合。

无标题图片

预设对话框中的环境设置

无标题图片

预设对话框中的目录设置

1.1 绘画和绘图

GIMP 可以用于绘画和绘图,尽管它更出名的是图像和照片编辑工具。铅笔、画笔、喷枪、橡皮擦和墨水工具统称为 GIMP 的画笔工具。本书的这一部分将向新用户介绍这些工具。在 1.10 基本教程中的基本教程将帮助您掌握使用这些画笔工具,以便您可以在本书的后面部分进行实验。

画笔工具和功能

在讨论每个画笔工具之前,让我们先看看它们共有的某些功能。

  • 不透明度。在各个画笔工具的工具选项对话框中,您可以调整要应用的笔触的不透明度。请记住,不透明度是透明度的对立面,因此较高的不透明度值意味着笔触将更不透明。

  • 模式。除了橡皮擦之外的所有画笔工具都允许您设置笔触的混合模式。混合模式定义了笔触如何与应用笔触的图层中现有的像素混合。不同的模式有不同的效果。加法模式将画笔的颜色添加到图像中,导致图像变亮。乘法模式使图像变暗。叠加模式可以根据应用的颜色或图案以及图层中现有的内容使图像变亮或变暗。混合模式也用于图层。

    无标题图片

    在画笔工具的工具选项对话框中将模式设置为正常

    模式也用于合成图层。您将在 1.2 图层和模式中更详细地探索模式。现在不必过于担心它们。当您进行实验时,请坚持使用正常模式。

  • 画笔。全局画笔设置在工具箱中的画笔预览中设置。您还可以从工具选项对话框中选择任何画笔工具的画笔。除了使用自己画笔的墨水工具外,所有画笔工具都需要您选择特定的画笔。画笔工具甚至可以记住画笔;您可以在它们之间切换,而不会丢失任何工具的设置。默认配置是所有画笔工具共享相同的画笔,但可以在偏好设置对话框的工具选项下更改此设置。

    无标题图片

    偏好设置对话框显示,画笔设置在 GIMP 的所有画笔工具之间共享(画笔复选框被勾选)。

    正如你所见,画笔工具的笔触可以设置为在应用时渐变。笔触在渐变前的移动距离也可以在工具选项对话框中使用动态调整。首先,将动态选项设置为基本动态。然后点击动态选项以显示渐变选项并调整渐变长度值以确定渐变前的笔触长度。将动态选项更改为渐变锥形将为渐变笔触添加锥形末端,如本例所示。墨水工具是唯一不提供此选项的画笔工具。

    无标题图片

    使用画笔工具指定如何渐变笔触。请注意,需要选择反向选项才能使笔触渐变而不是渐变进入.

  • 间距。所有画笔都有一个间距设置。这个值以画笔宽度的百分比来衡量,决定了在绘制笔触时画笔图像之间的距离。您可以使用画笔对话框更改任何画笔的默认间距。较高的间距值允许您从普通画笔创建像线框和管道这样的形状。

现在您已经熟悉了基础知识,以下是本书教程中最常用的 GIMP 绘图工具。

铅笔工具

铅笔工具应用硬边缘,这一点很重要。充分利用绘图工具需要您了解硬边和软边之间的区别。当您使用软边缘时,画笔中的灰色级别或渐变颜色被认为是部分透明,并与画布中现有的像素合并。这会在笔触周围创建软边缘。当使用硬边缘时,如果笔触中的像素超过 50%的黑色(或超过 50%的彩色),笔触中的像素将替换画布上的像素,而不是与之合并。如果笔触中的像素小于 50%的黑色或彩色,画布上的像素保持不变。

在这里,很容易看出铅笔工具和画笔工具与圆模糊(101)和胡椒画笔一起使用时的区别。铅笔工具使用硬边缘,因此画笔边缘没有抗锯齿,而画笔工具使用软边缘。因此,当处理蒙版或编辑照片时,您可能不会经常使用铅笔工具。

无标题图片

铅笔工具(顶部)和画笔工具(底部)用于使用圆模糊(101)和胡椒画笔绘制线条。

画笔工具

在整个教程中,这是你将最频繁使用的绘图工具。画笔工具非常适合创建图层蒙版和通过绘制快速蒙版来创建选择。在两种情况下,画笔的软边缘特性使其非常适合紧密匹配曲线。

画笔工具只在给定的点上应用一次画笔。也就是说,如果画笔工具处于活动状态,并且您在画布上按住鼠标按钮并点击,则只应用一次笔触。当您在画布上拖动光标时,会应用更多的笔触。

气压喷枪工具

气压喷枪工具与画笔工具非常相似,不同之处在于它根据工具选项对话框中设置的速率和流量值应用更亮或更暗的笔触。如果光标不移动,它还会继续在单个点上应用画笔。因此,气压喷枪工具对于增强图像中的阴影和照明非常有用。

无标题图片

在喷枪工具的“工具选项”对话框中设置的“速率”和“流量”值决定了当工具应用于画布时笔触的外观。左侧是一个单次点击。右侧,鼠标按钮被按下了三秒钟。

橡皮擦工具

橡皮擦工具是一个软边缘的绘画工具,它以当前笔刷的形状从图层中移除像素。在除了背景层以外的所有图层中,像素被更改为透明(或半透明,取决于使用的笔刷)。在默认情况下不支持透明度的背景层中,被擦除的像素被更改为工具箱中的背景颜色。

无标题图片

橡皮擦工具可以从图层中移除像素。

橡皮擦工具是一个破坏性工具;一旦保存文件,它所改变的像素将永远消失。更好的方法是用图层蒙版隐藏这些像素,这样就不会造成破坏。(您将在 1.4 选择中学习更多关于图层蒙版和选择的内容。)您可以在将来任何时候编辑图层蒙版以调整隐藏的内容。橡皮擦工具无法做到这一点,因此您不会经常使用它。

无标题图片

使用图层蒙版可以达到相同的效果,它保留了图层内容,以便在必要时可以稍后重用。

Ink 工具

Ink 工具是专门为与 Wacom 等制造商的绘图板一起使用而设计的。您可以使用 Ink 工具的“工具选项”对话框调整笔尖的形状、应用于笔触的倾斜量、相对于平板笔移动笔的速度,以及更多设置。

这些功能对使用钢笔绘制的用户非常有帮助,例如漫画或类似的艺术作品。不幸的是,笔触绘制不是本作者的强项,因此这些教程中不会使用 Ink 工具。

笔刷

GIMP 的库存笔刷适用于大多数项目,您将在本书的教程中多次使用它们。但只要稍加努力,您就可以大大扩展可用的样式选择。创建新笔刷几乎是不需要动脑筋的事情。几乎。

这里讨论了两种类型的 GIMP 笔刷:普通笔刷和彩色笔刷,以及参数化笔刷(这些笔刷是可缩放的,必须使用笔刷编辑器创建)。

注意

创建新笔刷或图案最简单的方法是使用剪贴板。使用任何选择工具选择一个小区域并复制它(编辑复制或 CTRL-C)。剪贴板在“笔刷”和“图案”对话框的非常第一个框中显示。本节描述了如何更好地控制笔刷创建。

创建普通和彩色笔刷

你可以创建自己的 GIMP 画笔。最简单的是普通或彩色画笔,它由你绘制或导入的图像组成,并将其保存为带有.gbr扩展名的画笔文件。任何可以在 GIMP 中打开的图像都可以保存为画笔,尽管有些效果比其他的好。例如,非常详细的图像不适合这个目的。在大多数情况下,图像也应该缩小,因为它将成为画笔尖端。

注意

彩色画笔与普通画笔类似,只是前者有颜色,而后者只是灰度的不同级别

普通画笔在画笔图像中的黑色部分用前景色绘制。在画笔中黑色淡化为白色的地方,前景色在混合到画布上的像素之前会与透明度混合。

要创建普通或彩色画笔,只需按照以下步骤操作:

  1. 通过选择文件新建来打开一个新的图像窗口。将大小设置为25 × 25 像素

  2. 如果你正在创建一个彩色画笔,你需要将背景图层(图层▸透明度▸添加 Alpha 通道)。如果你正在创建一个普通画笔,不要添加 Alpha 通道,而是将图像转换为灰度(图像▸模式▸灰度)。

  3. 使用画笔工具在画布上绘制一个X形状。如果你创建了一个彩色画笔,它将以颜色绘制;如果你在上一个步骤中将图像转换为灰度,它将以灰度显示。

  4. 一旦你完成了图像的创建,将其导出到带有.gbr文件扩展名的画笔目录中。(选择编辑首选项以打开首选项对话框,然后在文件夹画笔下查找正确的路径。)

  5. 当出现“导出图像为画笔”对话框时,在描述字段中输入画笔名称,并适当地设置间距值。画笔就像在画笔描边过程中反复应用的模板;其间距设置是从一个模板应用的中心到下一个模板应用中心的画笔宽度的百分比。对于大多数用途,你可以接受默认间距。

    无标题的图像

    显示示例画笔的“导出图像为画笔”对话框。注意更新后的画笔对话框,右下角已选择新画笔

  6. 打开画笔对话框(窗口可停靠对话框画笔),点击刷新以更新画笔对话框。这会导致 GIMP 重新读取所有可用的画笔文件,并且它应该找到你刚刚保存的那个。你的新画笔应该会出现在调色板中,与内置画笔以及你定义的任何其他画笔一起。你的新画笔现在可以使用了。选择它并开始绘画。

注意

在使用普通和彩色画笔时,创建特定画笔的不同尺寸的多个版本并不罕见。最好的方法是首先创建最大的画笔,然后重复缩小并保存图像以创建几个较小的画笔

创建参数化画笔

参数笔刷易于修改,并且在使用过程中可以配置以多种方式改变。与普通和彩色笔刷不同,您只能通过使用笔刷编辑器来创建参数笔刷。要打开笔刷编辑器,请点击笔刷对话框中的新建图标(它显示一张空白纸张)。(如果笔刷对话框未处于活动状态,请选择“窗口”▸“可停靠对话框”▸“笔刷”。)

无标题图片

在画布上多次应用参数笔刷并在笔刷编辑器窗口中显示

笔刷编辑器窗口允许您设置基本的笔刷形状(椭圆形、正方形或菱形),并通过输入各种选项的值以多种方式调整该形状。半径是笔刷的像素大小。尖刺值是从笔刷中心向外延伸的线条数量。这些线条在正方形和菱形形状中很明显,但在椭圆形形状中直到你增加纵横比之前并不立即可见,纵横比放大了尖刺的效果。

笔刷编辑器中的最后两个选项是角度和间距。角度值以度为单位给出,表示尖刺应该如何围绕笔刷中心旋转。与其他笔刷一样,您可以调整参数笔刷的间距。

参数笔刷的主要用途是它们在工作过程中易于更改。也可以轻松调整特定的笔刷形状以满足非常具体的需求。没有打开画布窗口中的笔刷文件、手动编辑笔刷并将其保存为新笔刷,是无法用其他笔刷类型做到这一点的。

无标题图片

使用参数笔刷绘制选择项可以让你达到一些有趣的效果。在每一行中,都会改变间距值。

1.2 图层和模式

GIMP 中的图层就像叠放在一起的透明纸张。任何透明的地方,下面的纸张都会显示出来。如果你在投影仪上放置几层透明纸张并打开投影仪的灯光,每张纸的颜色会结合形成新的颜色。这正是堆叠中的图层工作的方式:它们结合在一起,在画布窗口中形成你所看到的效果。对图层所做的更改会立即反映在画布上。

图层是 GIMP 项目的构建块,因为它们允许您一次构建一个图像的一部分,就像在计算机接管之前手工绘制卡通一样。

无标题图片

图层对话框中的图层和画布窗口中的组合图像

图层对话框

您可以使用图层菜单或图层对话框来管理图层。

无标题图片

从画布窗口访问图层菜单

您可以通过使用图层对话框底部的箭头按钮 来移动图层在堆栈中的上下位置,或者您可以直接点击图层并将其拖动到新的位置。图层对话框底部的其他按钮包括新建图层按钮(单页图标 )、创建图层组(文件夹图标 )、复制图层按钮(双页图标 )、锚定图层按钮(锚图标 )以及删除按钮(红色圆圈中的 x 图标 )。除了锚定图层按钮外,这些按钮的功能都是显而易见的。

无标题图片

可以使用按钮栏创建、移动和管理图层。

图层对话框中的文件夹图标是在 GIMP 2.8 中引入的。这用于创建一个 图层组,允许同时对一个以上的图层执行单个操作,例如在画布中移动或关闭可见性。要创建图层组,请点击图层对话框中的文件夹图标。图层组在对话框中看起来就像一个普通图层,除了隐藏按钮,一个位于预览左侧的三角形图标,仅在组中包含一个或多个图层时才可用。点击此按钮将在图层对话框内显示或隐藏组内的图层。如果组可见性和图层可见性都启用(即,两个眼图标都是可见的),组内的图层将包含在画布窗口中。

您可以通过在图层对话框中拖动并将它们放到组图层上,将图层添加到组中。或者,首先选择组图层,然后创建一个新图层。

无标题图片

分组图层在包含大量图层的项目中更容易管理。

当您将内容复制并粘贴到画布上时,GIMP 会创建一个临时的图层,称为 浮动选择。您可以将这个临时图层锚定到当前图层(在您将新选择粘贴到画布上之前激活的图层),或者您可以将其作为一个新图层。锚定图层意味着浮动选择的内容在两者重叠的地方替换现有的图层内容。锚定图层按钮是锚定浮动选择到当前图层的快捷方式。使用新建图层按钮可以将浮动选择作为一个新图层,或者您也可以使用新建图层按钮从头创建一个新图层。

无标题图片

图层对话框,带有浮动选择

图层可以有遮罩,可以隐藏图层的一部分,使其在画布上显示的合成图像中不被使用。遮罩将在使用图层遮罩为图像着色中讨论。图层对话框中的所有图层都有一个图层内容预览。遮罩作为第二个预览显示在图层内容预览的右侧。

图层可以是可见的或隐藏的,这取决于其可见性图标的状态,即伴随每个图层的图层对话框中的眼睛图标。点击此图标可以切换图层的可见性。当图层不可见时,其眼睛图标不会显示。

图层不必与画布大小相同。图层边界也可以在画布边界之外。如果是这种情况,任何超出画布的图层部分都不会在画布上显示。要扩展图层以匹配画布大小,只需在图层对话框中右键单击图层,然后选择“图层到画布大小”。

你还可以使用移动工具在画布上移动图层。如果你想要同时移动多个图层,可以通过点击每个图层的链链接图标将它们锚定在一起。在画布上点击并拖动可以同时移动所有图层。请注意,从 GIMP 2.8 及以后的版本开始,你也可以将图层分组,并将组图层设置为活动图层,以便一次移动组内的所有图层。现在,链链接可以用来将不在图层组中的图层分组。

无标题图片

在这里,图层对话框显示了一个图层及其遮罩。遮罩由图层预览右侧的黑白色预览表示 无标题图片。可见性图标出现在最左侧 无标题图片。如果图层被隐藏,这个眼睛图标将不可见。只需点击图标应该出现的位置,就可以恢复图标并使图层再次可见

无标题图片

链链接图标可以将图层链接起来,以便它们可以一起移动

你可以通过在图层对话框中选择图层并调整不透明度滑块来使任何图层部分不透明。你为这个不透明度滑块选择的设置将与你使用图层遮罩定义的任何不透明度更改相结合。

GIMP 在透明纸张隐喻的基础上又前进了一步。你可以使用几种方法之一来将图层与下面的图层结合。每种方法都称为图层模式

模式是 GIMP 的重要概念。除了适用于图层外,它们也适用于绘画工具。在返回到图层模式之前,我们将先看看绘画模式,尽管你会看到,这两个 GIMP 功能几乎是相同的。

绘画模式

所有绘画工具都可用绘画模式,从混合到桶填充到画笔。绘画模式定义了绘画工具如何将其所绘内容与图层中已有的像素结合。这种将新内容与旧内容混合的过程称为合成

绘画模式是 GIMP 中结合颜色和透明度的数学方法。其想法是,对于每个颜色通道(红色、绿色和蓝色),使用某种组合的加法、减法、乘法和除法,以指定方式将两个不同的像素进行合成。

无标题图片

绘画模式(用红色突出显示)可用于所有绘画工具.

一个重要的绘画模式概念是,颜色通道只有 256 个可能的值(0 到 255,其中 0 是无颜色,255 是该通道中的全颜色)。这是因为 GIMP 每个颜色通道只使用 8 位:8 位 = 2⁸ = 256。当你结合所有三个通道时,你最终会得到 2563 种可能的颜色(不包括 alpha,或透明度,通道)对于任何单个像素。在某些模式下,添加、减去等操作可能会产生超出此范围的值。在这种情况下,模式要么限制(强制)值回到最小值(0)或最大值(255),要么绕到范围的另一侧。

与绘画模式一样,图层模式定义了图层如何进行合成。绘画模式与图层模式之间的区别在于,绘画模式是在绘画操作发生时应用的,因此这些更改是立即的,并且实际上会改变图层中的像素。图层模式指导 GIMP 如何将一个图层与下面的图层结合,但这种合成实际上不会改变像素。它只改变画布的显示方式,因为图层在内部合成并在图像窗口中显示。

GIMP 有 23 种绘画模式,其中 21 种也可以用作图层模式(背景和颜色擦除绘画模式不能用于图层)。下表列出了这些模式,并简要描述了它们的工作原理。在此表中,现有像素是当前图层中的像素(及其多个颜色通道),而新像素是由绘画工具添加的。对像素进行的操作会影响每个通道(红色、绿色和蓝色)。在下一节学习图层模式时,请记住,这些模式以相同的方式应用,只是现有像素来自当前图层,而新像素来自下面的图层。

绘画模式和功能
模式
---
正常
溶解
下方
色彩擦除
仅加亮
屏幕模式
轻描
加法
仅变暗
乘法
烧灼
叠加
柔光
硬光
差异
减去
粒度提取
粒度合并
除法
色调
饱和度
颜色

图层模式

使用绘画工具混合像素是一个本质上具有破坏性的过程,因为以任何模式绘画都会改变图层中的像素。这并不总是坏事,但如果你需要恢复原始像素信息怎么办?使用 GIMP 创作艺术几乎总是涉及实验,这通常意味着放弃一组更改,回到源图像,并尝试不同的方法。如果明天——在你保存并退出 GIMP 之后——你想以不同的方式编辑图像呢?那些像素将永远失去它们的原始设置。

为了保持原始像素设置,请使用图层模式。图层模式通过将当前图层与其下方的像素混合来工作。混合方法与绘画模式相同,但图层模式在画布上显示像素值时组合像素值,而不改变下层像素。例如,使用桶填充工具应用图案然后切换到硬光图层模式不会改变当前图层以下的任何像素。因此,当前图层可以在任何需要的情况下——任何时候——改变,而不会丢失任何其他图层的像素值。

无标题的图片

图层对话框,模式下拉菜单突出显示

要设置图层模式,请使用图层对话框的“模式”下拉菜单。除了“在下面”和“颜色擦除”模式外,所有可用作绘画模式的模式都可以用作图层模式。并且图层模式可以随时更改。更改图层模式不会物理改变像素(它只影响组合图像在画布上的显示方式),因此它不会消耗任何额外的内存或使用任何撤销级别。

注意

撤销命令允许你回退到最近的变化。你可以回退任意多次,直到你使用了在首选项对话框的环境部分配置的最大撤销内存量。默认的撤销内存量是 16MB,这对于用于网络的较小图像来说相当充足,但对于海报大小的打印可能不足够。你可以通过反复按 CTRL-Z 或选择编辑▸撤销来回退到最近的变化。如果你按下 CTRL-Z 停止撤销步骤,你就知道已经达到了允许的最大撤销内存量。在你达到那个点时,你可能想立即增加最小撤销级别。

使用图层模式着色图像

图层模式在本书的许多教程中都有出现,但这里有一个迷你教程来介绍它们。着色图像会在目标区域不是完全黑色的地方添加颜色。在这个过程中,图像被去饱和——所有颜色内容都被移除——留下一个仍然在 RGB 模式下的图像,但只包含灰色调。只有在这个时候,你才添加颜色。

  1. 打开任何图像,首先通过选择颜色去饱和来去饱和原始图层。点击确定

  2. 通过选择图层新建图层并在图层填充类型中设置为透明度,在其上方添加一个新的透明图层。

  3. 在工具箱中单击前景颜色以更改前景颜色。选择你喜欢的任何颜色,然后将前景颜色拖到画布上以填充新图层为所选颜色。

  4. 将此图层的模式设置为颜色

    无标题的图片

    首先,去饱和你的图像。然后通过在原始图层上方添加一个图层,填充新图层上的颜色,并将新图层的模式设置为颜色来着色图像。

因为在更改前景颜色对话框中特别选择了颜色,这种着色方法比其他方法提供了更多的控制。它也不会像颜色化对话框(颜色颜色化)那样过多地洗掉图像。

使用图层蒙版着色图像

使用图层模式,你可以通过结合我们刚刚使用的技术和图层蒙版来选择性地给你的图像添加颜色。一个图层蒙版阻止图层的一部分显示出来,所以只有它的一部分出现在画布窗口中显示的合成图像中。蒙版中任何白色部分都会使用该图层的一部分。蒙版中的任何黑色部分都会导致该图层的一部分不被使用。

无标题的图片

图层蒙版——在图层预览右侧可见——让我们能够着色图像。在图层对话框中单击蒙版以使其变为活动状态。然后应用绘图工具到蒙版上,以改变其形状以适应你的需求。

  1. 将之前示例中的彩色图层添加图层蒙版(图层▸蒙版▸添加图层蒙版)。

  2. 当提示时,点击白色(全不透明)单选按钮。

  3. 在选择画布的情况下,按D键重置默认的前景色和背景颜色。然后将前景颜色(黑色)从工具箱拖到画布上。这将在蒙版中填充黑色,使得彩色图层不可见。

  4. 在画布上选择一个区域,然后将背景颜色(白色)拖入选择区域。这将在所选区域内的蒙版中添加白色,使得彩色图层的那部分可以在画布窗口显示的合成图像中使用。

层和层模式提示

到现在为止,你应该已经熟悉了层和模式的基础知识。以下是一些在实验时需要注意的提示。

  • 屏幕和加法层模式会使图像变亮。乘法和减法模式会使图像变暗。但叠加模式可以两者兼得!

  • 记住,白色与红色的差值与从红色中减去白色的结果不同。从另一个图层中减去一个图层会将结果夹在黑色。想象一下,一个图层包含红色值为 100,另一个图层包含红色值为 40。从第一个图层减去第二个图层的结果将是-60,但减法模式不能读取低于 0(黑色)的值。差值模式取绝对值。

  • 为了获得更干净的效果,尝试使用柔光层模式而不是颜色层模式来给图像上色。

  • 层模式不会消耗内存。在层模式之间切换不会影响 GIMP 的整体性能,所以大胆尝试!(在即将到来的教程中,你将在层模式上获得大量的实践。)

  • 确保给图层起有意义的名字。默认的名字从来不足以描述,当处理十几个或更多图层时很容易迷路。只需在图层对话框中点击图层名字,并输入新的、更描述性的名字。完成更改后按回车键。

  • 给图像上色的方法有很多。一种方法是使用上色工具。这是最快的方法,效果几乎和使用了层模式一样好。打开任何图像并去饱和(颜色▸去饱和)。然后打开上色对话框(颜色▸上色),调整色调、饱和度和亮度滑块,直到预览显示所需的结果。但请记住,这会改变图层中的像素。为了保持像素去饱和,在去饱和图层上方添加一个新图层,用颜色填充新图层,并使用层模式将颜色与去饱和图层混合。

    无标题的图片

    在这里使用上色工具给图像上色。与颜色层模式不同,上色工具实际上会改变像素内容。在使用此工具之前,请确保您确实想要进行更改。

1.3 层模式

当处理图像时,GIMP 使用三种颜色模式之一:RGB、灰度或索引。每种模式代表一种特定的颜色模型。颜色是一个非常复杂的话题,但我将尽力为你总结。

颜色模型(你可以显示的颜色集合)是一种用一组数字表示颜色的方式,这些数字定义了颜色的组成部分。不同的颜色模型可以映射到不同的颜色空间(定义你看到的颜色)。想象一个颜色空间图,在其中你可以画一个三角形。这个三角形就是模型,其中每个顶点都是三种原色之一:R(红色)、G(绿色)或 B(蓝色)。根据这个模型,当 R = 100,G = 100,B = 100 时,你得到深灰色。如果你将三角形向右滑动,注意保持在图中,你仍然有一个具有三个值为 100 的颜色模型,但那些值定义了不同的颜色。要产生特定的颜色,你需要颜色模型和颜色空间。

注意

说实话,色彩理论比这要复杂得多。其背后的数学在这里不会探讨,但正如你将看到的,基本思想很重要。

有许多不同的颜色模型和颜色空间。GIMP 仅在使用 RGB、灰度和索引颜色模型的情况下在sRGB(标准 RGB)颜色空间内工作。RGB 模型用于在显示器上显示工作,因为它是一种加色模型,其中组件被相加以产生颜色。显示器从黑色(0/0/0)开始,随着你增加每个组件的值,屏幕会变得更亮。如果每个组件的量都完全添加,你会得到白色。

无标题的图片

GIMP 的图像模式:RGB、灰度和索引

另一个众所周知且流行的颜色模型是 CMYK,主要用于印刷,GIMP 尚未直接支持。与 RGB 相比,CMYK 是一种减色模型。如果 C、M、Y 和 K 的量相等,你会得到黑色。就像你反复在相同的纸上打印一样,墨水会积累直到你得到一个黑色的污点。

你可以理解为什么将一种颜色模型转换为另一种颜色模型是一项相当复杂的任务。你需要知道的不只是你显示器上像素的颜色。

RGB是屏幕图像最常用的模式,本书中将一直使用它。字母 R、G 和 B 代表红色绿色蓝色,代表 RGB 图像的三个颜色通道。图像中的每个像素都是三个颜色通道中每个像素的合成。每个通道使用 8 位,可以通过一组从 0 到 255 的整数数字定义颜色。这为你提供了可观的 1600 万种颜色来工作。

无标题的图片

RGB 图像的默认颜色通道

在 RGB 模式(图像▸模式▸RGB)下工作意味着您还可以使用透明度。透明度是衡量光线可以通过给定像素的程度。画布上像素的颜色是结合该像素的三个通道,然后将复合像素的颜色与位于图层堆叠中其下方的复合像素的某些百分比混合的结果。透明度也是不透明度的对立面。如果一个像素是 30% 透明的,那么它也是 70% 不透明的。

如果 RGB 图像有一些透明度,那么这些信息将存储在一个第四通道中,称为 alpha 通道。当您被要求选择 Alpha 到选择或添加 Alpha 通道时,您将处理图像或图层中的透明度信息。

无标题的图片

默认情况下,单个图层中的透明区域由一个棋盘图案表示。该图案可以在“首选项”对话框中配置.

灰度模式(图像▸模式▸灰度),使用单个通道,具有 256 个灰度级别(无颜色)的图像设置,对于某些艺术项目或黑白照片或扫描件可能很有用。您可以通过切换到灰度模式轻松地降低图像的饱和度,但通道混合器(颜色▸组件▸通道混合器)是转换彩色照片的更好选择。

索引模式(图像▸模式▸索引)在将 RGB 图像转换为用于网络的 GIF 文件时很有用。GIF 文件格式只允许图像中有 256 种颜色。每个图像包含一个索引数字表,每个数字代表一种颜色。只有一个索引数字也可以用来指定透明度。例如,如果指定蓝色的索引数字也设置为在 GIF 文件中指定透明度,当程序显示图像时,它将显示透明度而不是显示蓝色。像 GIF 这样的索引格式只有两种透明度级别:开和关。在索引模式下,无法指定像素应该是半透明的。

无标题的图片

将图像转换为索引颜色对话框

将 RGB 模式转换为索引模式允许您从几种 抖动 方法中选择一种,这是一种将相似颜色组合成单一颜色的方式,从而将颜色总数减少到 256(GIF 文件允许的最大颜色数)以下。从 RGB 模式转换为索引模式时需要抖动,因为 RGB 图像可以有高达 1600 万种颜色,而索引图像不能超过 256 种颜色。图像中的颜色还可以映射到特定的颜色调色板。颜色调色板和抖动方法都在“索引颜色转换”对话框中选定,该对话框在您选择“图像▸模式▸索引”时打开。

GIF 格式使用单个像素进行透明度处理,这使得将透明区域旁边的圆形边缘与背后的任何东西混合变得困难。GIF 格式不支持 alpha 混合,这是一种沿边缘混合像素的技术,需要单个像素的多个透明级别。在 GIF 文件中,像素要么是透明的,要么不是。

GIF 格式的一个好替代品是 PNG 格式,它支持单个像素的多个透明级别,具有较少的许可限制,并且也受到 GIMP 的支持。出于所有这些原因,GIF 文件正在迅速被 PNG 文件取代。我建议将索引图像转换为 RGB 并将其保存为 PNG 文件。

虽然许多网页设计师正在从 GIF 迁移到 PNG 文件,但旧版本的 Internet Explorer (IE) 仍然无法正确显示包含不同透明级别的 PNG 文件。GIMP 可以正确保存具有多个透明级别(半透明区域,旨在与图像放置的背景混合)的 RGB 图像。问题是,旧版本的 Internet Explorer 错误地解释了除完全透明之外的所有内容,并以纯色显示此类图像。这个问题已在 IE 的较新版本中得到纠正。

1.4 选择

想要充分利用您的 GIMP 体验?掌握有效创建选择的技艺。没有什么比这更重要。完美的选择可以使一张图片与另一张图片融合,或将一张图片映射到另一张图片上。或者将白天变成夜晚。没有选择,您几乎无法使用图像编辑器做任何事情,本节重点介绍如何尽可能准确和高效地进行选择。

所有 GIMP 选择都由一组移动的破折号勾勒出来,这被称为 行军蚂蚁。您可以通过从图像窗口菜单中选择编辑▸首选项并点击图像窗口条目来设置蚂蚁的速度。如果您想切换特定图像窗口内选择项的可见性,请选择查看▸显示选择。

选择工具

GIMP 提供了九种不同的工具来创建选择:矩形选择、椭圆选择、自由选择、模糊选择、按颜色选择、剪刀、前景选择、快速蒙版和路径。路径是矢量轮廓,可以转换为选择。或者,选择也可以转换为路径。这两种选项都可以在路径对话框中找到。快速蒙版允许您在启用时在图像窗口中用彩色蒙版进行绘制,然后在关闭时将蒙版转换为选择。快速蒙版将在本节稍后部分详细介绍。

编辑选择

矩形选择和椭圆形选择工具包括交互式编辑功能。使用任一工具在图像窗口内点击并拖动。注意,选择被一个边界框勾勒出来。在这个框的边缘有热区,允许调整它的大小,这也会调整选择的大小。在边界框内点击并拖动以移动选择。要移除边界框,按回车键或在选择内单击一次。要重新获取边界框,在选择内单击一次。

这些工具可以编辑任何选择,但使用它们会将原始选择,如自由选择,转换为矩形或椭圆形选择。

无标题图片

矩形和椭圆形选择创建后可以编辑。角落 改变宽度和高度,而角落之间的更长热区 只改变宽度或高度。

选择还可以使用任何变换工具(旋转、缩放、剪切、透视、翻转和笼状)进行编辑。创建选择后,选择一个变换工具。变换可以应用于图层、选择或路径。在“工具选项”对话框中,点击选择框以将变换应用于选择。

无标题图片

要将变换操作应用于选择,必须在执行变换之前在变换工具的“工具选项”对话框中设置选择框。

选择约束

所有选择工具都可以使用“工具选项”对话框进行配置。矩形选择和椭圆形选择工具可以从该对话框以多种方式约束。选择约束定义了选择的形状和大小。矩形选择和椭圆形选择工具都有一个从中心扩展选项。未约束的选择将一个角落锚定在第一次鼠标点击的点。锚定的角落取决于拖动选择的方向。在“工具选项”对话框中设置从中心扩展,将选择的中心锚定到初始鼠标点击点。

固定是这两个选择工具的另一个约束选项。它提供了四种约束选择的方式:宽高比、宽度、高度和大小。选择其中任何一个都会将选项菜单下方输入字段的内容更改,以便设置适当的值,这些值将约束选择。例如,选择大小允许输入宽度乘以高度的值。一旦配置完成,点击图像窗口即可创建该精确大小的选择。在禁用固定选项之前,无法编辑选择。

工具选项约束不是限制选择大小和形状的唯一方法。辅助线和图层边界也可以作为约束工具。

无标题图片

工具选项对话框中的约束选项仅适用于矩形选择和椭圆选择工具。

  • 参考线参考线是水平或垂直的线,不会出现在你的最终图像中,但可以用来对齐项目元素,如层和选择。你可以从标尺拖出参考线,但这样只能粗略地定位它们。如果你需要将参考线定位在绝对像素偏移(正如你将在本书的几个教程中所做的那样),请使用图像▸参考线菜单中可用的选项。

  • 层边界。层边界由黄色和黑色虚线表示。当选择一个层时,无法在其层边界之外绘制任何内容。你可以轻松选择层的角落:从图像窗口内部开始,拖动通过你想要选择的角落并超出层边界。只有选择在层边界内的部分将被选中。

    无标题图片

    从顶部标尺拉出水平参考线或从左侧标尺拉出垂直参考线。使用移动工具逐个将它们拖出窗口,或选择图像参考线移除所有参考线一次性移除所有参考线。图像参考线菜单允许你通过百分比(新建参考线(按百分比))或通过像素偏移(新建参考线)添加参考线。你还可以将参考线围绕现有选择包裹(从选择新建参考线)。*

你还可以通过按住各种键盘键来改变 GIMP 选择工具的行为。这些键被称为键盘修饰符,因为它们会修改活动工具的行为。如果你在画布上点击并拖动以创建选择时按下了键盘修饰符,则修饰符会影响选择约束。

当使用矩形选择或椭圆选择工具时,在鼠标点击后按下 SHIFT 键并保持按住,拖动时将约束选择,使高度和宽度始终相等。这意味着矩形选择是正方形,椭圆选择是圆形。但这只有在你在释放键盘修饰符之前释放鼠标按钮时才成立。如果你首先释放 SHIFT 键,则约束将被移除。

无标题图片

黄色和黑色虚线表示层边界。如果选择的一部分位于层的边界之外,则该部分实际上不会被选中。

如前所述,无约束的选择将将其左侧锚定在第一次鼠标点击的点。要从选择的中心锚定,首先点击,按住 CTRL 键,然后拖动选择。与 SHIFT 键一样,必须首先释放鼠标按钮以保持约束。

使用键盘修饰符与选择结合是一种高级技术,不适合教程。因此,本书通常在配置选择工具时参考工具选项设置。

选择模式

当选择约束设置选择的大小和形状时,选择模式将两个或多个选择组合起来,而不管每个选择应用的约束如何。通常需要做出几个选择,然后以不同的方式将它们组合起来。这种合并选择在例如选择照片中形状不寻常的对象或在使用颜色或图案填充形状之前勾勒形状时非常有用。

无标题图片

您可以使用键盘修饰符来限制选择形状。您还可以使用每个变换工具的工具选项对话框应用变换到选择中。

无标题图片

每个选择工具的工具选项对话框提供了访问四个模式按钮的途径:替换、添加、减去和交集。

要组合选择,请使用选择工具的工具选项对话框中的模式按钮。从左到右,替换模式创建一个新的选择,替换任何现有的选择,添加模式将新选择添加到现有选择中,减去模式从现有选择中减去与新选择重叠的部分,交集模式仅在新的和现有的选择重叠的地方创建选择。如果没有现有选择,替换和添加模式将单独创建新选择,而减去和交集模式则不执行任何操作。

工具选项对话框中的模式按钮也映射到键盘修饰符。在拖动时按住 SHIFT 键激活添加模式,而按住 CTRL 键激活减去模式。同时按住这两个键拖动激活交集模式。这些键盘修饰符适用于除前景选择外的所有选择工具。注意,只要您按住这些键,相关的模式按钮就会在工具选项对话框中选中。如果没有初始选择,修饰符没有效果,替换模式按钮保持激活状态。

注意

前景选择工具将这些键映射到工具选项对话框中的其他选项。

当使用各种选择工具模式时,光标会根据激活的模式而改变,如下所示。随着经验的积累,您将学会识别这些光标,但如果是 GIMP 新手,您在处理选择时需要密切关注工具选项对话框。当使用键盘修饰符时,很容易混淆当前的模式与您可能(或可能不是)试图应用于新选择的约束。与选择约束一样,本书中的教程将始终参考工具选项对话框中的模式设置,而不是键盘修饰符。

无标题图片

光标会根据活动模式而改变。

奇形怪状的选择

当处理照片或任何现有数字图像时,你很少需要完美的矩形或椭圆形选择。相反,你需要用奇形怪状的选择来勾勒奇形怪状的形状。当这些形状具有复杂的边缘时,通常你唯一的选择就是手动绘制选择。在 GIMP 中,你可以使用自由选择工具来完成这项工作。

自由选择工具

要进行自由手绘选择,从工具箱中选择自由选择工具,点击画布,然后拖动以围绕你想要选择的形状。当你拖动时,会出现一条实线,显示选择边缘。当你完成轮廓绘制后,按回车键。实线将被熟悉的蚂蚁线替换。

无标题图片

使用自由选择工具进行自由手绘选择

要闭合自由选择循环,只需将光标拖回到起点并寻找一个小黄色圆圈。这表示两个端点重叠,选择循环将被闭合。

手绘轮廓并不总是制作选择的最佳方式。幸运的是,GIMP 提供了丰富的替代方案。如果你想要选择的图像部分被实色或其他明显的边缘所包围,工具箱提供了模糊选择、颜色选择、剪刀和前景选择工具。

无标题图片

自由选择工具有几个替代方案,其中包括模糊选择、颜色选择、剪刀和前景选择工具。

模糊选择工具

模糊选择工具在感兴趣的对象周围有实色时效果最佳。

无标题图片

模糊选择工具允许你通过简单地点击围绕它们的白色区域来选择豆子和它们的阴影。

在模糊选择工具的工具选项对话框中,最重要的选项是阈值设置。较低的阈值值意味着选择的像素更少。可以通过按住左键移动鼠标来调整阈值。请注意,当你使用模糊选择工具点击画布时,所有在指定距离内(颜色差异)并且相邻的像素都将被添加到选择中。重要的是要记住像素必须是相邻的。注意,模糊选择工具总是创建一个大的选择。它将形状奇特,但只有一个。另一方面,颜色选择工具会创建许多选择。

颜色选择工具

选择颜色工具在从图像中根据像素组(这些像素不一定相邻)提取形状方面表现最佳。其工具选项对话框还提供了一个阈值设置,该设置的功能与模糊选择工具的阈值设置类似:选择所有在阈值范围内的像素。然而,在使用选择颜色工具时,像素不必相邻。因此,这个工具可以潜在地创建成千上万的独立小选择。在这个例子中,因为白色背景与豆子和它们的阴影对比非常强烈,所以选择颜色工具只创建了一个选择。使用低阈值设置并点击白色背景创建的选择几乎与模糊选择相同。

只要感兴趣的对象与图像其余部分之间的对比度很高,选择颜色工具和模糊选择工具都可以进行非常精确的选择。对于这种情况不适用的情况,你最好使用剪刀工具或前景选择工具。

剪刀工具

当你需要深入操作时,请使用剪刀工具;它通过注意鼠标点击所绘线条附近的颜色变化来找到物体的边缘。

要使用剪刀工具创建选择,请点击画布以在感兴趣的对象周围放置锚点。锚点也被称为控制点节点,剪刀工具的锚点与路径工具的锚点类似。当你放置锚点时,GIMP 会绘制一条实线连接每个新锚点到前一个锚点。GIMP 根据颜色变化计算这些线条。在这个例子中,豆子和它们的阴影有明显的颜色差异,所以点击豆子边缘附近会创建一个仅围绕豆子的轮廓,不包括其阴影。要闭合轮廓,请点击你放置的第一个锚点。然后点击轮廓内部以将该区域转换为选择。

在将轮廓转换为选择之前,你可以通过点击任何现有锚点并将其拖动到新位置来编辑轮廓。你甚至可以通过点击任何两个现有锚点之间的线条来添加新的锚点。添加新锚点和移动现有锚点让你在将其转换为选择之前调整轮廓。这可能在你发现 GIMP 选择的分割线不符合你的需求时是必要的。

无标题图片

沿着阴影边缘点击会自动设置与波浪线相连的锚点,当闭合循环时这些波浪线将成为选择。可以使用剪刀工具勾勒出豆子(不包括阴影)以创建更精细的选择,尽管对于这个特定的图像,使用模糊选择并增加阈值设置可能更容易。

前景选择工具

前景选择工具比之前讨论的工具更复杂,但通过实践,它可以成为在杂乱背景上隔离前景形状的最佳工具。前景选择使用多步骤过程来指定图像中的对象作为前景。从工具箱中选择该工具后,在图像窗口中会显示套索指针。将套索拖动到前景对象周围以创建一个粗略的选择。在勾勒出对象后,按回车键完成第一步。默认情况下,蒙版区域(不在选择中)将以蓝色突出显示,尽管这种颜色可以在工具选项对话框中更改。

第二步是绘制前景对象。在此步骤中使用当前前景颜色以及圆形笔刷。按住鼠标左键,在前景对象内部靠近边缘和任何戏剧性的颜色变化(暗到亮或亮到暗)处绘制。对象不需要完全被绘制覆盖。当释放鼠标按钮时,前景选择工具将根据绘制的像素和当前蒙版区域更新蒙版区域。

可以使用重复的笔触来细化选择。工具选项对话框允许设置笔刷大小以选择连续的区域或调整颜色灵敏度。编辑完成后,按回车键将未蒙版区域转换为选择。

前景选择工具在隔离图像中的对象时可以非常精确。然而,在实践中,此工具在创建需要进一步使用快速蒙版(在使用快速蒙版中描述)进行细化的大致选择时表现最佳。

image with no caption

前景选择比剪刀更快、更准确,但通常需要通过快速蒙版进行修正。

从选择创建蒙版

有时,一个项目需要你在图像中隔离一个对象以创建该对象的蒙版。通常,这个对象本身不容易选择,但它的周围区域却可以。

看这个以白色背景为背景的玫瑰。使用按颜色选择或模糊选择工具隔离白色区域很容易。一旦做出选择,反转它(选择▸反转)以创建仅包括花朵的选择。然后你只需要创建一个黑色蒙版并将其填充为白色。

image with no caption

要创建玫瑰的蒙版,请选择纯白色背景,反转选择,添加黑色图层蒙版,并用白色填充选择区域。

羽化选择

在照片中创建选择以隔离对象有时需要更多的工作。您可能需要羽化选择。在创建选择时,GIMP 提供了使用抗锯齿的功能。如果不使用抗锯齿,GIMP 要么包含像素,要么不包含像素在选择中;没有部分选择像素。

无标题图片

在启用(左)和未启用(右)抗锯齿的情况下放大玫瑰选择

通过羽化选择,可以通过允许像素部分选择来软化其边缘。这意味着一些像素实际上是部分透明的,因此当您复制粘贴选择区域时,其边缘与新环境融合得更加容易。

无标题图片

羽化选择(右)具有柔和的边缘,允许它们在复制粘贴到另一张图片时与背景融合。

您可以使用羽化选择对话框(选择▸羽化)来羽化您创建的选择区域。默认情况下,羽化深度以像素为单位设置,但您可以从对话框的下拉菜单中选择其他几个单位。羽化过程跨越选择区域的两侧,一半在选择的内部,一半在选择的外部。这个范围的内部边缘是完全不透明的,而外部边缘是完全透明的。当您从羽化范围的内部边缘移动到外部边缘时,像素变得越来越透明。

无标题图片

羽化选择对话框允许您以几种单位之一指定羽化深度。

无标题图片

一个羽化范围被分割以跨越选择边界。这个羽化选择是 6 像素:3 个在选择的内部,3 个在选择的外部。

使用快速蒙版

模糊选择工具与像玫瑰这样的图像效果很好,其中主题出现在单一背景上。但还有一种更直观的方法来选择形状奇特的物体,这在背景不是单一颜色时尤其有用。快速蒙版允许您在图像上绘画以创建选择区域。

要使用快速蒙版,请点击图像窗口左下角的快速蒙版按钮。这样做会给图像添加红色色调。选择任何画笔工具和画笔。通过按 D 键然后 X 键将前景色设置为白色,前提是画布已被选中。开始使用您选择的画笔工具和画笔进行绘画,擦除快速蒙版中的红色。当您揭露出想要选择的区域时,再次点击快速蒙版按钮。在您移除快速蒙版的地方,绘制的区域将被转换为选择区域。这比想象中还要简单!

无标题图片

快速蒙版按钮位于画布窗口的左下角。当未使用时,按钮图标是一个方块选择符号。当您单击快速蒙版按钮时,图标变为红色方块,所有现有选择区域之外的区域都被着色为红色(除非您已更改默认蒙版颜色)。

无标题图片

原始的黄色汽车位于左上角。在左下角,快速蒙版已开启,图像被着色为红色。在右上角,汽车的黄色车身已被涂成白色,蒙版颜色改为深绿色以增强对比度。再次单击快速蒙版按钮将绘制区域转换为选择区域,并允许我们更改汽车车身的颜色。

放弃选择区域

您完成选择后怎么办?您可以通过选择 Select▸保存到通道将选择区域保存到通道,或者您可以放弃选择。选择 Select▸None 将放弃当前选择。或者,您可以按 CTRL-SHIFT-A。

将选择区域保存到通道中,允许您稍后在通道对话框中检索该选择区域(Windows▸可停靠对话框▸通道)。只需单击保存的通道使其变为活动状态,然后单击对话框底部的通道到选择按钮。在本书后面的各种教程中,我们将多次使用此过程。

无标题图片

通道到选择按钮位于对话框的右下角红色方块处。

使用选择区域

一旦您有一个好的选择区域,您几乎可以用它做任何事情。您可以通过简单地从工具箱中拖动前景色或背景色到选择区域来填充颜色。您可以在选择区域内使用任何绘图工具,而不用担心超出选择区域进行绘画。

无标题图片

将前景色或背景色从工具箱拖动到任何选择区域以填充颜色。

无标题图片

在选择区域内绘制,无需担心影响其外的任何内容。

您还可以使用选择区域来隔离可以应用滤镜的区域。例如,您可以对玫瑰选择区域应用运动模糊,而不会模糊其外的任何内容。

无标题图片

在不担心模糊其外的任何内容的情况下模糊选择区域。

您还可以将任何绘图工具与前景色结合使用来绘制选择区域。以这种方式绘制选择区域被称为绘制选择区域,通过选择 Edit▸绘制选择区域可以打开绘制选择区域对话框。

无标题图片

使用软边刷绘制玫瑰选择区域

选择技巧

在练习使用选择时,请记住这些提示:

  • 如果你记不住 SHIFT 和 CTRL 键盘修饰符的工作方式,记得使用选择工具的工具选项对话框中的模式按钮来指定新选择如何与现有选择交互要容易得多。你可以在同一个对话框中设置宽高比,所以你完全可以忘记 SHIFT 和 CTRL 键。

  • 你可以将快速蒙版与现有选择结合使用。当你第一次点击快速蒙版按钮时,任何现有选择都不会有红色色调。根据需要绘制,然后再次点击按钮以合并选择。

  • 用户发现他们无法创建新的选择,往往是因为忘记在工具选项对话框中选择了减去或交集模式,这在选择工具中并不罕见。如果这种情况发生在你身上,只需检查工具选项对话框,确保模式设置为替换。使用模式按钮会将选择工具设置为该模式,直到你手动更改它。这就是为什么经验丰富的用户学会使用键盘修饰符的原因之一。修饰符只适用于创建新选择所需的时间。

1.5 路径

GIMP 是一个位图图像编辑器。用简单的英语来说,这意味着它通过改变单个像素的颜色在照片上工作得很好。它最初并不是为了编辑线条或几何形状而设计的,就像专门的矢量图形编辑器(如 Adobe Illustrator 和 Inkscape)那样。当然,矢量编辑器在处理照片中的像素方面并不那么出色。但在当今世界,位图图像编辑器和矢量编辑器之间的界限变得模糊,因为为一种编辑类型编写的图形程序通常提供一定程度的对另一种编辑的支持。GIMP 也不例外。

GIMP 的矢量编辑是通过 路径 来处理的。路径由至少两个由直线或曲线连接的点组成。这些点被称为 锚点,有时也称为 控制点。线和它们的锚点在技术上被称为贝塞尔曲线,以纪念那位推广其在汽车设计中使用的法国工程师。通过从锚点拖出 手柄,可以弯曲锚点之间的线。每个锚点有两个手柄,每个手柄都与锚点进入或离开的线相关联。

工具箱中的路径工具是创建路径的主要方法,尽管它们也可以通过将选择转换为路径来创建。工具选项对话框用于设置路径的编辑模式。设计模式用于放置和定位新的锚点。当鼠标光标在图像窗口中位于锚点或不在锚点上时,鼠标光标会发生变化。编辑模式允许在两个现有锚点之间添加新的锚点,分割它们之间的线。使用此模式,也可以通过按住 SHIFT 键来删除锚点。移动模式用于同时移动整个路径及其所有锚点。

无标题图片

路径的工具选项对话框提供了多种模式来处理锚点和它们的句柄。它还可以用来从路径创建选择区域或轮廓当前图层上的路径。

路径以两种方式分组。首先,路径作为一个整体存在,包括所有的锚点。为了亲自体验,请在路径对话框中选择“移动”,点击路径上任何不在直线上的点,然后拖动鼠标。整个路径将会移动。其次,每条线上的所有锚点都是连接的。点击任何一条线并拖动;你会看到连接的点会移动。文本可以被转换为路径,但在这样做时,不连续的路径不会被分组。注意,当你移动一个已经转换为路径的“e”或“a”中的某些路径时,这些字母的内部部分不会移动。

无标题图片

不连续的路径可以独立移动。

路径是在路径对话框中独立创建的图层上创建的。路径图层可以被命名并重新排序,就像图像图层一样。然而,路径图层并不与特定的图像图层相关联。单个路径图层可以应用于任意数量的图像图层,并且可以包含单个路径或多个、不连续的路径。

路径对话框允许在以后编辑现有的路径。首先,选择路径工具。然后在路径对话框中点击你想要编辑的路径图层,点击可见性图标以在图像窗口中显示路径,并在图像窗口中点击路径以开始编辑。编辑完成后,关闭路径图层的可见性。

路径要么是开放的,要么是闭合的。闭合路径将最后一个控制点与第一个控制点连接起来。这只能在编辑模式下完成。点击最后一个锚点,然后点击第一个锚点来闭合路径。

无标题图片

就像它的表亲“图层”对话框一样,路径对话框使用一个眼睛图标来表示可见的路径图层。

路径可以被转换为选择区域。创建路径后,然后在路径对话框底部点击“路径到选择”按钮。所有选择区域都是闭合的,这意味着当选择区域被创建时,第一个和最后一个锚点通过选择区域连接,即使路径本身没有闭合。选择区域也可以被转换为路径。创建选择区域后,然后在路径对话框底部点击“选择到路径”按钮,位于“路径到选择”按钮的右侧。这里可以找到一个隐藏的 GIMP 对话框。在创建选择区域后,按住 SHIFT 键并点击“选择到路径”按钮。这将打开一个用于将选择区域转换为路径的高级选项对话框。

大多数变换工具(旋转、缩放、剪切、透视和翻转——但不包括笼形变换)可以应用于路径。创建路径后,在路径层对话框中打开其可见性。然后从工具箱中选择变换工具。在工具选项对话框中,顶部有一行影响图标。点击该行末尾的路径图标。在图像窗口中单击以打开变换编辑器并修改路径。路径层可以在路径对话框中链接,以便变换应用于所有链接的路径层,即使路径在图像窗口中不可见。

无标题的图片

路径可以被复制 复制路径 和绘制 绘制路径,以及转换为选择 转换为选择。选择可以反过来转换为路径 转换为路径。这可以用于创建标志、漫画或漫画。

注意

需要注意的是,特别是关于路径缩放时,转换路径应用于整个路径层。如果要将路径放大很多,首先缩小图像窗口,然后点击它以打开转换编辑器,并在路径上执行该转换。

路径在图像窗口中可见,但不会被渲染(即绘制或应用)。必须绘制或转换为选择才能应用于图像窗口。要绘制路径,在路径对话框中选择路径层。然后选择“编辑▸绘制路径”或点击路径对话框底部的绘制按钮,在“从选择到路径”按钮的右侧。将打开绘制路径对话框。路径可以使用指定宽度或样式的实线或图案进行绘制,或者可以使用当前活动的画笔和可用的绘画工具之一进行绘制。

路径对于需要在不同尺寸下渲染的设计非常有用,例如标志或漫画。它们被设计成在 GIMP 中提供可缩放的形状,在通常情况下,层缩放会影响图像质量。

路径是一个高级主题,因此本书的教程不会涉及。

1.6 绘制基本形状

新的 GIMP 用户最常问的问题是,“我如何创建基本形状?”在本节中,你将探索两种方法:绘制选择和使用 Gfig 插件。

无标题的图片

通过绘制选择来绘制简单形状

绘制直线

直线很容易绘制。选择任何绘图工具,在画布上单击一次以开始绘制线条。按住 SHIFT 键,将光标移动到终点并再次单击。要使线条限制在 7.5 度角的倍数,同时按住 CTRL 键和 SHIFT 键。

绘制简单形状

如果你需要绘制的形状相对简单,最佳选择是使用描边选择。

  1. 从工具箱中选择矩形选择工具或椭圆选择工具,然后拖动以创建选择。在拖动时按住 SHIFT 键以约束选择,使其宽度和高度相等(生成一个完美的正方形或圆形),然后释放 SHIFT 键以创建选择。

  2. 从画笔对话框中选择圆形(101)画笔。在工具选项对话框中选择画笔工具,并将大小设置为2.00

  3. 选择编辑描边选择,并在描边选择对话框中,点击使用画笔描边单选按钮。从画笔工具下拉菜单中选择画笔。这会给选择带来漂亮、干净的边缘。

  4. 点击描边以描边选择。

三角形需要一点特殊处理。

  1. 配置图像网格(图像配置网格)。对于这个 800 × 600 的图像,使用宽度为 100 像素、高度为 100 像素的网格。

  2. 从工具箱中选择路径工具,然后点击网格线的任何三个交点以标记三角形的顶点。

  3. 在工具选项对话框中,点击描边路径按钮。这将绘制形状。

注意

如果需要旋转三角形,请选择从路径选择而不是描边路径,然后旋转选择,并使用编辑描边选择进行描边。*

无标题图片

使用网格或路径中的辅助线绘制三角形。

绘制不规则形状

创建封闭的不规则形状可能很简单,也可能很复杂,这取决于项目。创建此类形状的简单方法是减去和添加到现有选择中。例如,首先创建一个矩形选择。然后按住 CTRL 键以从现有选择中减去,或按住 SHIFT 键以添加到现有选择中。作为替代,您还可以使用选择工具的工具选项对话框,点击适当的模式按钮。

无标题图片

选择工具工具选项对话框中的模式按钮允许你在描边之前以各种方式组合选择。

使用路径工具创建不规则选择比简单地添加和减去选择更困难,但也更准确。拉出水平和垂直辅助线,使其在不规则形状的顶点处相交,然后使用路径工具勾勒形状。描边路径或将其转换为选择,然后按需填充。此方法在您需要从照片中隔离多个建筑时效果很好。

无标题图片

使用路径工具勾勒形状

绘制预定义形状

Gfig是一个原始的矢量绘图工具,提供了一系列预定义的形状,包括星星、螺旋、曲线、多边形和弧。对于像正方形和三角形这样的简单形状,使用本节前面讨论的技术会更快,但当你需要创建更复杂的东西时,Gfig 会很有用。不妨试一试:

  1. 向图像添加一个新图层(图层新建图层)。

  2. 打开 Gfig(滤镜渲染Gfig)。

  3. 点击按钮栏上的创建星形按钮。将边数设置改为5 边

  4. 点击预览的中间部分,并拖动到预览的右下角。将使用当前选定的笔刷创建星形。

  5. 如果你需要在创建星形后移动它,点击移动对象按钮(星形右侧三个按钮),然后拖动星形在预览中移动。

  6. 根据需要修改笔刷和填充选项,然后点击关闭以在画布上渲染你的形状。

在你将它们渲染到画布上之前,你在 Gfig 中创建的对象是矢量格式,并且有堆叠顺序。你可以使用 Gfig 来改变这个顺序,或者你可以在新图层上渲染每个形状,然后通过在图层对话框中移动图层来稍后改变堆叠顺序。

你可以使用 Gfig 编辑你已渲染到图层的形状,即使你已经在那些图层上应用了效果。然而,当你使用 Gfig 编辑形状时,那些效果将会丢失,所以请仔细规划你的工作流程。

无标题图片

Gfig 允许编辑 Gfig 图层内的形状,直到对该图层应用效果。

Gfig 的问题在于它是一个非常简单的矢量编辑器。例如,使用 Gfig 创建的规则多边形在其顶点处没有可编辑的点。你只能移动中心点或调整多边形的大小。而且笔刷选择仅限于选择笔刷,而不是其大小、不透明度或其他在其他绘图工具选项中找到的设置。最后,Gfig 也不是最稳定的 GIMP 插件。如果你尝试创建很多对象或重复编辑对象,它有崩溃的趋势。

如果你需要真正的矢量编辑功能,你最好使用像 Inkscape(www.inkscape.org/)这样的工具。只需创建形状,然后将其导出为 PNG 或 SVG 格式,用于你的 GIMP 项目。

基本形状技巧

在本节中,你应该记住以下几点智慧。

  • 默认情况下,选择项希望附着到参考线上!正如你所看到的,这简化了如勾勒城市天际线等任务。但如果你需要,可以禁用此行为;只需切换到视图▸吸附到参考线。

  • 想要旋转一个形状?使用选择或路径上的旋转工具。或者你可以在形状渲染后旋转图层。

  • 在新的透明图层中绘制形状,而不是覆盖现有图层内容。删除图层总是比恢复被覆盖的像素要容易。确保透明图层的锁定 Alpha 通道选项已关闭。如果不关闭,您将无法绘制图像的透明部分。

    无标题图片

    锁定 Alpha 通道(在旧版本中称为保持透明度)选项位于图层对话框中。如果复选框被勾选,您将无法更改图层的透明部分。

  • 使用宽度为 1 像素的画笔和默认前景色(黑色)绘制线条不会产生实心的黑色轮廓,因为画笔的边缘抗锯齿。只需重复这个过程一次或两次,就可以得到更暗的线条。较大的画笔没有这个问题。或者,创建一个类似于正方形或圆形的选择区域,用颜色填充它,然后通过 1 像素缩小选择(选择▸缩小),最后删除它。这将产生一个非常干净的 1 像素宽的形状轮廓。

  • 不要忘记,您可以用图案或纯色填充选择区域,而不是用线条填充。使用桶填充工具填充图案,或者将工具箱中的前景色或背景色拖动到选择区域中,以填充纯色。

1.7 图案和渐变

图案是您可以用来填充选择区域或图层的图像文件。它们最常用于创建像城堡墙壁或鳞片状生物皮肤的纹理。渐变是两种或多种颜色混合在一起形成的。您可以使用渐变来实现多种目的,从模拟管子、管道和柱子到将波浪扭曲应用于布料或水。

GIMP 提供了一系列的库存图案和渐变。大多数库存图案适合 Web 图像,但可能对于较大的印刷项目来说太小了。库存渐变种类繁多,您将在本书后面的教程中使用其中几个。

本节是关于创建您自己的图案和渐变的介绍。您不会为本书的教程创建任何图案,但学习如何这样做对您自己独立操作时是有用的。

图案

与画笔一样,图案可以从任何图像中创建。设计正确的图案是可平铺的——许多图案的副本可以无缝地融合在一起。平铺图案通常用作网页的背景图像和三维项目的纹理。

您可以通过选择“窗口▸可停靠对话框▸图案”来访问图案对话框并查看所有可用的图案。任何图像都可以保存为图案,图案可以是任何大小。图案可以保存为任何文件格式。GIMP 特定的扩展名是.pat,但使用一种文件格式而不是另一种没有优势。

如果您想通过图案对话框访问图案文件,它必须保存到 GIMP 的图案目录之一(选择编辑▸首选项并选择左侧的文件夹▸图案)。

如果图案较大,图案对话框将只显示图像的缩略图。点击图案并按住鼠标左键可以全尺寸查看。

新的 GIMP 用户往往低估了图案的有用性。说实话,内置的图案确实有点无聊。但创建可重复使用的、模拟混凝土和布料纹理的图案并不困难。只需一点想象力即可。

无标题图片

图案对话框显示的缩略图大小一致,但如果您点击缩略图并按住鼠标左键,缩略图将放大。

注意

图案不必来自图案对话框。GIMP 的渲染滤镜(滤镜渲染)也能制作出非常好的图案,并且您可以将其保存为图案文件,以便在项目之间使用。本书中的教程经常要求您即时生成图案,但了解有这么多选项是很好的。

混凝土纹理

最容易创建的一种纹理是简单的混凝土背景。这种纹理可以用作将基本盒子变成水泥块,或者将任何平坦表面变成人行道或道路。现在您可以按照以下步骤进行:

  1. 通过从图像窗口菜单中选择文件新建来打开一个新的白色画布窗口。

  2. 添加一个透明图层(图层新建图层),并使用等离子体过滤器填充它以彩色云朵(滤镜渲染云朵等离子体)。默认设置应该足够用于这种纹理。点击确定应用滤镜。

    无标题图片

    使用等离子体过滤器向画布添加云朵。

  3. 从画布菜单中选择滤镜噪声RGB 噪声来使用 RGB 噪声滤镜为这张图片添加一些噪声。确保不勾选相关噪声独立 RGB复选框。将红色、绿色和蓝色滑块设置为0.20,以应用可见但不过量的噪声到图层上。点击确定应用滤镜。

    无标题图片

    向云朵添加噪声。更多的噪声会使图像的纹理更粗糙。

  4. 使用任何可用的选项对图层进行去饱和(颜色去饱和)。这会移除颜色内容,使图像看起来更像混凝土。点击确定

  5. 为了给纹理增加深度,打开凹凸贴图滤镜(滤镜贴图凹凸贴图)。在调整方位角、仰角和深度值时,注意预览窗口。在预览中四处移动以查看每个调整如何影响图像。从贴图类型下拉菜单中选择线性、球形或正弦波形也会改变效果,但这个设置不如其他设置重要。点击 确定 将滤镜应用到去饱和层。

    注意

    这种技术的变体包括使用不同的噪声滤镜和在等离子滤镜的工具选项对话框中增加湍流设置。

    无标题图片

    凹凸贴图滤镜使混凝土纹理获得了一些深度。

  6. 虽然结果是相当逼真的混凝土纹理,但调整对比度和亮度(颜色亮度-对比度)可以软化效果,为你提供创建更复杂纹理(如皮肤)的起点。

    无标题图片

    对比度和着色变化可以将混凝土变成皮肤。

模拟布料

创建布料纹理从噪声开始。从一个新的 300 × 300 像素 白色画布窗口开始。由于你很快就会旋转其中一个图层,方形图像最为合适。

  1. 再次打开 RGB 噪声滤镜(滤镜噪声RGB 噪声),但这次将红色、绿色和蓝色值增加到 0.90。点击 确定 应用此滤镜。

    无标题图片

    布料纹理从随机噪声开始。

  2. 打开运动模糊滤镜(滤镜模糊运动模糊)。将模糊类型设置为 线性,长度设置为 130 像素 或更多,角度设置为 0 度。点击 确定 应用此滤镜层。

  3. 重复前面的步骤,这次将角度设置为 180 度。这清理了图层的边缘。

  4. 复制背景图层(图层复制图层)。复制的图层将成为新的活动图层。

  5. 在图层对话框(窗口可停靠对话框图层)中,将复制的图层模式更改为 乘法。这样组合两个图层,使图像看起来更暗。

    无标题图片

    运动模糊的噪声使图像中出现了柔和的线条。

  6. 将复制的图层旋转 90 度(图层变换顺时针旋转 90°)。

    无标题图片

    布料具有交叉纹理(对比度增强以便在印刷中可见)。

  7. 你现在可以合并图像(图像合并图像)并按你喜欢的方式着色。

    无标题图片

    使用着色对话框给布料添加颜色很容易。

创建可平铺的图案

要创建可平铺的图案,通过选择图层▸变换▸偏移并点击偏移 x/2, y/2 按钮,将图像偏移其宽度的一半和高度的一半。点击偏移。使用克隆工具修补如这里所示的接缝。要使用克隆工具,首先按住 CTRL 键,然后点击源位置(可以在任何图层中)。克隆工具通过在一点(按住 CTRL 键时点击)获取图像的源副本并将其复制到图像中的其他目的地位置来工作。副本的形状与活动画笔相同。当您点击目的地位置时,按住鼠标左键并拖动,源将被复制到目的地。此外,目的地和源之间的角度和距离保持不变,这意味着源位置会随着您拖动而改变。花点时间玩一下克隆工具,因为它是 GIMP 中最强大的工具之一。

您不必使用克隆工具来创建可平铺的图案。可平铺模糊滤镜(滤镜▸模糊▸可平铺模糊)和无缝拼接滤镜(滤镜▸映射▸无缝拼接)工作得更快,但结果不够精确。

无标题图片

图层偏移对话框允许您自动将图层偏移其宽度的一半和高度的一半。

无标题图片

克隆工具的默认设置显示在工具选项对话框中。克隆工具可以用来修复旧照片中的撕裂。

渐变

渐变文件与图案和画笔文件不同,因为它们不包含图像数据。相反,它们是文本文件,描述了如何在像素范围内应用颜色。渐变对话框(Windows▸可停靠对话框▸渐变)中的渐变预览显示了如果您选择线性形状,颜色将如何混合,但预览只显示渐变的定义。您可以使用混合工具以许多不同的方式应用渐变。

无标题图片

选择不同的渐变会同时更新混合工具的渐变对话框和工具选项对话框。您还可以直接从混合工具的工具选项对话框中的渐变菜单中选择渐变。

注意

请注意,术语渐变混合经常可以互换使用。

使用形状设置与渐变

混合工具的“工具选项”对话框包括一个重要功能:形状设置。形状下拉菜单允许您定义当应用于图层、蒙版或选择区域时渐变的方向和形状。您将在本书的教程中使用线性、双线和径向渐变。选择线性将应用一个平滑的渐变,从您按下鼠标左键开始拖动的地方开始,到您释放鼠标按钮的地方结束。双线效果类似,但它类似于同时应用两个画笔,每个画笔都向相反方向移动。选择径向将在渐变的起点将颜色应用到左侧,并将颜色辐射到您停止拖动并释放鼠标按钮的点。

无标题图片

从形状下拉菜单中选择线性(顶部)、双线(中间)和径向(底部)会产生非常不同的结果,即使您应用相同的前景到背景渐变。

渐变是颜色过渡。本书中的大多数渐变都是由平滑、逐渐的颜色过渡组成的。但过渡不一定是缓慢而平滑的。它可以是突然的。考虑“径向眼球蓝色”渐变。当您从形状下拉菜单中选择线性并应用此渐变时,效果是从白色到蓝色再到黑色的突然变化。但当你选择径向并应用相同的渐变时,结果看起来像一只眼睛。

无标题图片

使用线性形状应用的“径向眼球蓝色”渐变

无标题图片

在黑色背景上使用径向形状应用的“径向眼球蓝色”渐变——现在您知道这个渐变是如何得到名字的了!

通过实验,您会发现您项目如何从渐变中受益的所有方式。您可以从形状下拉菜单中选择径向,并使用前景到背景(RGB)渐变来创建球体或球面。选择线性并使用盲板或王冠装饰线渐变,当用于颜色图层下方的图层时,可以模拟起伏的波浪。

无标题图片

直接将盲板(顶部)和王冠装饰线(底部)渐变应用到图层上,而不与其他图层混合

无标题图片

使用双线形状在彩色图层下方的图层中应用“王冠装饰线”渐变。该图层的混合模式设置为乘法。

那为什么使用渐变呢?在这本书中,我们主要出于两个原因使用它们:创建图层蒙版并将纹理应用于其他图层。将渐变应用于图层蒙版可以创建从上层图像到下层图像的平滑过渡。在单独的图层中应用渐变后,您还可以使用图层模式之一将其与另一个图层混合。后一种方法用于创建波浪图案,尽管您也可以用它来混合图案中的颜色。

无标题图片

通过在图层蒙版上应用渐变来混合两个图像

使用渐变编辑器

虽然您不需要在本书的任何教程中这样做,但您仍然可以创建自己的渐变。在渐变对话框的底部有一组图标。点击从左数第二个图标 以打开渐变编辑器并创建一个新的渐变。

无标题图片

渐变编辑器允许您编辑现有的渐变,例如这里显示的加勒比蓝渐变。使用渐变对话框中的编辑按钮打开渐变编辑器

在渐变编辑器窗口的预览窗口下方是一组三角形。这些是控制点。每个段落的两侧各有一个黑色控制点,中间有一个白色控制点。最初预览中只有一个段落。右键点击此段落以打开渐变编辑器菜单。在此菜单中,您可以设置段落的每一边的颜色(右端点和左端点颜色),添加新的段落(分割和复制菜单选项),以及调整颜色在段落中的流动方式(混合菜单选项)。

无标题图片

渐变编辑器的默认设置如下所示。注意带有两个黑色控制点和一个白色控制点的段落

无标题图片

右键点击段落以打开渐变编辑器菜单。

现在,您可以开始为您的项目创建渐变。只需记住,您可以创建尽可能多的渐变,然后使用渐变对话框在不再需要时删除它们。大胆尝试吧。您没有任何损失!

图案和渐变设计技巧

你觉得你已经掌握了图案和渐变了吗?这里有一些技巧:

  • 您可以使用图案来描边选择区域。创建一个选择区域,选择编辑▸描边选择,然后在描边选择对话框中选择图案选项。

  • 除了使用图案填充图层和选择区域外,您还可以将它们用作凹凸贴图的源图像。将一个图层填充上图案,然后通过使用第一个图层作为凹凸贴图图像,将凹凸贴图滤镜(滤镜▸映射▸凹凸贴图)应用于另一个图层。

  • 有时与画布相比,图案非常小。将纹理应用到画布上会给你几个图案的平铺版本。想要将图案缩放到适合画布而不在整个图层上平铺?创建一个小选择区域,用图案填充它,然后将选择区域复制并粘贴为新图层,接着将图层缩放到图像的大小。

  • 你可以使用桶填充工具的模式将图案与现有图层内容混合。但一个更好、非破坏性的方法是直接在目标图层上方填充图案,然后相应地设置图层混合模式。(参见 1.2 图层和模式以了解更多信息。)

    无标题的图像

    使用图案作为凹凸贴图的源图像

  • 正如你在后续章节中制作球体和按钮时将看到的,渐变经常被用来模拟光照,因为它们可以表示从暗到光的逐渐变化。然而,如果你以错误的文件格式保存它,平滑渐变的外观可能会丢失。例如,GIF 文件并不适合具有渐变的图像,因为 GIF 格式会减少颜色数量并可能导致带状(颜色条纹)。如果你正在保存用于网页的渐变图像,尝试使用 JPEG 格式,并使用很少或没有压缩。

  • 当使用渐变创建球体时,始终让渐变从左侧的浅色流向右侧的深色。在混合工具的工具选项对话框中,检查以确保渐变选项显示这种方式。如果不是这样,尝试点击位于渐变选项右侧的逆序按钮。

1.8 与文本一起工作

这本书的第一版经常使用多个图层来创建多行偏移文本。这种技术是必需的,因为 GIMP 的文本编辑功能有限。虽然通常的字体选择、大小甚至字母间距都是可用的,但无法在单个图层中包含具有不同字体设置的文本。

在 GIMP 2.8 中,所有这些都会改变。一个画布上的编辑框允许你为单个文本字母、单词和短语设置字体特征,包括相对于同一图层中其他文本的位置。这意味着单个图层现在可以容纳整个文本项目,你可以在 3.5 简单标志中尝试这个过程。

创建文本

在工具箱中点击文本工具,然后在画布上点击并拖动以打开一个编辑框。这个框也称为边界框文本框架,会根据你输入的任何文本进行拉伸。但也可以通过在工具选项对话框中设置框值为固定来固定其大小。固定宽度可以用于在图层边界内换行而不需要新行。默认设置动态允许框根据添加到框架中的文本增长。

在编辑框上方是 样式编辑器。它有两行选项,用于更改编辑框中选定文本的字体特征。这包括字体、字体大小、基线和字距调整功能。以下是一个示例,看看它是如何工作的。

  1. 使用默认大小打开一个新的画布。从工具箱中选择文本工具。

  2. 在画布上点击并拖动以创建编辑框并打开样式编辑器。

  3. 在编辑框中输入短语 GIMP 很酷。选择单词GIMP

    无标题图片

    编辑框在角落和边缘有手柄,允许在编辑过程中动态调整大小。注意工具选项中的框选项,用于固定编辑框的大小。点击手柄将调整框的大小以适应当前文本

  4. 在样式编辑器第一行的最左侧框中,输入你系统上已知存在的任何字体的名称的几个字母,例如 Sans Serif 或 Times。在此框下方将显示匹配的字体系列列表。从该列表中选择一个字体。

  5. 在此右侧的框中,输入一个数字(或使用鼠标滚轮)来更改字体大小。

在这一点上,选定的字体应该与短语中其余的字体不同。样式编辑器可以用来更改选定单词的颜色,或者可以选择另一个选项来应用不同的设置。

无标题图片

编辑框中选定的文本是黄色,并且根据样式编辑器的设置,可能不会始终与文本正确对齐

样式编辑器可以用来更改工具选项对话框中大多数相同的选项。然而,行距只能在工具选项对话框中更改,并且始终应用于编辑框中的所有行,即使它们当前未被选中。

无标题图片

样式编辑器第一行中的选项用于字体 字体、字体大小 字体大小 和字体大小单位 字体大小单位。第二行提供字体样式(粗体、斜体等 字体样式)、基线位置 基线位置、字母字距 字母字距 和颜色选项 颜色选项。第二行最左侧的按钮可以用来删除编辑框中当前选定的文本

基线更改会导致在所选文本下方添加空间。如果您在行上创建一个超大的首字母或单词,并希望将其他字母提升到首字母的顶部边缘,则此功能很有用。字距调整用于调整所选文本中字母之间的间距。

image with no caption

除了第一个单词的字母之外的所有字母都被选中,基线值增加以使这些字母的顶部与第一个单词对齐。字距增加以使字母适合框的宽度。

工具选项对话框

工具选项对话框提供了一些在样式编辑器中也可用的功能。工具选项会影响所有未使用样式编辑器更改的文本层中的文本。例如,在工具选项对话框中更改字体将更改上一个示例中除“GIMP”一词之外的所有文本的字体。字体大小和颜色也是如此。

某些选项仅在工具选项对话框中可用。这包括诸如抗锯齿、提示和排版等功能。对这些选项的更改会影响编辑框中的所有文本。

image with no caption

工具选项可用于对图层中的文本进行全局更改,除非文本之前已经使用样式编辑器进行过编辑。

文本编辑器

在编辑框之前,GIMP 在一个名为“文本编辑器”的对话框中提供了文本编辑功能。此对话框的工作方式与画布内编辑框类似,额外的好处是顶部有一个图标用于加载文件(编辑框需要使用上下文菜单)。对文本编辑器的更改会立即反映在编辑框中。

要打开文本编辑器,请在工具选项对话框中点击“使用编辑器”。要关闭编辑器,请点击其关闭按钮或在工具选项对话框中取消选中“文本编辑器”选项。

image with no caption

原始的文本编辑器对话框仍然可用,并提供画布外的所见即所得预览。您目前使用文本编辑器对话框还是编辑框是个人选择,尽管在尝试更改字体类型或大小时,文本编辑器有时可能会表现不佳。

文本、路径和上下文菜单

文本可以与路径对齐,创建沿曲线或框流动的文本。这个功能可能难以找到。当在画布中编辑文本时,右键单击文本以弹出上下文菜单。选择“沿路径文本”选项。这将文本层中的字母转换为一系列形状像字母的路径,并使这些路径流动,使字母的中间与路径对话框中当前活动的路径对齐。要将文本向下移动路径,请在文本前面添加几个空格。

image with no caption

这些轮廓是使用上下文菜单从文本层生成的路径。沿曲线对齐文本可能需要在文本前面添加空格,以及在工具选项对话框或样式编辑器中调整字母间距。

由于文本现在是一系列路径,你需要将它们转换为选择,并用颜色填充以恢复字母。

文本到路径选项类似于路径沿文本,但创建的路径与原始文本处于相同的位置。

文本提示

  • 如果要将文件加载到编辑框中,首先在工具选项对话框中将框设置为固定。如果不这样做,文件中不带回车符的行将作为一行长线流出到右边。

  • 使用基线调整来对齐单行上的多尺寸文本。使用行间距调整来对齐多行文本。

  • 将文本转换为路径可以使放大标志设计更容易。路径是矢量对象,放大它们不会影响其质量,而放大渲染的文本会导致锯齿边缘。你可以在文本层中增加字体大小,但如果你有很多字体类型和大小,你可能发现放大文本的路径版本然后填充适当的颜色更容易。

  • 可以通过将字体安装到任何目录并在首选项对话框中更新字体文件夹来向 GIMP 添加新字体。更改字体配置需要重启 GIMP。

    无标题图片

    字体文件夹允许你向 GIMP 添加新字体。

1.9 数码相机

如果你已经从平板扫描仪毕业,那么你就准备好使用数码相机了。数码相机为你提供了在 GIMP 中使用图像的简化方法。你不再需要担心从胶片转换为数字文件,而是可以直接处理数字文件。不再有打印和底片的盒子。数字生活要容易得多。

然而,随着新技术的出现,也带来了新的流程。扫描仪通常通过 USB 连接。数码相机使用固态设备(SSD),如闪存卡。虽然扫描仪不知道拍摄图像的相机,但数字图像包含元数据,有助于将颜色从一种设备映射到另一种设备。需要考虑新的软件,以及将文件加载到 GIMP 时可能出现的新问题。

今天的相机通过在存储卡上存储数字图像文件来生成 GIMP 就绪的图像。许多手机都集成了可以产生高质量图像的相机。要将这些图像传输到你的电脑上,请从相机中取出存储卡(不要忘记在打开相机时充电),并将其插入电脑或 USB 卡读卡器上的适当插槽。在大多数电脑上,卡将被自动检测到,并打开一个用于组织你的数字文件的应用程序。在 Linux 上,你可以选择 Shot-well、F-Spot、digiKam、Darktable 等。Mac OS X 和 Windows 用户有许多选项可供选择。使用你自己的个人组织方法,如每天一个文件夹或每个事件一个文件夹,将文件复制到你的硬盘上。

如果你仍然使用胶片或者有需要处理的旧照片,你需要一个平板扫描仪将它们导入 GIMP。在 Mac 和 Windows 系统上扫描并不困难,但在 Linux 下可能更复杂。一旦扫描仪连接到你的系统,实验就变得关键。获得高质量的扫描可能需要大量的练习。

数码相机入门

大多数现代数码相机提供非常高的分辨率照片。像素数量与宽高比共同决定了照片的实际大小。在具有 1200 万像素分辨率的相机上,4 × 3 的宽高比会产生大约 4000 × 3000 像素的照片。在 250 dpi 的分辨率下,这些照片可以打印成 16 × 12 英寸,比你在当地超市照片亭得到的旧 3 × 5 英寸照片大得多。(使用 GIMP 的裁剪工具更改宽高比非常简单,所以你的相机提供的比例实际上并不重要。)

无标题图片

多媒体卡有多种形式,尽管大多数数码相机可以直接使用简单的 USB 线访问。

注意

Linux 用户:如果多媒体卡没有自动挂载,请寻找一个名称类似于 /dev/mmcblk0 的设备,并尝试手动挂载该设备。

文件格式

现在你已经可以访问相机上的文件了,你应该对它们有一些了解。首先也是最重要的:文件格式。所有数码相机都支持 JPEG 格式的文件。由于它是一种有损格式,因此不适合图像编辑过程。JPEG 图像通过一种考虑人类视觉感知的算法进行压缩。它移除了你无法看到的许多细节。例如,我们的眼睛无法区分天空中的无限蓝色阴影,因此压缩算法将这些阴影减少到更低的数量。但是,当你后来在 GIMP 中更改天空的颜色以获得更戏剧化的图像时,你会在本应渐变的区域得到均匀颜色的带状区域。

如果你想在 GIMP 中处理 JPEG 图像,应将相机设置为中性色彩、低压缩(或更大的文件大小)、低锐化和降噪。你的图像在相机中看起来可能会显得平淡无奇,但这些设置会在 GIMP 编辑时为你提供更多选项。

一些相机支持 TIFF 格式,这是一种无损格式,也可以进行压缩。区别在哪里?无损格式在压缩时不会丢失任何图像信息,因此打开压缩的 TIFF 图像将恢复原始图像。而压缩的 JPEG 图像在解压缩时则不是这样。

但是,这些格式中的任何一个都无法与相机原生文件格式所提供的图像质量相媲美。这种格式的通用术语是 RAW,但 RAW 格式是针对特定相机的。它们具有如 NEF、CR2、RAF 等文件扩展名。只有高端相机才能将 RAW 文件导出到存储卡上。消费级相机则仅在处理完图像后将其存储在相机内存中。

由于大多数相机的处理能力较低,它们从 RAW 到 JPEG 的处理软件不如桌面计算机上的工具复杂。这种从 RAW 格式的处理可能包括你宁愿手动应用(如果有的话)的破坏性过程。这些可能包括降噪、色彩校正或锐化等效果。因此,与 RAW 文件一起工作通常被认为是专业人士的唯一选择——即使是“无损”的 TIFF 也已经被你的相机处理过。

话虽如此,获取 RAW 图像并不总是容易。GIMP 的插件(UFRaw,它基于 dcraw 软件)用于处理这些图像实际上并不从相机中检索图像。此外,RAW 文件比它们的 JPEG 或 TIFF 对应文件大,通常需要更多的内存和更好的处理器。这就是为什么普通桌面消费者可能更适合使用 JPEG 图像,尤其是如果你的相机可以设置这些照片的压缩量。再次强调,JPEG 并非完全理想,但对于低端消费级相机来说,可能是在不修改相机固件的情况下你的唯一选择。

注意

关于使用 UFRaw 和 dcraw 的信息,包括它们支持的相机以及修改相机固件选项,可以在相应的网站上找到:

UFRaw ufraw.sourceforge.net/

dcraw www.cybercom.net/~dcoffin/dcraw/

相机元数据:EXIF

一旦导入,文件可以直接由 GIMP 打开。大多数相机会在图像文件中记录一些关于照片的文本信息。这通常是以 EXIF(可交换图像文件)格式元数据的形式完成的。其他元数据格式包括 XMP(可扩展元数据平台)和 IPTC(国际新闻电信委员会),其中 XMP 是相机制造商正在努力达到的标准。

通过高级选项卡中的图像属性对话框(文件▸属性)提供对 EXIF 和 XMP 格式的照片元数据的访问,允许查看和编辑元数据。默认情况下,将数据保存到 GIMP 的本地 XCF 格式和 JPEG 文件时,会保存 EXIF 数据,但分辨率可能会根据 GIMP 首选项中的默认设置进行更改。由于并非所有文件格式都支持它,因此 EXIF 数据可能无法保存到其他文件格式。

注意

GIMP 对 EXIF 数据的支持仅限于在构建 GIMP 时使用了所需的库。如果你没有“文件”▸“属性”菜单选项,那么你的 GIMP 版本不支持 EXIF 数据。

无标题图像

佳能 PowerShot JPEG 的图像属性对话框包含了大量与拍摄照片相关的信息。

GIMP 照片处理

虽然有其他工具可以查看相机图像,但当需要手动颜色修正图像、合并图像或执行深度场或颜色交换等复杂操作时,GIMP 是理想的处理工具。看看在 GIMP 中执行的基本操作。

颜色增强是数字照片的常见需求。本例中的问题是拍摄照片时主题的光线不佳。在原始照片中,颜色有些褪色。通过 F-Spot 的颜色修正运行后,图像得到了改善,但 GIMP 产生的颜色最准确。在这两种情况下,都调整了不同的级别和饱和度,但在 GIMP 中,通过通道混合器进行的额外步骤产生了最佳结果。

无标题图像

F-Spot 在修正褪色图像方面做得很好,但使用 GIMP 提供的众多颜色修正工具可以获得更好的效果。

当照片的主题从(可能是想象中的)地平线线倾斜时,图像对齐是必要的。需要旋转来对齐图像,但矩形图像的旋转会产生一个带有背景颜色(或透明度)填充区域的更大图像。因此,对齐需要两个步骤:旋转和裁剪。

GIMP 中的旋转功能通过在图像窗口中显示实时预览得到了改进。在这张图像中,建筑物是倾斜的。你可以通过放置一个水平引导线,使其接触图像左侧屋顶线的较高端,使用测量工具确定旋转角度,然后使用旋转工具使屋顶线与引导线平行来将其校正。旋转后,图像的角落包含透明度,必须裁剪掉。

现在 GIMP 的过滤器直接支持红眼问题。在这张图片中,相机闪光灯反射到眼睛后面,导致瞳孔看起来是红色的。使用自由选择工具在眼睛周围做一个选择,注意不要包括任何皮肤(皮肤也有红色调)。然后打开红眼去除过滤器(过滤器▸增强▸红眼去除)。默认设置对这个图像很适用,所以你不需要做任何额外的调整。

无标题图片

GIMP 会自动填充旋转区域后原始图像中剩余像素的区域(检查区域,图像左上角)的透明度。

无标题图片

红眼是由于光线从眼睛后面反射通过瞳孔造成的。这是业余摄影师常见的问题,但使用 GIMP 可以轻松解决。

数码相机技巧

  • Linux 用户:最新的 Linux 发行版,如 Ubuntu、Fedora、OpenSUSE 和 Debian,应该对读卡器有良好的支持。

  • 闪存媒体可能访问速度较慢,所以你最好的选择是在处理照片之前,简单地将文件从媒体复制到本地硬盘上。

1.10 基础教程

如果你刚开始使用 GIMP,最好的入门方法是熟悉一些可以应用于不同项目的常见过程。这些教程不如书中其他部分的详细,但它们会帮助你掌握适用于所有类型设计的技巧。如果你找不到这里提到的所有菜单项或对话框,不要担心。这些只是快速教程。书中其余部分的教程将更详细地指导你完成这些过程。

云彩

一些最富有艺术性的 GIMP 效果涉及以随机方式合并图层。例如,一个粗犷的图像可能会混合几个类似撕页拼贴的纹理图层。在每个图层中创建纹理本身就是一种艺术实验。但如何撕裂这些图层呢?比你想象的要简单。你只需将填充随机形状的图层蒙版应用到每个图层上。图层蒙版会遮挡图层的一部分,使其看起来像是被撕掉了。

哪些随机的形状适合作为图层蒙版?你可以使用画笔在图层蒙版中绘制并产生定制的结果。但这个过程通常很耗时,而且很难用相似的笔触实现随机形状。你需要的是快速且比手工绘制笔触更随机的工具。就像云彩一样。

云是有效的图形设计工具。虽然创建粗糙的纹理可能不是你的专长,但你可以在任何设计项目中通过应用云作为图层蒙版,然后使用它来创建选择性模糊来模拟增加的景深。正如你已经看到的,你还可以将云作为各种纹理的起点,包括皮肤和布料。当然,云也可以简单地作为云使用,从创建轻盈的香烟烟雾,到咖啡杯上升的轻蒸汽,到天空中那些大而洁白的棉球。

GIMP 提供了四个用于创建云的过滤器:差异云、雾、等离子体和纯噪声。虽然你可以单独使用每个过滤器来创建有趣的云形状,但你可能会发现将两个或更多过滤器组合起来会产生更逼真的效果。

等离子体过滤器

等离子体过滤器(滤镜渲染等离子体)产生一个彩色烟雾屏幕。在这本书中涉及云的大多数教程都使用等离子体过滤器,正是因为它提供了随机噪声。在这些教程中的许多,你将应用等离子体过滤器到图层蒙版。

无标题图片

等离子体过滤器对话框和过滤器渲染的彩色云。与大多数过滤器一样,对话框中的预览与滤镜应用到的图层或选择的形状相匹配。

然而,滤镜的初始应用不会看起来像云。

  1. 为了解决这个问题,首先取消图层的饱和度(颜色去色)。从去色对话框中选择任何选项并点击确定

  2. 调整曲线以增加黑色空间(颜色曲线)。曲线调整最初显示为对角线的曲线。点击曲线中间附近并向下拖动以增加层的黑色内容。您也可以点击曲线的其他部分,向下拖动以增加黑色,向上拖动以增加白色。在这个例子中,曲线的一侧(中心左侧)被向下拖动,而另一侧(中心右侧)被向上拖动。

    无标题图片

    在这个阶段,去饱和的等离子体云看起来有点像夜晚的雾。

  3. 添加一个新图层(图层新建),并将其移动到图层对话框中的等离子体图层下方。

  4. 用天空蓝色填充新图层,然后将等离子体图层的图层模式更改为屏幕。这会创建可以用于其他云效果的细云。

    无标题图片

    在两个点上调整曲线对话框。将曲线向下拖动会使灰色更接近黑色,而向上拖动则将灰色变为白色。

降低等离子体过滤器中的湍流设置会产生更均匀的云层覆盖,结果看起来更像雾而不是云。增加此设置对于实现更复杂的效果很有用,例如模拟火焰(见第 4.12 节)。

纯噪声过滤器

天空中的云彩通常会有更多的蓬松感,就像棉花球一样。固态噪声滤镜有助于创建更厚实的云彩。

  1. 从天蓝色背景图层开始。

  2. 添加一个新图层并应用固态噪声滤镜(滤镜渲染云彩固态噪声),使用较低的 X 大小值(大约 1.0)和较高的 Y 大小值(大约 4.0)以水平拉伸云彩。点击确定

  3. 调整曲线以增加云图层中的黑色区域。将此图层模式设置为屏幕。复制图层以强调效果。

    无标题图片

    固态噪声滤镜产生细丝般的云彩

差分云彩

当你使用差分云彩滤镜时,你会看到固态噪声对话框出现。这是因为固态噪声是差分云彩滤镜的基础。两者之间的唯一区别是,差分云彩将固态噪声应用到位于活动图层之上的新图层上,将新图层的图层模式更改为差分,并将其与活动图层合并。

雾滤镜实际上是一个 Python 脚本,允许你将颜色应用到去饱和的等离子体滤镜上。它还允许你自动命名雾图层,而等离子体滤镜则没有。它基本上是一个方便的滤镜,允许你仅使用一个滤镜就执行通常需要使用等离子体完成的多个步骤。

结合滤镜

虽然固态噪声效果很好,但可以更好。

  1. 在这些图层之上添加一个去饱和的等离子体云图层,并将其图层模式设置为屏幕,以向云彩添加一些随机的细丝。

  2. 将白色图层蒙版添加到等离子体图层上。然后通过选择编辑复制编辑粘贴,然后图层定位,将固态噪声图层复制并粘贴到蒙版中。

  3. 调整图层蒙版的曲线以增加白色内容。结果,云彩图案应该看起来更蓬松。

    无标题图片

    除了固态噪声滤镜外,还应用等离子体滤镜,以使其他平滑的云彩看起来像棉花一样。

创建蒸汽效果

要创建类似从咖啡杯中升起的蒸汽,首先使用固态噪声滤镜创建蓬松的垂直云彩。

  1. 选择滤镜渲染云彩固态噪声,将 Y 大小设置为1.0,X 大小设置为4.0,然后点击确定应用滤镜。

    无标题图片

    使用固态噪声滤镜添加垂直的烟雾云彩

  2. 向云图层添加白色图层蒙版(图层蒙版添加图层蒙版)。在画布区域中输入D以重置前景和背景颜色。

  3. 从工具箱中选择混合工具。在工具选项对话框中设置形状为双线性,模式为相乘,然后从图像的中间拖动到右侧边缘。

  4. 再次拖动,从近左边缘到左边缘,然后从近右边缘到右边缘。

  5. 应用图层蒙版(图层蒙版应用图层蒙版)。

  6. 将噪声层复制并粘贴到咖啡杯图片中(可从在线股票图片档案中获得)。将图层命名为蒸汽

  7. 使用移动工具将蒸汽丝定位在杯子上方。

  8. 使用缩放工具调整蒸汽层的尺寸。使用扭曲滤镜(滤镜扭曲)如涟漪或 IWarp 在蒸汽中创建波浪。

  9. 向蒸汽层添加图层蒙版,以遮盖杯子外部的蒸汽。

  10. 将蒸汽层的图层模式设置为屏幕颗粒混合

    无标题图片

    在图层蒙版中使用双线性渐变隔离出少量的水平条纹(如上图所示,使用黑色背景使其在应用图层蒙版后更明显)

    无标题图片

    将蒸汽层应用于咖啡杯上

云层技巧

这些建议将帮助你将云效果提升到下一个层次:

  • 使用 IWarp 滤镜(滤镜扭曲IWarp)为烟雾和云层添加漩涡。此滤镜比 Whirl 和 Pinch 滤镜(滤镜扭曲漩涡和挤压)提供了更多对漩涡位置的控件。

  • 当你创建的烟雾丝被光线或繁忙的背景淹没时,复制烟雾层。将这些层的图层模式设置为屏幕、加法或颗粒混合。

  • 你可以将大多数 GIMP 滤镜应用于图层和图层蒙版。在渲染云层之前,请确保在图层对话框中点击适当的缩略图!

撕裂和裂缝

撕裂效果很受欢迎,但新 GIMP 用户往往难以复制。实际上,这个技术非常简单,只是小心使用图层蒙版和选择的结果。类似的过程可以向图片添加裂缝(或其他图案)。同样,图层蒙版使这一切成为可能。

撕裂图片的边缘

首先创建一个彩色背景层,它将透过撕裂的边缘显示出来。打开你想要练习撕裂的图片(本教程使用的是一张多彩的海滩照片)。这个过程适用于任何尺寸的图片,但请先从不超过 500 × 800 像素的小图片开始练习。

  1. 向背景层添加 alpha 通道(图层透明度添加 alpha 通道)。

  2. 添加一个新层(图层新建图层),填充白色,然后将彩色层移动到图层对话框中的背景层下方。

    无标题图片

    将彩色层移动到包含照片的层下方。颜色将透过照片的边缘“撕裂”显示出来。

  3. 向原始图片层添加白色图层蒙版(图层蒙版添加图层蒙版)。

  4. 通过选择图层透明度Alpha 到选择创建整个图像图层的矩形选择。这指示 GIMP 选择图像中的所有不透明像素。因为这张图像完全不透明,这个操作选择了整个图像。(按 CTRL-A 也有效。)

  5. 将选择区域缩小135 像素。将选择区域的角落圆滑35%选择圆角矩形)。这会在创建图层蒙版时创建一个照片的边界区域,该区域保持不变。

  6. 通过32 像素对选择区域进行羽化(选择羽化)。这允许撕裂与图像融合。

  7. 通过选择反转反转选择,以隔离应用撕裂的区域。

    无标题图片

    所需的收缩和羽化量取决于原始图像的大小。较小的图像需要较小的收缩和羽化量

  8. 在画布中输入D以重置前景和背景颜色。

  9. 在图层对话框中单击原始图像图层的图层蒙版以使其变为活动状态。通过将工具箱中的背景颜色拖动到画布中来用黑色填充选择区域。

  10. 使用画笔工具并选择一个画笔在图层蒙版中用黑色进行绘制。(银河(AP)画笔效果很好:将间距滑块移动到60.0 像素以适应这个尺寸的图像,并根据需要调整工具选项中的画笔大小。)沿着选择区域的内部边缘使用不同大小的画笔进行绘制,对它们的关注较少,而对图像的边缘关注较多。

    由于你正在处理图层蒙版而不是修改实际图像,可以自由地实验。尝试在图层蒙版的边缘使用不同的画笔来改变撕裂边缘的形状。

    无标题图片

    原始照片的边缘看起来被撕裂了

撕裂技巧

认为撕裂可能是你项目所需的东西?这里还有一些额外的技巧:

  • 要获得正确的效果,你需要合适的画笔。如果 GIMP 的库存画笔不符合你的需求,考虑创建几个新的。这个过程在 1.1 绘画和绘图中描述。

  • 想要用图层蒙版创建文字效果?最快的方法是选择图层透明度Alpha 到选择以选择文字周围的区域作为图层蒙版区域。用粗糙、刮擦的纹理填充图层蒙版。然后反转文字选择并用白色填充。这仅将效果应用于文字区域内部。

第二章:摄影效果

![无标题图片](http://atomoreilly.com/source/no starch/images/1222824.png.jpg)

作为位图图像编辑器,GIMP 喜欢玩弄颜色点,无论是单独的还是成组的选择、块和斑点。这使得该程序非常适合处理照片。您的数码相机和 GIMP 都使用像素,因此不需要数据转换。扫描照片的日子已成为过去。

现在您的图像已经是数字格式,您可以进行无限的魔法。从普通照片到工作室质量的制作只需要掌握一些任何人都可以学会使用的技术。许多技术基于简单的颜色校正,如曲线、水平和颜色平衡工具提供的校正。

此外,您还可以使用各种 GIMP 过滤器来增强照片。例如,Retinex 工具(颜色▸Retinex)可以调整颜色以增强焦点。最初由 NASA 的兰利研究中心生产,用于增强通过烟雾和雾霾拍摄的照片,这个过滤器在肖像增强方面具有有趣的潜力。

![无标题图片](http://atomoreilly.com/source/no starch/images/1222826.png.jpg)

设置陡峭的曲线可以增加颜色对比度,而改变颜色平衡则可以保持颜色对比度。

![无标题图片](http://atomoreilly.com/source/no starch/images/1222828.png.jpg)

这个直方图水平显示最暗的像素并不是完全黑色。将左右滑块向中间移动会产生这里显示的戏剧性光照变化。

以下教程描述了摄影师会发现有用的技术。在这个过程中,您将创建剪影效果,添加焦点模糊,调整颜色,插入灯光,模拟景深和运动,并使用克隆方法清理受损的照片。与之前的教程不同,这些教程不会从默认尺寸的空白画布开始,逐步引导您通过可重复的过程。相反,我将从一些基本图像开始,并应用标准流程,您可以用这些流程处理自己的图像。

![无标题图片](http://atomoreilly.com/source/no starch/images/1222830.png.jpg)

Retinex 过滤器产生的图像比未饱和的原始图像(左上角)更清晰。应用着色工具和过滤器包过滤器会产生更多变化。

我们并非都是专业摄影师或图形艺术家。您可能没有价值 5000 美元的数码相机或豪华的工作室,但您确实可以访问许多专业摄影师使用的数字效果:选择、模糊、蒙版和图层模式。单独来看,这些似乎并不像强大的工具。但当你把它们应用到自己的摄影杰作上时,它们就成为了新图形艺术家的工具——您的工具。

2.1 软焦

柔焦技术长期以来一直被用来软化阴影和光线之间的硬边缘,使前景图像淡入背景。这在工作室人像摄影中尤其如此,因为背景通常是画布。如果做得正确,前景和背景的混合可以将视线引向前景。

在摄影中,柔焦效果最初是由于相机镜头的缺陷而产生的。后来,随着镜头滤镜的使用,这种效果常常被融入魅力图像中,因为它可以平滑皮肤皱纹。在数字时代,柔焦是一种实用的技巧,可以在去除瑕疵的同时为任何图像增添魅力。

幸运的是,对于数字摄影师来说,柔焦是一种现在基于像素的程序(如 GIMP)提供的常见过程,如模糊。但它也是一种很容易过度使用的效果。

本教程将向您展示如何柔化工作室人像的焦点。这种技术只需要对选择、颜色工具和高斯模糊滤镜有适度的了解。

无标题图片

柔焦(右)比原始图像(左)更能吸引观众的注意力

开始

实现这种效果最简单的方法是使用高通滤波器。高通滤波器允许高频通过,同时阻止低频。在图像中,高通滤波器将增强对比度最大的区域。你可以利用这一知识来查找瑕疵,将其模糊化,并与原始图像混合。

虽然 GIMP 的官方发行版没有提供高通滤波器,但 GIMP 插件注册处提供了一个。幸运的是,只需要几个图层和一些颜色调整就可以非常容易地模拟高通滤波器,因此无需从注册处下载和安装过滤器。

从人像开始。我选择的这张人像本身看起来就很好,但它可以更好——更柔和、更梦幻。它的最佳特点是男孩的眼睛以及焦点(脸部)与背景和服装之间的强烈对比。务必找到具有类似对比度的图像进行自己的实验。

无标题图片

原始图像已经执行得很好,但你可以通过柔化焦点来改进它

  1. 打开图像并复制背景图层。

  2. 将副本图层命名为高通

  3. 将高通图层复制一次。

    无标题图片

    需要两份原始图层的副本来创建高通滤波器。第二份在应用额外的颜色调整之前被模糊并合并到第一份中

准备高通滤波器

高通滤波器首先模糊顶层,并改变其不透明度,使其与下一层混合。

  1. 如果它尚未选中,请点击图层对话框中的顶层使其变为活动状态。

  2. 打开高斯模糊过滤器(滤镜模糊高斯模糊)。

  3. 将模糊半径,水平和垂直方向,设置为30 像素。保持模糊方法设置为RLE

  4. 点击确定以应用模糊到图层。

  5. 在图层对话框中,将不透明度滑块设置为50%

    无标题图片

    这个过程将软化高对比度区域,为与原始图像混合做准备。高斯模糊的模糊半径可以根据需要增加或减少。更高的模糊会增加最终图像的柔和度。但是,要注意,过多的模糊只会导致混乱。

合并图层

模糊和透明度只是模拟高通过滤的第一部分。下一步是将模糊层反转并与第二层(原始图像的副本)混合。

  1. 在图层对话框中,应仍然选择顶层。如果不是,请选择它。

  2. 反转此图层的颜色(颜色反转)。

  3. 将顶层与底层合并(图层向下合并)。

    无标题图片

    请注意,合并层保留了底层名称,在本例中为高通过滤器。当顶层颜色反转并向下合并时,结果是大部分为灰色且在感兴趣区域(例如眼睛和嘴巴)具有高细节的层。在下一步中,你会通过夸张高对比度区域来增强效果。

调整高通过滤器层中的光和阴影

高通过滤器层现在可以用于颜色或亮度校正。为此,将使用曲线对话框,然后是亮度-对比度对话框。

  1. 在图层对话框中,高通过滤器层应仍然处于活动状态。

  2. 打开曲线对话框(颜色曲线)。

  3. 调整对角线,使其形状类似于此处所示。

  4. 点击确定以将更改应用到图层。

  5. 打开亮度-对比度对话框(颜色亮度-对比度)。

    无标题图片

    S 曲线中间部分越陡,原始图像的亮度提升越少。

  6. 将亮度滑块设置为-95。将对比度滑块保持在0

  7. 点击确定以将更改应用到图层。

    无标题图片

    这一步的结果类似于对图像应用边缘检测过滤器。但 GIMP 中的任何边缘检测过滤器都无法提供这种细节。

混合图层

现在可以将高通过滤器层与原始图像合并。

  1. 反转高通过滤器层的颜色。

  2. 将图层模式设置为柔光

    无标题图片

    结果显示原始图像反射更多光线,就像电影工作室围绕衰老的电影明星添加的光晕效果。

微调

但是,柔焦效果已经移除了一些肖像的重要特征,即眼睛和嘴巴。为了恢复这些特征,添加了一个图层蒙版,并在高反差层不应应用的位置填充了黑色。

  1. 在图层对话框中,高反差层应该是激活的。如果不是,请选择它。

  2. 在图像窗口中输入D以将前景色重置为黑色。

  3. 为这个图层添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  4. 从工具箱中选择喷枪工具。

  5. 选择一个软边缘画笔,例如圆形模糊。

  6. 在工具选项对话框中,调整画笔的大小以适应要遮罩的区域,例如眼睛或嘴唇。

  7. 在图像窗口中,用画笔在男孩的眼睛和嘴唇上刷过。

使用喷枪在遮罩中不需要非常精确。在图像窗口中不会立即明显地发生很多事情。继续绘画,直到模糊消失,眼睛和嘴唇变得清晰。根据不同的眼睛和嘴唇调整画笔的大小,然后重复。

无标题图片

遮罩高反差过滤器后,虹膜的颜色更加鲜艳,睫毛也更加明显。

进一步探索

本教程中的高反差层(以及创建它的步骤)模糊了背景,这也模拟了景深减小。你将在 2.5 改变景深中了解更多如何模拟这种效果。这种边缘检测方法也用于选择性锐化。

2.2 照片到素描

接下来的技术是针对我们中间的所有有志艺术家。你用钢笔和铅笔做不到的事情,现在你可以用相机和 GIMP 做到了。虽然纹理纸上喷墨打印并不完全等同于精细的手绘素描,但对于数字爱好者来说已经足够接近了。

将照片转换为素描基本上意味着检测图像中的边缘并应用一条略微不规则的线条,看起来像是手工绘制的。这个过程并不精确——你可能需要替换不同的边缘检测过滤器或使用曲线或色阶工具调整去饱和层,然后再应用过滤器。但这些基本步骤将帮助你入门。

无标题图片

是钢笔还是铅笔?实际上,这只是小小的 GIMP 魔法。

入门

你为这种效果选择的原始图像不应该太复杂。柔和的线条很有用,但像藤蔓这样的复杂图案会有问题。尽管我选择了静物图像作为这个例子,但这种技巧也很好地适用于正式肖像和其他人物照片。

无标题图片

这张图片的主题是一个有很多线条和形状但很少奇特的图案的房间。

将图像转换为素描

  1. 首先,对图像进行去饱和处理(颜色去饱和)。

  2. 将图层复制两次(图层复制图层)。将第一个副本命名为Burn,第二个副本命名为Hard Light

  3. 通过在图层对话框中点击每个图层的眼睛图标来关闭两个副本图层的可见性。然后再次选择背景图层。

    注意

    背景图层在下一步之前也可以再复制一次。这将允许通过保留去饱和图层的副本进行进一步的实验。如果您这样做,请确保关闭背景图层的可见性,并将下一步应用到这个最后的副本图层。

    无标题图片

    副本图层的名称暗示了稍后要使用的图层模式。在这里,背景图层已被重命名为 Original Image,以便在图层堆栈中易于识别。

  4. 打开 Sobel 滤波器(滤镜边缘检测Sobel)。Sobel 滤波器是一种边缘检测滤波器,它在图层中寻找几乎水平或垂直的线条,并在结果图像中保留这些线条。

  5. 保持默认设置并点击确定将它们应用到原始图像图层。与 GIMP 中可用的其他边缘检测滤波器相比,此滤波器的默认设置将最适合此图像,因为它们会产生更坚固、更清晰的线条,看起来像是手绘的。然而,如果您在应用 Sobel 滤波器后图像看起来不合适,使用另一个边缘检测滤波器可能会得到更好的结果。

  6. 白色线条可能需要增强。使用色阶对话框(颜色色阶)并将白色点滑块向左移动。

  7. 将此图层的颜色反转(颜色反转),以在白色背景上产生黑色线条。

    无标题图片

    Sobel 滤波器为图像的重要形状创建了漂亮的轮廓。其他边缘检测滤波器可能更适合您的图像,因此您应该进行实验。

为素描添加深度

  1. 在图层对话框中点击Burn图层使其处于活动状态,并再次点击其眼睛图标使其可见。

  2. 再次,打开高斯模糊滤镜(滤镜模糊高斯模糊)。

  3. 将水平和垂直模糊半径设置为10 像素,并将此滤镜应用到图层。

  4. 将图层模式设置为Burn。这会使背景中的暗区变得更暗,因此手绘的外观看起来就像是用深色铅笔完成的。

  5. 在图层对话框中,点击Hard Light图层使其处于活动状态,然后点击其眼睛图标使其可见。

  6. 再次,打开高斯模糊滤镜(滤镜模糊高斯模糊)。

  7. 这次,将水平和垂直模糊半径设置为15 像素。点击确定将这组设置应用到图层。

  8. 将图层模式设置为Hard Light。这将模拟在纸上摩擦铅笔标记时得到的模糊炭笔外观。

    无标题图片

    使用烧灼模式与模糊的原始图像混合可以使边缘检测滤镜创建的轮廓变暗。

    无标题的图像

    应用硬光模式会给图像带来模糊的炭笔外观,就像你用手指涂抹铅笔标记时一样。

添加完成效果

  1. 让我们进一步探讨这张特定的图像。首先,复制原始图像图层(图层复制)。

  2. 将此副本图层的图层模式设置为正片叠底

  3. 将不透明度设置为50%。这可以使图像的线条更加突出,而不会使绘图看起来不自然。

    无标题的图像

    添加这个最后的图层是可选的,但它有助于强调这张特定图像的线条。

进一步探索

这种简单技术有许多变化,包括使用模糊工具手动涂抹炭笔图层,并使用着色工具手动着色笔触以模拟彩色铅笔绘图。你还可以使用油画滤镜(滤镜▸艺术效果▸油画滤镜)来制作印象派图像,或者你可以使用曲线、色阶或海报化工具来制作看起来更像线画的图像。在创建原始图像图层的副本时,为每种边缘检测滤镜创建多个副本,并尝试不同的滤镜设置。较大的模糊可以使铅笔笔触变得柔和。

2.3 使用棕褐色调进行复古处理

古董照片有两种风味:黑白或着色。使用 GIMP 着色黑白照片很容易:你只需选择一种颜色,选择一个图层模式,然后应用桶填充。这很简单。棘手的部分是让它看起来正确——适当地调整灰度图像的对比度,然后选择正确的图层模式。

大多数人将着色图片而不是黑白图片与古董照片联系在一起。这可能是因为更多的棕褐色调老照片幸存下来。棕褐色调印刷的加工化学过程将黑白印刷中形成图像的银金属转化为硫化银。硫化银比银金属更稳定。因此,将银转化为硫化银使照片的保质期大大延长。

棕褐色调印刷的名字来源于开发过程中产生的棕色色调范围,这与乌贼墨水(拉丁语中的sepia)相似。因此,在数字上重现真正的棕褐色调限制了我们只能使用一小套深棕色颜色,其中一些带有轻微的红色调。可以使用其他颜色(而不是棕色色调)应用类似的过程,尽管产生的图像不会模仿真正的棕褐色调印刷。

在这个教程中,你将尝试使用不同颜色、对比度和图层模式的组合来制作棕褐色调的图像时的一些可能变化。

入门

本教程的原始图片来自在线图片档案(可在 BigStockPhoto.com 获取)并已使用通道混合器(颜色组件通道混合器)去饱和。使用通道混合器对话框的替代方法包括使用去饱和对话框或将图片转换为灰度(图像模式灰度)然后再转换回 RGB(图像模式RGB)。这两种后者的主要区别在于去饱和对话框仅适用于当前图层。如果你的图片有多个图层,去饱和对话框不会一次性转换所有这些图层。对于多个图层,将图片转换为灰度然后再转换回 RGB 可能更合适。

无标题图片

将图片从全彩转换为棕褐色是一个相对简单的过程。

但对于本教程来说,通道混合器是最佳选择。旧照片的外观往往归因于使用了正色胶片。正色乳剂会使蓝色调看起来更亮,红色调更暗。通道混合器在从彩色转换为单色图像时提供了更高的控制度来设置这些通道。

  1. 打开原始图片。

  2. 打开通道混合器对话框(颜色组件通道混合器)。对于这张图片,将红色通道设置为47,绿色设置为0,蓝色设置为73,并点击单色选项将图片转换为黑白。

    无标题图片

    使用颜色混合器对原始图片进行去饱和。

由于原始图片非常清晰,而大多数旧照片则不是,接下来将应用轻微的模糊。

  1. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。

  2. 将水平和垂直模糊半径设置为2.0 像素。只需要少量的模糊,足以去除机车外壳上的明亮反光。

  3. 将此设置应用于去饱和的图片。

    无标题图片

    轻微的模糊有助于去除现代照片上的清晰反光。

增加中间灰度

棕褐色调主要通过着色去饱和图片的灰色区域来实现。较暗的像素相对不受影响,较亮的像素只会稍微变亮。图片中的机车非常暗,因此我们将使用亮度工具将其变亮,以最大化棕褐色调的效果。

  1. 将更多灰色引入图片的第一步是调整亮度直方图(颜色亮度)。有线性和对数两种类型的直方图可用(见重置通道按钮右侧的小图标)。对数直方图显示更多暗(左侧)和亮(右侧)像素,以及相对较少的灰色(中间)像素。

  2. 要增加图片中的灰色量,我们将中间(灰色)滑块在直方图下向左滑动,以使较暗的像素变亮。

  3. 通过在级别对话框中单击确定按钮应用此更改到图像。

  4. 再次查看级别直方图时,可以看到在暗侧的图表上有间隙,在亮侧有峰值。中心区域也有小峰值。这从视觉上显示了较暗的像素如何被改变为较亮的像素。

    无标题图片

    此图像具有广泛的色调范围。轻微的级别调整(左)使其成为应用棕褐色色调的绝佳候选者。应用此更改的结果在再次检查级别直方图时明显可见。

  5. 作为额外的措施,您还可以通过调整图像的对比度(颜色亮度-对比度)来降低对比度。降低对比度可以模拟岁月给旧照片带来的褪色效果。

    无标题图片

    降低对比度和亮度将在应用棕褐色色调时使图像看起来更老。

添加棕褐色色调

图像现在已准备好添加棕褐色色调。棕褐色是一种带有轻微红色调的棕色,从浅到深色调不等。您可以使用多个 RGB 值集来达到棕褐色色调,网络搜索将帮助您找到它们。对于这张图像,您将在两个单独的图层上应用 135/96/40。每个着色图层将使用不同的图层模式进行混合。

  1. 复制原始图层(图层复制图层)并将复制的图层命名为Sepia Screen

  2. 用适当的棕褐色填充新图层。为此,首先单击前景色框以打开更改前景色对话框。在适当的字段中输入您的 RGB 值,然后单击确定。(在这个例子中,我使用了 RGB 值为 135/96/40 的棕褐色。)

  3. 选择桶填充工具,并在工具选项对话框中设置模式为乘法和受影响区域为填充整个选择。在复制的图层上单击,用棕褐色色调着色图层。

  4. 要将此新图层与原始图层结合,将此彩色图层的模式设置为屏幕

  5. 复制 Sepia Screen 图层。将复制的图层命名为Sepia Overlay。将图层模式更改为Overlay

    无标题图片

    屏幕图层通过添加颜色使图像变亮,而叠加图层则通过添加颜色仅使暗部变暗。

进一步探索

通过在机车远端添加选择性模糊,可以进一步老化图像,添加老照片中常见的景深。整个图像的进一步模糊也可以帮助模仿褪色、老化的照片。

棕褐色调色过程非常适合实验。使用具有不同色调和图层模式的多个图层,然后使用图层对话框中的眼睛图标在它们之间快速切换,以比较结果。

记住,图层模式和工具选项混合模式可以产生不同的结果。使用图层对话框中的图层模式将单色图层与下面的图层混合。然后关闭单色图层的可见性,并使用桶填充工具将下层的颜色着色,其工具选项对话框中的混合模式设置为相同的模式。比较两种技术的结果,并注意差异。使用图层模式可以更容易地更改棕褐色调,而不会改变原始图像,结果可能更接近旧照片中褪色的颜色。

2.4 颜色交换

照片摄影师经常被要求更改图像中一个或多个元素的颜色。这个过程有多容易完全取决于隔离需要更新的对象有多容易。

本教程探讨了两种颜色交换的示例。第一个示例是一个不需要困难选择的图像。第二个图像需要更精细的手法。

无标题图片

成功的颜色交换全在于良好的选择。这张图片相对容易处理,因为我们想要更改的物品很容易隔离。

无标题图片

当您想要更改的对象难以选择时,颜色交换会更复杂。本项目使用快速蒙版来更改花瓶的颜色。

简单的颜色交换

第一个示例是一组海滩上的船只。这里有很多颜色。让我们将这些船只的黄色装饰条改为浅蓝色。

隔离对象

要更改图像中仅某些对象的颜色,您需要将这些对象从图像中其他类似颜色的对象中隔离出来。显然,一些船只的颜色是黄色。黄色在背景中的岩石和树木中并不明显,但那里也有很多。

  1. 要隔离船只,使用矩形选择工具创建一个简单的选择,包括大多数船只。

  2. 添加较小的矩形选择,以在不选择周围岩石的情况下挤进最高的船头。在这里,未选择区域被调暗,以便您更容易看到所选内容。

    无标题图片

    您不需要从其直接环境中隔离黄色元素;您只需要隔离图像的下半部分(在此处使用快速蒙版启用)。如果您包括图像的上半部分,当您交换颜色时,树木和岩石中的黄色也会变成蓝色。

选择目标颜色

  1. 打开色调-饱和度对话框(颜色色调-饱和度)。您可以使用此对话框编辑多个通道,包括熟悉的红、绿、蓝通道以及数字印刷世界中的对应色:青色、品红色和黄色。

  2. 选择黄色通道,并调整色调亮度饱和度滑块,直到柔和的蓝色取代了黄色。

这个过程之所以有效,是因为要替换的颜色——黄色——不是包含在选择中的其他颜色的主要部分。不需要精确的选择来交换黄色和蓝色。可能有问题的地方是海滩上的木材和沙子。棕色包含一些黄色,所以当应用色调-饱和度更改后,木材和沙子会呈现蓝色色调。这可以通过使用任何选择工具(包括快速蒙版)从选择中移除木材来轻松解决。图片中间附近海滩上的马凳也含有大量黄色内容,需要以类似的方式处理(除非你想要将其也涂成蓝色)。将沙子排除在选择之外需要一个更复杂的过程,如以下教程中所示。

无标题图片

使用色调-饱和度工具将黄色与蓝色交换。

更复杂的颜色交换

在下一张图片上,同样的技巧不起作用。假设你想要将花瓶的颜色改为一种黄色。问题是,尽管花瓶的赭色包含很多红色,红色也出现在图像的其余部分。事实上,如果你像对船图像的黄色通道所做的改变一样,对这张图像的红色通道进行相同的改变,你会改变背景椅子的颜色、浆果和桌子的颜色。

无标题图片

之前的技巧在这里不起作用,因为你想改变的颜色出现在整个图像中。

创建复杂选择

  1. 这张图片需要一个复杂的选择。首先,使用模糊选择工具,将阈值设置为40。点击花瓶中间右边的部分创建一个初始选择。

  2. 要完成选择,使用快速蒙版和一些软边刷。在这种情况下使用默认快速蒙版的问题在于它使用红色色调来突出显示未选择的部分,但我们正在尝试选择包含大量红色的对象。这使得使用模糊选择工具创建的选择在转换为快速蒙版时难以看到。

    无标题图片

    默认的快速蒙版是红色,这使得红色选择难以看到。

更改快速蒙版颜色

  1. 这个问题很容易解决。在画布窗口左下角右键单击快速蒙版按钮。一个菜单打开。

  2. 按住鼠标右键,将光标拖到菜单底部以选择配置颜色和透明度

  3. 在快速蒙版属性对话框中,单击预览窗口(它显示蒙版的颜色和透明度)以打开编辑快速蒙版颜色对话框。

  4. 在这里,你可以更改用于快速遮罩的 RGB 值以及遮罩的透明度(通过调整 B 滑块下方的 A 滑块)。为快速遮罩选择一种与要选择的对象中的颜色形成对比的颜色。较高的透明度值使得查看已选择的部分更容易,但也使得查看需要选择的部分更困难。在这里,我选择了一个 70%透明度的青色遮罩,而不是默认的 50%。结果是,花瓶中被选择的部分更容易看到,而需要选择的花瓶部分仍然可见。

    无标题图片

    在快速遮罩属性窗口中更改快速遮罩颜色。

  5. 当你对遮罩颜色满意时,在对话框中点击OK来关闭它们。

    无标题图片

    青色是这张图片的高对比度颜色,这使得使用快速遮罩变得容易得多。

绘制选择

你在 1.4 选择中学习了使用快速遮罩是选择形状不规则对象最有效的方法。现在有机会尝试一下。

  1. 通过按+键来放大花瓶。

  2. 使用画笔工具的小型、硬边画笔在快速遮罩中绘制直线,方法是点击线的起点,按住 SHIFT 键,然后点击线的终点。在用快速遮罩绘画(或绘制)时,你必须用黑色或白色绘画。将前景色设置为白色来覆盖应包含在选择中的内容,将前景色设置为黑色来覆盖不应包含在选择中的内容。完成绘画后,再次点击快速遮罩按钮将遮罩转换为选择。

    无标题图片

    通过在快速遮罩中仔细绘制来选择花瓶。记住,你在遮罩中用白色绘制的内容将在将快速遮罩转换为选择时被包含在内。

  3. 通过1 像素选择扩大)扩大选择,然后通过2 像素选择羽化)进行羽化。将选择保存到一个通道(选择保存到通道)中,以防你以后决定撤销颜色更改并再次编辑选择。

在副本图层上工作

在副本图层上工作可以避免在原始图层上犯错误带来的烦恼。如果你不喜欢副本图层上的更改,只需再次尝试即可。

  1. 保存你的选择后,在图层对话框中点击原始图层使其再次变为活动状态。

  2. 复制选择并将其粘贴为新的图层(图层转到新图层)。将此图层命名为花瓶并确保它是活动的。

  3. 在这个阶段,你可以使用着色工具(颜色着色)来改变花瓶的颜色,但花瓶中红色和黄色的色调各不相同,着色工具会完全消除这些变化。相反,再次使用色调-饱和度工具。打开色调-饱和度对话框(颜色色调-饱和度)。

  4. 选择红色通道,并将色调滑块向右移动以将花瓶的红色内容改变为更黄色的颜色。然后点击黄色通道并做同样的事情。在点击确定之前,确保做出这两个更改。如果你首先调整红色通道,然后点击确定,重新打开对话框,然后调整黄色通道,结果将绿色得多。

  5. 当所有颜色变化完成后,取消全部选择(选择)。

    无标题图片

    一旦使用快速蒙版选择将颜色隔离出来,就可以使用色调-饱和度工具改变花瓶的颜色。

进一步探索

在库存照片中交换物体的颜色是一种非常常见的做法。颜色与图像其余部分不匹配的物体最容易改变,就像我们在海滩上的船只图片中看到的那样。改变花瓶、衬衫或其他形状奇特的物体的颜色需要使用模糊选择工具、快速蒙版和其他 GIMP 选择工具创建的复杂选择。这些选择更困难,但并非不可能。

快速蒙版工具的熟练掌握将在下一个教程中有所帮助,在那个教程中,你将使用一系列复杂的选择来为照片添加深度。

2.5 改变景深

查看任何你的个人照片。如果你使用的是消费级相机,你会注意到照片有一个深的景深。也就是说,如果你的主题距离超过几码,照片的大部分都是清晰的。改变景深可以改变图像传达的感觉。如果你的主题不在画框中心或不是完全明显,改变景深可以吸引对主题的注意并揭示照片的真实含义。

使景深变浅也可以使正常场景看起来像是一个微型场景,正如你将在 2.11 缩小场景中看到的那样。

实际上,计算机辅助的景深技巧不过是选择性的模糊。你可能见过这种技巧在汽车广告中使用,汽车是清晰的,但背景模糊到无法辨认。在这个教程中,你将使用适度的景深变化将建筑物拉到照片的前景。

无标题图片

改变照片的景深是一个简单的选择和模糊的过程。在摄影中,通常的技巧是做出一个好的选择。

入门

本教程从一个具有相对平坦景深且完全清晰的图像开始。固蓝色的天空将允许你轻松地创建建筑物的选区。你仍然需要做一些手动选择,但固蓝色的天空将节省一些时间。

注意

本教程中使用的图像属于公共领域,并可从 PDPhoto.org 获取。

无标题图片

一片固蓝色的天空使得初始选择变得容易。

分离前景

原始图像是清晰的,并且有一个明显的背景物体——厕所。首先创建一个包括厕所和其前方一些草地的选区。在这里,未选中的区域被着色为红色,以更好地显示选区。

  1. 从工具箱中选择模糊选择工具。点击蓝色天空以创建初始选区。如果一次点击不能选择整个天空,则在未选中的区域中按住 SHIFT 键的同时点击。

    注意

    在按住左鼠标按钮的同时将鼠标向右移动也会扩大选区,尽管这种方法有时可能有点难以使用。

    无标题图片

    因为天空是单一颜色,并且与地面形成如此鲜明的对比,你应该能够最多点击三次就使用模糊选择工具选择天空。在这里,使用快速蒙版显示了天空选择。

  2. 反转选区(选择反转),然后点击快速蒙版按钮。正如你所见,当使用默认的快速蒙版属性时,未选中的区域会被着色为红色(2.4 颜色交换展示了如何更改默认颜色)。

  3. 选择画笔工具,在图像窗口中按D键重置默认的前景色和背景色,使前景为黑色。

  4. 在左侧的房子、一些背景草地以及右侧的岩石山丘上涂色。使用较小的画笔,直到快速蒙版看起来与所示相似。你涂过的所有内容都将被排除在选区之外。

  5. 再次点击快速蒙版按钮将蒙版转换回选区。

  6. 将选区保存到通道中(选择保存到通道)。然后点击通道对话框中的通道名称,将其更改为厕所选区。将选区保存到通道中允许你在决定原始选区不足以满足项目需求时轻松地回忆并进一步编辑它们。在本教程的后面部分,你将检索保存的选区并将它们反转,以用于原始选区之外的区域。

  7. 在图层对话框中选择原始图层(窗口可停靠对话框图层)。通过10 像素选择羽化)羽化选区,然后复制(编辑复制)选区并将其粘贴(编辑粘贴)为一个新的图层(图层转到新图层)。

    注意

    或者,使用编辑粘贴为新图层将粘贴与新的图层创建结合起来。

  8. 点击新的图层名称,将其更改为Outhouse

  9. 在通道对话框(窗口可停靠对话框通道)中,点击Outhouse Selection通道,然后点击通道到选择按钮。

    无标题图片

    使用快速蒙版将茅房和前景草地隔离出来。

    无标题图片

    将茅房和前景草地复制到它们自己的图层中,这样你稍后执行的模糊操作就不会影响它们。

  10. 在图层对话框中选择背景图层以使其成为活动图层。反转选择以选择除原始茅房和前景景观之外的所有内容。

  11. 在工具箱中点击按颜色选择。根据需要调整工具选项对话框中的阈值级别(我为此图像设置为 50)。

  12. 按住 CTRL 键并在蓝色天空中点击,以从选择中移除天空,只留下背景草地、房屋和山丘。使用快速蒙版从选择中移除房屋和山丘,留下部分草地。再次点击快速蒙版按钮,将蒙版转换为选择。将选择保存到名为Grasses Selection选择保存到通道)的通道中。

    无标题图片

    在此步骤中,选择前景茅房和背景屋顶之间的草地。这允许你以不同程度模糊中间(草地)和背景(屋顶)主题,夸张景深。

  13. 再次选择背景图层以使其重新成为活动图层。通过10 像素选择羽化)羽化选择,然后复制并粘贴选择作为新图层。将此图层命名为Grasses并将其移动到图层对话框中的茅房图层下方。图层顺序应为,从上到下:Outhouse, Grasses, Background。

  14. 此过程创建了一个次要的焦点,它不在前景,但也不完全在背景中。

添加景深

  1. 现在让我们增加景深。选择背景图层。

  2. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将背景图层应用20 像素的模糊。然后选择草地图层并应用5 到 10 像素的模糊。

  3. 调整GrassesBackground图层的级别(颜色级别)以略微加深它们并增加照片的深度感。

    无标题图片

    茅房后面的草地略微模糊,而那些草地后面的屋顶则更加模糊。

进一步探索

这个过程在这张图片上效果很好,因为初始选择很容易:天空与厕所和草地的对比非常强烈。这个过程通常应用于户外肖像,这些项目的工作方式就像这样,尽管选择前景物体(例如婚礼照片中的新娘)会更困难。再次强调,快速蒙版将非常有帮助。您还可以尝试前景选择工具,该工具旨在使选择不规则形状的物体更加容易。

2.6 玻璃上的反射

在玻璃表面上模拟物体的反射实际上相当简单。在这个例子中,我将使用一朵黄色玫瑰。玫瑰的垂直方向——从茎到花——会使反射更容易看到。

无标题的图片

GIMP 使这种玫瑰色的反射变得简单。

开始

在原始图像中,一朵黄色玫瑰被设置在花园背景上。这张图像在边缘处提供了高对比度。当使用此类图像创建反射时,最好移除较暗的边缘,并保留物体的较亮颜色。这允许您将选择放置在几乎任何背景上。

注意

本教程中使用的图像可在 PDPhoto.org 找到。

无标题的图片

使用模糊选择工具和快速蒙版是准确选择玫瑰的最快方式。

准备图像

  1. 结合使用模糊选择工具和快速蒙版,在玫瑰周围进行选择。

  2. 通过3 像素对选择进行羽化(选择羽化)。复制选择,将其粘贴到自己的图层,并命名为玫瑰。删除原始图层(图层删除图层)。

  3. 添加一个黑色背景的新图层(图层新建图层),并将其命名为黑色背景。将其移动到玫瑰图层下方。

  4. 玫瑰在画布上没有留下足够的空间来创建完整的反射,因此需要缩小。选择玫瑰图层使其变为活动状态。从工具箱中选择缩放工具,在工具选项对话框中选择保持纵横比选项,然后点击画布。在画布上拖动以将玫瑰缩放到大约原始大小的一半。

  5. 使用移动工具,将玫瑰图层放置在窗口的上半部分。

    无标题的图片

    玫瑰被选中并复制到自己的图层。黑色背景图层替换了原始图像图层。

    无标题的图片

    将玫瑰缩小到画布大小的一半左右,为它的反射腾出空间。

创建反射

  1. 复制玫瑰图层(图层复制图层),并将复制的图层命名为玫瑰反射

  2. 通过图层图层边界大小将图层边界扩大20%——从当前高度字段旁边的下拉菜单中选择百分比——并在图层边界大小对话框中点击中心按钮。

  3. 确保玫瑰反射层的锁定透明通道框未勾选(锁定透明通道框位于图层对话框中的透明度滑块下方)。

  4. 打开高斯模糊滤镜(滤镜模糊高斯模糊),并将玫瑰反射层模糊8 到 10 像素

    无标题图片

    增加玫瑰反射层的图层边界大小给我们提供了额外的模糊空间。如果我们不调整大小,模糊可能会触及原始玫瑰的边缘。

为反射添加表面

  1. 接下来,让我们添加一个可见的表面。添加一个新的透明层(图层新建图层),并将其命名为Surface Gradient

  2. 在工具箱中按D键然后按X键以将背景设置为黑色。

  3. 双击前景色框以打开更改前景色对话框。对于这里显示的青色,在 HTML 表示字段中输入cyan,然后点击确定。这种颜色具有美学价值,并且与玫瑰的颜色形成对比。使用高对比度的颜色来强调表面反射效果。

  4. 要创建显示的渐变效果,从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到透明,并选择反转选项。然后在图像窗口中从花的中部拖动到三分之四的位置以将青色渐变应用到表面渐变层。将表面渐变层移动到玫瑰层下方,正好在黑色背景层上方。

    无标题图片

    玫瑰将在由青色渐变创建的表面上反射。

将反射放置在表面上

  1. 在图层对话框中点击玫瑰反射层以使其处于活动状态。

  2. 从工具箱中选择翻转工具。在工具选项对话框中,选择垂直作为翻转类型,然后点击画布以翻转此层。

  3. 使用移动工具将反射定位在画布上玫瑰下方。在移动过程中按住 CTRL 键以垂直移动(或任何 45 度角)。

  4. 将玫瑰反射层的透明度降低到50%,并将此层放在玫瑰层和表面渐变层之间。

    无标题图片

    反射效果几乎完成,但真实的反射会包括反射物体投射的阴影。

添加阴影

因为玫瑰会阻挡任何直接从上方照射的光线,所以必须在表面上添加阴影。并且因为光线会在玫瑰上方多个方向上照射,所以会投射出多个阴影。接下来,你将创建这些阴影。

  1. 添加一个名为阴影 1的透明图层。

  2. 从工具箱中选择椭圆选择工具,并在玫瑰下方创建一个椭圆选择区域。

    无标题图片

    模糊并降低简单黑色椭圆的不透明度,可以创建初始阴影。

  3. 通过10 像素选择羽化)羽化选择区域,并用黑色填充。取消椭圆的选择(选择)。

  4. 打开高斯模糊滤镜(滤镜模糊高斯模糊),并将45 像素的模糊效果应用于阴影 1 图层,然后将图层的透明度设置为65%。将此图层移至玫瑰反射图层上方。

  5. 复制玫瑰图层,将副本图层命名为阴影 2,并将图层边界大小增加10%图层图层边界大小)。

  6. 创建玫瑰的选择(图层透明度alpha 到选择),然后通过选择增长将选择区域扩大2 像素

  7. 在画布中按D键将前景色重置为黑色。然后通过将前景色框从工具箱拖动到选择区域来填充选择区域。取消所有选择(CTRL-SHIFT-A)。

  8. 打开高斯模糊滤镜,并将45 像素的模糊效果应用于阴影 2 图层。

  9. 使用翻转工具垂直翻转图层,然后使用缩放工具将图层高度减半。

  10. 将阴影 2 图层移至玫瑰图层下方(图层堆栈降低图层),然后使用移动工具定位,使阴影出现在黄色玫瑰下方。

  11. 将阴影 2 图层的透明度降低到35%

    无标题图片

    形状阴影与椭圆阴影融合,使得玫瑰正下方的区域最暗,同时也允许阴影模仿玫瑰的形状。

进一步探索

这种在光滑表面上创建反射的技术可以扩展到不太平坦或反光的表面。您还可以向表面添加纹理,以扭曲反射形状或改变方向、颜色和光照,使反射不那么明显。在下一教程中,我将向您展示如何向反射的表面添加波浪,以创建湖面效果。

2.7 湖面反射

之前的教程向您展示了如何在玻璃上创建反射,但通过扩展该技术可以做得更多。那个部分的教程只对反射的对象(一朵玫瑰)进行了轻微的修改。但关于在反射表面添加纹理怎么办?我们如何在一个表面——比如水面——上创建一个不完美的平面反射?

添加表面纹理的一个简单方法是从另一张图片中获取。展示湖面或海洋表面的照片对于本教程来说效果很好。一旦采样图像被去饱和并与反射混合,它就能将光滑的表面变成逼真的反射。

无标题图片

湖泊看起来很真实,但它已经使用 GIMP 数字添加。

本教程将草坪变成起伏的湖泊。在现实世界中,创建你想要的精确图像通常需要应用多个效果,所以让我们先增强原始照片中的颜色。

开始

本教程中使用的图像非常适合这类项目。建筑物是一个戏剧性的焦点,前面的草地区域足够大,可以为湖泊提供空间。然而,砖块的色彩可以更加鲜艳,所以在反射建筑物的图像之前,你将增加色彩饱和度。如果你选择的图像需要类似的调整,最好现在就处理它们。

  1. 首先,自动调整色阶直方图。打开色阶对话框(颜色色阶),然后点击自动按钮,接着点击确定关闭对话框。

  2. 接下来,打开色调-饱和度对话框(颜色色调-饱和度)。点击对话框顶部红色框下方的R按钮,这样我们只调整图像中的红色。然后将饱和度增加到75,以突出建筑物的细节。

  3. 最后,打开亮度-对比度对话框(颜色亮度-对比度),将亮度设置为30,对比度设置为25

    无标题图片

    调整图像的饱和度和亮度,使建筑物的颜色更加鲜艳。

创建初始反射

  1. 在主题周围制作一个方形选择——在本例中是建筑物。同时,包括建筑物前面的部分草地区域。选择从图像顶部延伸到草地与建筑物相交位置下方。复制选择并将其粘贴到新图层中。点击图层名称并将其更改为反射

  2. 从工具箱中选择翻转工具。在工具选项对话框中设置翻转类型为垂直,然后点击画布以翻转图层。

  3. 使用移动工具将反射图层拖动到画布上。如果反射图层没有覆盖画布的宽度,选择缩放工具,然后点击画布以手动缩放图层。

    无标题图片

    一个简单的矩形选择包括建筑物和部分草地区域。这个选择被复制并粘贴到一个新图层中,然后该图层被垂直翻转。最后,将新图层拖动到画布上,直到定位如所示的位置。

添加波纹

  1. 为了看起来更真实,反射的图像应该比原始图像更模糊、饱和度更低。打开色调-饱和度对话框(颜色色调-饱和度),然后点击按钮。将此图像的饱和度级别降低到-45(你的项目可能需要不同的设置)。

  2. 打开涟漪滤镜(滤镜扭曲涟漪)。将方向设置为垂直,边缘设置为涂抹,周期设置为60,振幅设置为2,然后将此滤镜应用到反射层。再次使用涟漪滤镜,这次将方向设置为水平,周期设置为7,振幅设置为5。使用涟漪滤镜两次应用涟漪,就像水中的波纹会产生干涉图案一样。

    无标题图片

    涟漪滤镜给反射添加了起伏的效果,尽管我们很快就会改进这一点。

  3. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将水平和垂直模糊半径都设置为10 像素,并将模糊应用到反射层。

  4. 复制图层(图层复制图层)。将图层命名为Color

  5. 点击前景色框打开更改前景色对话框。对于这里显示的深蓝色,将 RGB 值设置为5/24/83,然后点击确定。然后将前景色拖动到图层中。最后,将图层移到原始反射层下方,并将反射层的透明度降低到80%

    无标题图片

    在反射层下方添加一个蓝色图层可以使反射看起来更像湖泊。

添加波浪

涟漪滤镜使湖泊表面看起来更加逼真,但添加波浪会使纹理更加完美。要添加波浪,可以从另一张照片中抓取选择区域。

  1. 在真实水波的图片中选择一个区域,然后将其复制并粘贴到原始项目图像中名为Water的新图层中。使用缩放工具根据需要缩放图层。

  2. 对水层进行去饱和(颜色去饱和)。

  3. 打开亮度-对比度对话框(颜色亮度-对比度)并将两个滑块都设置为70。这将增强波浪,用作凹凸贴图。在图层对话框中关闭水层的可见性。

  4. 在图层对话框中点击反射层以使其处于活动状态。

  5. 打开凹凸贴图滤镜(滤镜贴图凹凸贴图)。将凹凸贴图设置为水层,方位角设置为145,高度设置为20,深度设置为3。点击确定将此应用到反射层。

    无标题图片

    将波浪复制并粘贴到项目图像中,使湖泊看起来更加逼真。

    无标题图片

    凹凸贴图使用源图像(水层)来扭曲活动图层(反射层)。调整源图像的亮度和饱和度以及各种凹凸贴图设置可以显著影响最终结果。

进一步探索

这张特定的图像非常适合进一步增强。建筑与天空之间的高对比度允许你改变天气,甚至可能将晴朗的一天变成星光璀璨的夜晚。尝试将这张图片转换为夜景。模糊选择工具可以用来捕捉大部分天空,而遗漏的部分可以使用快速蒙版轻松拾取。但请注意:湖面的倒影也需要改变!

2.8 照片修复

照片修复和润色——这是保存和增强因误用或因老化而开裂和褪色的旧照片的艺术,是一种常被忽视的数字图像处理形式。正如你将在本教程中看到的那样,GIMP 的工具使你能够实现高质量的图片修复。

可以使用多种技巧来修复损坏的照片,但最常见的技术涉及克隆相似区域以替换损坏区域。GIMP 的克隆工具允许你在复制和粘贴的区域使用任何形状的笔触。然而,这种方法仅适用于轻微的清理工作,如去除灰尘点或隐藏细短划痕。克隆也是破坏性的,因为它发生在存在损坏的图层中。如果修补区域不符合你的要求,你可能无法轻易地撤销它们。

修正较大瑕疵的更好策略是先做一个选择,然后将选择的内容复制并粘贴为一个修补图层,接着使用图层蒙版中的喷枪工具将这个图层与原始图层混合。这种方法的优势在于允许以后通过修改图层蒙版或完全替换修补图层来进行额外的更改。当然,无论你选择哪种方法,你都会希望保留原始损坏的艺术品以供实验。在本教程中,我们将探讨修复严重损坏图像的复制和粘贴方法。我们还将讨论何时使用大选择来修补大面积,何时将瑕疵分割成几部分并单独修补。

入门

这张图片是从一张 60 年前的照片扫描而来,这张照片被折叠了几次,其中一次折叠实际上在主题的中部留下了一道轻微的撕裂。这里有几个问题需要修复:校正褪色图像中的黑白点,去除折痕,并清理背景。

无标题图片

曾经陈旧的东西又焕然一新了

你选择的修复对象可能存在许多相同的问题,但它们可能出现在图像的不同区域,带来不同的挑战。以高分辨率,如 250 dpi 扫描原始图像,将允许你在图像修复后创建高质量的打印品。

增强扫描图像

  1. 让我们从一些基本的图像增强开始。要校正黑白点,在“级别”对话框中点击自动按钮(颜色级别)。这会自动将左滑块(黑色)移动到直方图那一端的第一个条目,并将右滑块(白色)移动到那一端的第一个条目。这增加了图像的对比度,使最暗的像素变为黑色,最亮的像素变为白色,使整体图像更清晰。

  2. 随着时间的推移,图片也出现了一种棕色色调。通过去饱和度修复这个问题(颜色去饱和度)。

  3. 与大多数扫描图像一样,需要一些锐化(滤镜增强锐化)。也可以使用“非锐化遮罩”滤镜(滤镜增强非锐化遮罩),但鉴于图像中几乎没有直线,它不是最适合这个图像的。

    无标题图片

    在开始修补瑕疵之前,对扫描图像进行锐化并调整级别。如果在补丁就位后进行这些更改,补丁的边缘可能会可见。

单一补丁修复

女人毛衣上那道大划痕是你可以用简单的复制粘贴修复方法修复的损伤的例子,这种方法只包含一个补丁。照片中足够多的未损坏毛衣部分使我们能够使用这种技术。

  1. 选择自由选择工具,围绕划痕穿过女人腰部的一部分绘制轮廓,然后按回车键将其转换为选择。这将给出必须修补的区域大小。从工具箱中选择移动工具。在工具选项对话框中,点击移动设置下的选择选项。

  2. 在选择区域内点击并拖动鼠标,将选择移动到划痕附近的未损坏区域。

  3. 通过10 像素对选择进行羽化(选择羽化)。

  4. 复制选择并将其粘贴到新图层中(图层转到新图层),然后将新图层定位在划痕上方。在这种情况下,毛衣的褶皱帮助我们对齐补丁,但你的图像可能也会提供类似的引导。(为了显示补丁的应用位置,原始图像被着色为红色。)

    无标题图片

    首先使用“自由选择工具”,然后将选择移动到附近的未损坏区域以创建补丁。

    无标题图片

    这个补丁很好地覆盖了瑕疵,因为它是从图像的附近部分取的。离瑕疵越远,补丁越不可能干净地贴合。

  5. 在这个例子中,折痕没有完全对齐,但可以通过使用缩放工具或 IWarp 滤镜(滤镜扭曲IWarp)进行细微调整来修复。如果修补区域与原始图层的边缘不对齐,添加图层蒙版(图层添加图层蒙版)并使用喷枪工具在修补区域的边缘喷黑。

  6. 如果修补区域的色调与损坏区域不匹配,您可以使用曲线工具(颜色曲线)。确保修补图层(而不是其蒙版)处于活动状态,通过在图层对话框中点击图层预览来实现。为了查看修补线是否与原始图像很好地对齐,快速切换修补图层的可见性(使用图层对话框中的眼睛图标)。在此过程中,应该看起来折痕(或其它引导线)已经就位,只有划痕被移除了。

    无标题图片

    快速切换修补图层的可见性,以查看修补是否合适。

使用多个修补区域进行纠正

女士双袖上的划痕构成了一个更困难的问题。没有足够大的无瑕疵区域可以覆盖这些划痕,因此需要使用几个较小的修补区域。使用多个小修补区域修复左袖上的划痕,就像创建之前的大修补区域一样创建每个小修补区域。

  1. 使用工具箱中的自由选择工具选择划痕的一部分,将选择移动到附近的未受损区域,将选择作为新图层复制并粘贴(CTRL-C,CTRL-V,CTRL-SHIFT-N),并将该图层移动到划痕上。如果需要,在修补区域上使用图层蒙版(图层蒙版添加图层蒙版)以与周围区域混合。

  2. 在这张照片中,女士袖子和中部之间的暗区有一个非常复杂的图案。修补区域需要使用曲线工具(颜色曲线),因为修补区域是从具有不同色调质量的区域取的。简单的使用图层蒙版混合不足以将修补区域与划痕融合。曲线调整修改了色调质量,使得修补区域与蒙版结合时无缝融合。

  3. 在所有袖子修补区域创建并混合后,将它们逐个合并(图层合并向下)成一个单独的修补区域。

    无标题图片

    对于像这样的小型不连续瑕疵,尤其是在高对比度区域,使用一系列小修补区域。

纠正面部瑕疵

主体脸上的划痕比衣物上的划痕更难修复。与修补区域和周围面部之间的差异相比,与毛衣及其修补区域之间的差异更容易被发现。即便如此,面部划痕最好通过使用我们迄今为止所使用的自由选择工具来处理。主要区别在于你必须做出更小的选择,这些选择由高对比度线条界定。面部和发际线之间或鼻梁和鼻影侧面的区域特别有效。女性的眼睛提出了一个特别的挑战,因为图像的这一部分非常复杂。

  1. 选择眼睛区域,并将其复制粘贴到一个新图层作为修补区域(图层转到新图层)。

  2. 使用克隆工具手动绘制划痕。在这种情况下,使用克隆工具是安全的,因为我们正在处理原始有瑕疵主题的副本。

  3. 要使用克隆工具,首先通过按住 CTRL 键并点击图像来指定克隆源位置。点击点表示将要复制的区域,所以请确保它与你要修补的区域相匹配。然后,一旦克隆源确定,选择克隆目的地。点击并拖动鼠标到划痕上。当你拖动时,源被复制到目的地。

    无标题图片

    在面部修复瑕疵比在衣物上修复更困难。过程是相同的,但需要仔细调整曲线,并使用图层蒙版混合你的修补区域。

当你使用克隆工具时,克隆源和初始克隆目的地(开始克隆图像时第一次点击的位置)之间的线条长度和方向始终保持一致。当你将线条拖过划痕时,相同的线条被克隆,并定位在克隆源位置。这意味着如果你从初始克隆目的地拖动足够远,你可能会使克隆源落在另一个瑕疵上。技巧是保持你的画笔笔触小,并频繁重置克隆源点。

无标题图片

这个划痕是通过多次克隆操作修复的,因此使用了多个克隆源。实际上,每个克隆源都用于划痕的非常小的一部分。这使得克隆区域能够无缝地融入图像的其余部分。

还可以从另一个图层进行克隆。在工具选项对话框中,勾选样本合并选项。使用此选项,你可以从任何用于显示合成图像的图层进行克隆。

清理背景

清理背景是一件轻而易举的事情。

  1. 使用快速蒙版和合适的画笔进行选区。在背景显示的地方画在头发束上。当你点击画布窗口左下角的快速蒙版到选区按钮时,画过的区域(不再着红色)将成为选区。

  2. 通过15 像素或更多来羽化选区(选择羽化)。在之前的教程中,羽化值仅为 1 或 2 像素,但当你处理的照片分辨率更高时,应该使用更高的羽化值,就像在恢复照片时一样。

  3. 使用颜色选择器工具从选区内的现有背景中选择一种颜色。将前景色拖动到选区中,用此颜色填充它。这解决了所有背景问题。

    无标题图片

    背景是通过快速蒙版而不是模糊选择工具选择的,因为背景变化太多,已经褪色到部分与头发的外部边缘相匹配的程度。

所有其他的大瑕疵都可以用与毛衣和脸部相同的过程来修复。在这种情况下,最终结果非常显著。当原始图像以高分辨率扫描时,使用 GIMP 工具恢复的图像应该能够打印出高质量的图片。结果并不总是如此显著,但通过练习,有些人能够通过这种工作谋生。

无标题图片

从背景中选择一个像素并用于填充选区。

进一步探索

专业图像修复依赖于正确使用选区和图层蒙版,但它也严重依赖于 GIMP 工具箱中的其他工具,包括 IWarp 过滤器、羽化命令、曲线工具和克隆工具。作为一个过程,图像修复不适合自动化,因此理解如何充分利用这些技术的设计师将始终需求旺盛。

恢复旧照片是一个耗时但有益的过程。在下一节中,我们将讨论一种耗时较少但同样有益的技术。

2.9 通过窗户投射光线

向照片添加光源可以增加照片的戏剧性影响——尤其是当光线透过窗格窗户时。但设置像这里展示的镜头可能很耗时,通常需要特定的地点。如果能使用软件向任何图像添加光源会更容易。

幸运的是,GIMP 允许我们将多个镜头合并以实现这种效果。从任何库存照片开始,并使用窗户图像作为阴影的模板。这个过程非常简单,你可能会发现寻找合适的库存图片比在 GIMP 中产生效果更困难。

无标题图片

设置这样的镜头可能会有点困难,但 GIMP 使得合并两张库存照片并实现戏剧性效果变得容易

入门

这张照片是由两张库存照片合成的。第一张照片显示一个模特对着墙摆姿势。我们可以称这个层为源图像。第二张照片显示光线透过一个形状奇特的窗户。我们可以称这个层为阴影蒙版。你当然可以创建任何形状的蒙版,但如果你能找到一个合适的库存照片,你会节省时间。

无标题图片

在这个项目中使用了两个源图像。窗户为投射到模特身上的光线提供了阴影蒙版

设置阴影蒙版

首先打开一个源图像和一个用作阴影蒙版的图像,这两个图像都来自各自的库存图像文件。如果只打算用阴影蒙版图像的一部分覆盖源图像,请在该部分阴影蒙版图像周围进行选择,并将其粘贴到源图像中作为新图层。这个例子不需要选择,因为我们想使用整个阴影蒙版图像,所以我们只需将其复制并粘贴到源图像的新图层中。

  1. 复制阴影蒙版图像(编辑复制)并将其粘贴(编辑粘贴)到源图像中作为新图层(图层转到新图层),如图所示。

  2. 将阴影蒙版层的透明度降低到65%,然后使用移动工具将窗户定位在主题上方。使用缩放工具将阴影蒙版层调整得更高更宽,以便窗口中只显示一个十字准星。

    无标题图片

    将阴影蒙版复制并粘贴到源图像层中

  3. 要让窗户看起来更像阴影,你需要对其进行去饱和和模糊处理。去饱和阴影蒙版层(颜色去饱和),然后打开高斯模糊滤镜(滤镜模糊高斯模糊)。模糊半径应根据图像大小设置。在这个例子中,源图像宽度为 2794 像素,因此模糊半径设置为 90 像素。这大约是 32:1 的比例,尽管你可能发现对于较小的图像,较小的比例更合适。

    无标题图片

    模糊使阴影蒙版的光亮区域变柔和,使其看起来像是光线透过带格子的窗户投射出来

  4. 将阴影蒙版层扩展以适应整个图像(图层图层到图像大小)。确保在图层对话框中未设置锁定透明通道框。

  5. 使用模糊选择工具,点击窗户图像左右两侧的透明区域。这可能需要按住 SHIFT 键进行多次点击。

  6. 将选择区域扩大2050 像素

  7. 在选择画布后,按D键重置前景和背景颜色。然后将前景颜色(黑色)拖动到选择区域以扩展设置在窗户中的墙壁投射的阴影。如果选择区域的边缘仍可见任何较浅的颜色线条,撤销拖动(CTRL-Z)并进一步扩大选择区域,然后再次从前景颜色拖动。

    无标题图片

    将阴影遮罩图层调整大小以适应画布后,将透明区域填充为黑色。这在这里有效,因为窗户周围的区域是黑色的。对于其他图像,你可能需要首先对阴影遮罩图层进行一些级别调整。

  8. 取消所有选择(选择)。

  9. 将阴影遮罩图层模式设置为乘法。在本例中,效果不错,但增加更多对比度会有帮助。使用模糊选择工具并在阴影遮罩的较暗区域单击。通过(选择反转)反转此选择以仅选择窗格。稍微缩小(选择缩小)选择区域。

    无标题图片

    选择阴影遮罩的窗格,如上图所示,已启用快速蒙版以便更容易看到选择区域。

增加光线

  1. 创建一个新的透明图层(图层新建图层)并将其命名为光线

  2. 将背景颜色(白色)拖动到选择区域中。

  3. 取消所有选择(选择)。

  4. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊半径设置为90 像素

  5. 将光线图层模式设置为叠加以完成效果。向光线图层添加图层蒙版(图层蒙版添加图层蒙版)并使用混合工具应用黑色到白色的渐变以软化下边缘。可能还需要将阴影遮罩图层设置为乘法模式,并应用黑色到白色的渐变。

    无标题图片

    在新图层中将选择区域填充为白色。

    无标题图片

    增加的光线图层增加了墙壁和模型上阴影和照亮区域之间的对比度。

进一步探索

为了进一步学习本教程,你可能需要添加由窗户外的物体投射的阴影。例如,想象一棵树。它的影子也会通过窗户投射到源图像上。添加树的阴影的过程将与之前类似,只是树会远一些,投射出更浅、更模糊的影子。

2.10 光线条纹

灯光可以改变图像的氛围。到目前为止,你已经通过通过一个看不见的窗户投射光线来向项目中添加了灯光。现在,你将结合这个想法和人工效果。这个项目将为股票照片添加流动的光线条纹。这些条纹只需做少量工作就能显著改变氛围。

这个过程没有太多技巧;获得最佳结果主要是试错的问题。这个过程从对如何创建和描边路径的初步理解开始。路径与图像图层不同。这允许路径在不影响合成图像的情况下进行编辑,并且可以多次应用于任意数量的图像图层。

无标题图片

光迹是基于对库存图像应用多个描边路径的结果

注意

本教程需要一些使用路径工具和路径对话框的知识。如果您对其中任何一个都不太熟悉,请查看 1.5 路径以获取基本介绍

开始

该过程从一张足够暗的库存照片开始,这样一道光线就会是一个明显的改变。创建初始光迹是一个简单的流程,只需要对单一路径进行少量编辑。

  1. 打开库存图像。添加一个透明图层(图层新建图层)并将其命名为Streak 1

  2. 从工具箱中选择路径工具。

  3. 点击图像的左下角以放置一个锚点。点击中间的右侧面以放置路径的相反端。点击每个锚点附近的路径并拖动以弯曲线条并从锚点拉出句柄。拖动句柄以形成一个斜的 S 形。

    无标题图片

    这是要描边的初始路径。将从中创建多个路径并稍作修改以创建初始光迹

  4. 在路径对话框中,点击未命名的路径并将其名称更改为Streak 1

  5. 从工具箱中选择画笔工具。在工具选项对话框中,选择书法笔刷。将大小设置为20,启用基本动态,将动态选项的渐变长度设置为100,并将渐变设置为前景到透明。启用质量 20重量 50的平滑描边。

  6. 在图像窗口中输入D,然后输入X以设置前景色为白色。

  7. 要描边路径,请在路径对话框底部点击沿路径绘制图标(从右数第二个)。将打开描边路径对话框。选择使用绘图工具描边选项。确保选择了画笔,并勾选了模拟画笔动态复选框。然后点击描边按钮。

    无标题图片

    描边路径对话框也位于编辑菜单下(编辑描边路径)。描边路径允许您将画笔描边应用于特定形状——在本例中是一个波浪线

注意

画笔的大小取决于库存图像的大小,在本教程中为 1600 × 1067 像素。调整画笔大小,使其产生适度的细描边。后续步骤中的额外描边将使光迹变粗

添加外部发光

初始条纹是一个很好的细节,但它需要有点发光,反射一些库存图像的颜色。发光来自复制、模糊然后应用到条纹上的颜色。

GIMP 没有外部发光滤镜,因此必须手动执行此过程。幸运的是,外部发光是一个非常简单的效果。

  1. 复制条纹 1 层。将副本层命名为外部发光

  2. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将水平和垂直半径设置为20.0 像素,并应用于外部发光层。

  3. 复制此层。将副本合并到外部发光层(图层向下合并)。

  4. 从工具箱中选择颜色选择器工具。在工具选项对话框中启用合并采样选项。点击模型的脸部以选择要应用到发光上的色调。

  5. 从工具箱中选择桶填充工具。在工具选项对话框中,将模式设置为乘法,填充类型设置为前景色填充,并将受影响区域设置为填充整个选区

  6. 点击图像窗口以将颜色应用到外部发光层。将外部发光层移动到图层对话框中的条纹 1 层下方。

    无标题图片

    在模糊外部发光层之后,将其副本合并是一种快速增加该层强度的方法,通过将两组模糊合并为一个。在合并之前,也可以将副本层模式更改为加法,以进一步增强强度。

添加内部发光

GIMP 也没有内部发光滤镜,尽管插件注册表中为那些对使用现成解决方案感兴趣的人提供了几个选项。然而,与外部发光一样,内部发光也非常容易通过几个简单的步骤手动产生。

  1. 复制条纹层,并将副本层命名为内部发光

  2. 从工具箱中选择模糊选择工具。在工具选项对话框中,启用选择透明区域选项。在图像中除条纹外的任何地方点击以创建选区。反转选区(选择反转)以仅选择条纹。

  3. 将前景色从工具箱拖动到选区中。

  4. 通过3 像素缩小选区(选择缩小)。剪切选区(编辑剪切)。这将移除选定的区域,只留下内部发光层中一条细的轮廓。清除选区(选择)。

  5. 再次打开高斯模糊滤镜。对此层应用5 像素半径的模糊。

    无标题图片

    内部发光基本上是原始条纹的模糊轮廓,它改变了条纹的强度

选择然后反转透明区域允许选择整个条纹。如果使用模糊选择工具选择条纹本身,则可能无法选择半透明区域。

增强初始条纹

可以通过向其中添加类似的条纹来改进这条单独的条纹。创建原始条纹的过程被重复,只是使用的路径将是原始路径的编辑副本。

  1. 打开路径对话框。通过单击左下角的第四个按钮来复制条纹 1 路径,并将其命名为条纹 1B。在路径对话框中单击眼睛图标,使眼睛可见。这将使路径在图像窗口中可见,但不会显示锚点或句柄。

  2. 从工具箱中选择路径工具。在图像窗口中单击路径以显示锚点和句柄。单击锚点可以稍微移动它们。单击句柄可以稍微弯曲曲线。对条纹 1B 路径的更改不应过于剧烈。

  3. 在图像上添加一个透明图层,并将其命名为条纹 1B

  4. 重复从第一条纹中复制来的笔触、外发光和内发光步骤。

    无标题的图片

    通过编辑原始路径的副本,可以改变条纹的长度和曲线

进一步探索

可以通过在条纹图层上使用图层蒙版来调整每条条纹的末端。通过更改图层混合模式可以产生条纹的照明变化。通过改变绘制路径时画笔的大小,可以应用更戏剧性的条纹。

在本教程中使用了模糊来模拟条纹周围的发光。在下一教程中,您将看到如何使用模糊将成人世界变成孩子的玩具。

2.11 场景微缩化

GIMP 的一个常被低估的功能是模糊滤镜。少量模糊可以用来软化照片的焦点,正如在 2.1 软焦点中所示。在 2.5 改变景深中演示了如何使用不同数量的模糊将背景从前景中移开。长模糊可以给图像添加条纹,模拟高速飞行。

本教程将使用模糊将非常大的事物看起来非常小。更好的是,这个过程非常简单。这是另一种给照片带来浅景深的特效。传统摄影师可以通过一种称为倾斜移位的技术来实现这种效果。我们将不使用复杂设备就能得到类似的结果。

无标题的图片

从现实世界到小世界,只需一抹模糊即可

开始

这种效果最好的图像是城市的鸟瞰图。这张特定的图像非常完美,因为效果的中心点居中且易于隔离。此外,微缩模型通常由手工上光漆绘制,颜色饱和度很高。这个过程将增加库存照片的饱和度,然后隔离图像焦点外的区域。

  1. 打开库存图片。打开色调-饱和度对话框(颜色色调-饱和度)并增加饱和度。对于这张图片,饱和度被增加到最大设置 100%。将此设置应用到图片上。

  2. 在图像窗口的左下角点击快速蒙版按钮。这将把图像中当前没有选择的部分染成红色。

  3. 在画布中输入D以重置前景和背景颜色。

  4. 从工具箱中选择混合工具。在工具选项对话框中设置形状为双线性,渐变设置为前景到背景(RGB),并保留其他选项为默认设置。如果需要重置默认设置,请使用对话框底部的重置按钮。

  5. 在图像窗口中,点击体育场地板并向上拖动到体育场顶部上方。再次点击快速蒙版按钮,将此转换为图像的上部和下部的选择区域。

  6. 将选择内容复制并粘贴为新图层。将新图层命名为背景和前景

注意

这张图片是 1600 × 1067 像素。根据不同大小的图片相应调整模糊半径。

无标题图片

在快速蒙版中使用双线性渐变,从黑色到白色,就可以选择前景和背景。

模糊以缩小

使用原始图层的副本可以进行模糊过程的实验,而不会影响原始图像。如果你弄错了副本,只需再次选择原始图像图层,然后复制并粘贴另一个新图层以继续实验。

  1. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将新图层应用20-像素的模糊。

  2. 如果第一次选择没有选择到很多前景,使用快速蒙版混合工具再次进行选择,这次使用线性渐变。从体育场地板直接拖动到底层窗户的底部。将快速蒙版转换为选择区域,然后复制并粘贴为新图层并再次模糊。为此新图层添加图层蒙版,并在体育场和前面的一些绿色植物失焦的地方喷漆黑色。

    无标题图片

    一次模糊可以使前景和背景失焦,看起来像是你在放大一个微缩模型的城市。

    无标题图片

    图形设计工作就是一系列这样的小调整,比如这种前景模糊。

进一步探索

这张库存照片提供了一个完美的缩小效果的例子。其他图片可能不太适合。在这种情况下,选择可能需要替代方法。尝试使用混合工具的径向渐变,或者使用带有大量羽化的矩形或椭圆选择工具。

摄影效果技巧

现在你已经练习了在 GIMP 中处理照片的基本技巧,你可能急于开始自己的照片项目。当你这样做的时候,请记住以下建议。

自动级别选项

你可以使用“级别”工具(颜色▸级别)自动调整所有扫描和数字图像的级别。这会平坦颜色直方图并自动将最暗的像素变为黑色,最亮的像素变为白色。但这并不是每次都绝对必要的。如果你不喜欢结果,只需使用 CTRL-Z 撤销即可。

锐化扫描

几乎所有扫描的照片都能从轻微锐化中受益。数字照片通常不需要锐化,但扫描的照片通常需要。不锐化蒙版滤镜(滤镜▸增强▸不锐化蒙版)对于照片来说效果最好,尽管你也可以使用锐化滤镜(滤镜▸增强▸锐化)获得良好的效果。

选择,选择,选择

学习去爱它们(并且像在 1.4 选择中描述的那样有效地制作它们)。当你处理照片时,没有它们你几乎无法做什么。

添加更多对比度

复制图像图层并将新图层设置为软光。调整不透明度以修改原始图层中的对比度。

软光和叠加模式

为你的照片添加情绪。用色彩轮上的任何颜色填充图层,并使用软光或叠加图层模式进行混合。

褐色调意味着棕色

褐色调是棕色的色调,它们可以为你的图像增添一种复古质感。尝试将 RGB 值集如 124/81/61、140/89/51 或 181/145/124 应用到你的照片上。

开尔文颜色

你在室内拍摄时使用的是普通的卤素灯吗?照明颜色以开尔文度数来衡量,日出时的太阳大约是 2,500 度,正午时的太阳大约是 5,000 度(明亮白色)。典型的卤素灯可能大约是 3,000 度,使其光线略带黄色。许多摄影师会添加一个颜色校正凝胶——可以从各种在线来源订购——以改变卤素灯的颜色。

如果你无法通过适当的照明来修复镜头,你可以尝试使用色彩平衡工具(颜色▸色彩平衡)或色调饱和度工具(颜色▸色调饱和度)从你的照片中数字去除黄色色调。

实验

使用工具箱中的工具对整个图像进行颜色调整可能需要很长时间。首先进行实验,选择图像的一部分并预览该选择上的颜色调整。当你决定最佳值后,撤销操作并调整整个图像。或者,尝试复制图像,将其缩小,然后在较小的图像上进行颜色调整实验。

第三章:网页设计

无标题图片

图形设计师将网络视为展示他们作品的另一个媒介。消费者将其视为购买音乐和出售二手相机和割草机的场所。大型企业将其视为开发新类型应用的平台。

无论从哪个角度看,网络已经改变了图形设计的世界。在互联网的早期,内容为王,简单的 HTML 就能完成任务,网站设计充其量是一种黑客行为。如今,最好的网站设计利用了层叠样式表(CSS)。CSS 是一种成熟的样式表语言,它将布局与内容分离。这种分离允许设计师在其他人努力创造引人入胜的内容的同时创建视觉一致性。CSS 设计还有效地使用了图形,这正是 GIMP 发挥作用的地方。它为设计师提供了网络所需的栅格图像。

注意

CSS 禅意花园 (www.csszengarden.com/) 有一些 CSS 应用的优秀示例,并展示了相同的内容在几种不同的设计中可能看起来如何。

网络的一个传统限制,至少从设计师的角度来看,是其静态性质。动画 GIF 图像是一种早期的黑客行为,但它并没有提供真正的交互性。今天,Adobe Flash 与栅格图像配合得很好,但它也为网络设计师提供了丰富的矢量支持。GIMP 不是矢量工作的最佳工具,但如果你的网页设计使用栅格图像,Flash 和 GIMP 可以组成一个很好的团队。

注意

如果你对矢量设计感兴趣,可以尝试 Inkscape (www.inkscape.org/),另一个开源图形工具

在原生媒介中工作

一些之前的教程是从默认画布大小 640 × 400 像素开始的。这使得快速重新创建教程图像变得容易,但你需要处理更大的画布大小,以便使这些图像适合印刷或其他媒体格式。

好吧,现在一切都变了。在本章的整个过程中,您桌面的图像分辨率(对于大多数 CRT 显示器为 72 ppi,对于 LCD 显示器为 98 ppi)也将是媒介的图像分辨率。这意味着本章创建的图像不需要重新创建成更大的尺寸。实际上,一些可能需要缩小(或以更小的规模重新创建)才能在网络上使用。

这些教程的重点将是创建简单的网络图形,特别是导航辅助工具、背景、广告和标志。要找到可以将它们融入 Flash 或复杂 CSS 设计中的更高级摄影效果技术,请参阅第二章和第四章。

GIMP 网页设计工具

在网页工作中,你会发现自己在使用 GIMP 的各种工具和滤镜。你几乎在每一个项目中都会用到的两个工具是文本工具和混合工具。

大多数网页都是由文本和图像组成的。文本通常在 WordPad、OpenOffice.org Writer 或 vi 中编写,而网页开发者假设读者的浏览器将能够访问显示文本所需的字体。网页设计师可以请求特定的字体,但如果浏览器没有,浏览器将选择使用其他字体。由于各种桌面平台(Windows、Mac 和 UNIX/Linux)并不都有相同的字体,你不能保证读者会以与你相同的方式看到你的网页。简而言之,因为网络仍然不支持跨平台的字体管理,你永远不能 100%确定你请求的字体会在运行浏览器的系统上可用。

注意

与排版相关的网络标准对大多数网页设计师来说仍然太新,不能依赖。

解决这个问题的方法之一是使用矢量化的文本来处理某些文本元素。使用 GIMP 将文本渲染成图像可以保证看到图像的每个人都会以你的方式看到它。然而,这个小小的技巧只适用于标题和小标题。将整个段落渲染成图像是没有意义的,因为图像文件比文本文件大得多,而编辑文本则需要使用不太适合文本编辑的图形程序。尽管如此,将标题、按钮和标题栏的文本渲染成图像以确保这些元素看起来像设计师想要的那样是很常见的。

无标题图片

在 GIMP 中创建文本标志可以确保无论使用哪种浏览器,所有网站访客都能看到相同的标志。

混合工具和桶填充工具使得给图像和剪贴画上色变得容易。有时给客户普通的图像添加一点色彩是赋予其独特身份的最佳方式。

无标题图片

渐变很容易创建,但使用时要小心:它们在 GIF 图像中效果不佳!如果你使用它们,请将图像导出为 JPEG 或 PNG 格式。

你所有的网页设计项目都将使用多个图层。除了熟悉的图层对话框和图层菜单外,颜色菜单也将扮演重要角色。

无标题图片

如果你一直跟随着,到这个阶段你应该对图层已经很熟悉了,但我会继续在适当的地方引导你通过菜单选择。

最后,在设计网页界面元素,如导航辅助工具时,有效使用选择是至关重要的(如果需要复习,请参阅 1.4 选择)。

3.1 凝胶按钮

网站按钮有各种形状、大小和颜色。并非每个按钮都适合每种设计。矩形按钮很受欢迎,因为它们可以很容易地更改,而不用担心它们如何与背景页面融合。另一方面,凝胶按钮通常需要大量的页面空间。它们非矩形的形状还需要抗锯齿背景颜色,并且难以随意切换背景。尽管有这些缺点,许多客户还是希望网站上有凝胶按钮。

如果您决定在网页设计中使用凝胶按钮,那么您很幸运。它们使用 GIMP 很容易创建。正如大多数 3D 效果一样,技巧是玩弄明暗区域以模拟深度和反射。

本教程将指导您创建一个简单的凝胶按钮。该技术对于任何类型的凝胶效果都是基本相同的。第 5.2 胶状类型中的教程展示了类似效果应用于文本的情况。在这里,您将看到一个更通用的过程,但可能性是无限的。例如,将此效果扩展到牙膏的流淌管并不困难。只需通过波浪过滤器循环结果即可。

无标题图片

一个简单的凝胶按钮

入门指南

  1. 首先打开一个新的白色画布窗口,设置为默认的宽度和高度(640 × 400 像素)。

    注意事项

    如果默认图像窗口大小不是 640 × 400,请在首选项对话框中设置它,然后重新启动 GIMP。本书在创建新图像窗口时,许多教程使用 640 × 400 的默认图像大小。

  2. 通过选择图层新建图层并设置图层填充类型为透明,在画布中创建一个新的透明图层。将新图层命名为Light Pill

  3. 10%90%处添加垂直参考线(图像参考线新建参考线(按百分比))。在35%65%处添加水平参考线。

  4. 选择矩形选择工具,并使用它在这组参考线围成的中心矩形中创建一个选择区域。在工具选项对话框中,勾选圆角复选框,并将半径设置为90%,以在选择的末端提供高弧度。 (指定的半径实际上是选择宽度或高度的一半的百分比,取较小者。)

  5. 删除所有参考线(图像参考线删除所有参考线)。

    无标题图片

    在创建此带圆角的矩形选择时,半径值大于 90 对曲线末端的影响很小。

添加彩色图层

  1. 选择画布后,按D键重置前景和背景颜色。

  2. 点击前景颜色图标打开更改前景颜色对话框。将 RGB 值设置为17/95/239以显示此处所示的亮蓝色,然后点击确定关闭对话框。

  3. 将工具箱中的前景色图标拖动到选择中,用此颜色填充它。

    无标题图片

    你可以为选择命名任何你喜欢的名字。你甚至不需要更改默认名称,因为这是本教程中唯一保存的选择。

  4. 通过选择缩小缩小选择20 像素,并将其保存到通道中(选择保存到通道)。你可以保留默认的通道名称,选择蒙版副本

  5. 返回图层对话框,点击亮色药丸图层使其变为活动状态。

  6. 清除选择(CTRL-SHIFT-A)。

  7. 复制亮色药丸图层(图层复制图层)。将新图层命名为暗色药丸

  8. 在图层对话框中,勾选锁定 alpha 通道框(“锁定:”行中的小灰色棋盘格框)。点击前景色图标打开更改前景色对话框。将 RGB 值设置为11/0/97以显示此处所示深蓝色,然后点击确定

    无标题图片

    稍后使用图层蒙版以允许较亮的图层透过较暗的图层显示出来。

  9. 将工具箱中的前景色图标拖动到暗色药丸图层中。因为选择了保留透明度选项,所以只有药丸会被填充成新的颜色。

注意

本教程中选择的颜色可以更改为你选择的任何颜色。互联网上有各种颜色混合工具,允许你为你的设计选择匹配的颜色。

添加下划高亮

  1. 通过选择图层新建图层并设置图层填充类型为透明度来创建一个新的透明图层。将新图层命名为下划高亮

  2. 在通道对话框中,点击选择蒙版副本通道,然后点击通道到选择按钮(红色带有虚线轮廓的正方形)。

  3. 返回图层对话框并选择下划高亮图层以使其变为活动状态。

  4. 通过20 像素选择羽化)羽化选择。

  5. 选择画布,按D键然后按X键将前景色设置为白色,然后将前景色图标拖动到选择中。清除选择(CTRL-SHIFT-A)。

    无标题图片

    高亮是从通道对话框中保存的选择制作的。

  6. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将下划高亮图层应用50 像素的模糊效果。

  7. 选择画布,按M键激活移动工具,然后拖动下划高亮图层向下,使其下方的白色边缘刚好接触到暗色药丸图层的下边缘。将下划高亮图层的图层模式设置为颗粒合并

  8. 点击暗色药丸图层。选择不透明区域(图层透明度alpha 到选择),然后反转选择(选择反转)。

  9. 点击底部高光图层使其变为活动状态。按 CTRL-X 剪切掉可能超出按钮边界的高光部分。

    我们开始看到 3D 效果,但仍然需要从深色药丸图层透过的浅色药丸图层中提取高光。通过在深色药丸图层上使用图层蒙版来完成这个操作。结果,药丸的前面会有更多的光反射,而侧面则反射较少。

  10. 在通道对话框中,点击选区蒙版副本通道,然后点击通道到选区按钮。

  11. 在图层对话框中点击深色药丸图层。添加一个白色图层蒙版(图层蒙版添加图层蒙版),然后通过50 像素选择羽化)对选区进行羽化。

    无标题图片

    当添加柔和的光照(底部高光图层)时,按钮开始呈现出深度感。

  12. D键重置前景和背景颜色。

  13. 将前景色框拖动到画布中以黑色填充选区。

    无标题图片

    图层蒙版允许浅蓝色图层透过深蓝色图层,并与模糊的底部高光图层混合。

添加顶部高光

  1. 通过选择图层新建图层并设置填充类型为透明度来添加一个新透明图层。将新图层命名为顶部高光。如果它不在图层堆栈的顶部,通过在图层对话框中点击并拖动它向上移动到顶部。

  2. 在选区仍然活动且画布被选中的情况下,按M键激活移动工具。在工具选项对话框中,点击选区按钮(“移动:”行中的红色方块带虚线轮廓)。在画布中,将选区向上拖动,直到其上边缘与药丸的上边缘对齐。完成时,确保在工具选项对话框中将移动设置重置为图层,以避免下次使用移动工具时产生混淆。

  3. 在画布窗口中,按L键从工具箱中选择混合工具。在工具选项对话框中,选择前景到透明渐变。

  4. 在画布窗口中按D键然后按X键将前景色设置为白色。从选区的顶部拖动一条直线到底部。

    无标题图片

    这次高光来自渐变,因此它更容易与底部高光和背景图层混合。

拉伸顶部高光

类似形状的光反射并不总是均匀的。为了使这个设计更逼真,您需要拉伸上部的光高,使其底部略微变宽。您可以使用视角工具来完成此操作。此工具在保持矩形区域两侧直线的同时改变两侧之间的角度。对于椭圆形选择,想象选择被绑定在包围选择的盒子两侧。当边界框被拉伸时,椭圆形选择也会拉伸以保持与边界框两侧成比例的距离。在这种情况下,您将转换图层本身,而不是选择,但您将使用选择来创建用于执行转换的边界框。

  1. 选择视角工具。在工具选项对话框中,选择变换选项到图层

  2. 点击画布。水平拖动底部手柄,直到高光接触到画布窗口的左右两侧。在尝试此操作之前,您可能需要先缩小视图,以便可以拖动手柄越过画布边缘。您还可能想在视角工具选项对话框中将引导线数量减少到 1,以便更容易看到预览的更改。

  3. 点击变换按钮。固定图层(图层固定图层)。

    无标题图片

    视角工具用于拉伸图层的底部

  4. 点击光点图层。选择不透明区域(图层透明度Alpha 到选择),然后反转选择(选择反转)。

  5. 点击顶部高光图层使其变为活动状态。按 CTRL-X 剪切掉任何超出按钮边界的部分高光。

在按钮上添加文本

现在向按钮添加一些文本。确保选择易读的字体。我使用了 Utopia 字体,设置为 65 像素,颜色为黑色。如果前景不是黑色,请在画布上输入 D 以重置它。(如果您的网站将有多达多个凝胶按钮,调整字体大小,以便最长按钮文本可以舒适地显示。)

  1. 清除选择(选择)。

  2. 点击画布并输入推我

  3. 使用移动对齐工具将文本居中对齐在药丸上。确保在图层对话框中激活推我图层。

  4. 添加阴影效果(滤镜光与阴影阴影效果)。在阴影效果对话框中,将偏移 X 和偏移 Y 字段设置为2 像素,模糊半径设置为3 像素,透明度设置为80%。勾选允许调整大小复选框。

    无标题图片

    添加文本图层,以便按钮可以用于导航网站。小的偏移和半径使阴影效果非常微妙

进一步探索

请记住,即使物体形状完美,反射光也很少在整个物体上均匀分布。这就是刷漆金属的外观,也是凝胶按钮看起来不像金属管的原因。为了达到更逼真的效果,尝试添加几乎透明的阴影层,以增加高光层的效果。

3.2 金属按钮

凝胶按钮技术容易掌握,但生成金属按钮更容易。这种技术非常通用且易于复制,唯一的差异来自于您在最后一步如何着色按钮。

在本教程中,您将创建填充 640 × 400 像素画布的按钮。在实际应用中,您可能会缩小本教程中的步骤以创建更小的按钮。或者,如果创建如此小的按钮有困难,您可以在默认画布大小下创建它们,然后将其缩小以适应您的网站。如果您选择缩小按钮,请确保应用一点锐化以突出反射细节。

无标题图片

可以使用一个简单的流程来制作多种颜色的金属按钮。

入门

  1. 以默认大小(640 × 400 像素)打开一个新的画布。

  2. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。将新图层命名为按钮

  3. 从工具箱中选择椭圆选择工具。在工具选项对话框中,勾选固定复选框,并在旁边的菜单中选择宽高比选项。确保下面的文本字段显示 1:1,这应该是默认值。从左上角拖动到底右角,直到您的圆形选择与画布窗口一样高。确保选择完全在画布边界内。或者,在工具选项对话框中设置选择的尺寸为 394 × 394,位置为 123 × 3。

    无标题图片

    如果圆形选择没有完全居中在画布上,您可以通过点击选择内部并拖动选择到画布中心来将其居中。如果选择不是完全圆形,请首先在工具选项中点击重置按钮,然后设置固定选项并再次尝试。

  4. 在选择画布后,按D然后X将前景色设置为白色。

  5. L从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到背景(RGB)并将形状设置为径向

  6. 在选择内部,大约从选择左侧的四分之一宽度处点击,并拖动到选择的宽度。这创建了基本的反射高光,但反射有点过于完美。(回想一下 3.1 凝胶按钮,大多数表面的光线反射是不均匀的。)下一步是给这个完美反射的球体添加一些变化。

    无标题图片

    当你点击圆的中心左侧并使用径向渐变拖动到选择的远端时,很容易实现这种 3D 效果。

添加更多反射

  1. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。将新图层命名为Darken

  2. 在选择画布时,按X将前景色设置为黑色。

  3. 混合工具仍然激活的状态下,在工具选项对话框中设置渐变到前景到透明,形状为线性。在画布上,点击选择的顶部并拖动到其中点。

  4. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。将新图层命名为Top Reflection

  5. 在选择画布时,按X将前景色设置为白色。

  6. 选择应该仍然处于活动状态,因此通过选择缩小将其缩小10 像素

    无标题图片

    在按钮上方添加阴影区域可以增加按钮的闪亮外观。

  7. 混合工具也应该仍然处于激活状态。点击选择的顶部并拖动到其中点。取消选择所有内容(CTRL-SHIFT-A)。

  8. 在图层对话框中,将顶层反射图的透明度设置为75%。现在光线在球体周围反射不同,提供了视觉纹理,并给人一种光滑、玻璃般表面的外观。

    无标题图片

    顶层反射层位于 Darken 层之上。

  9. 复制顶层反射图层(图层复制图层)并将新图层命名为Bottom Reflection

  10. 使用翻转工具垂直翻转此图层。

  11. 使用移动工具,在工具选项对话框中将工具切换设置为移动活动图层,将此图层拖动,使其底部白色边缘刚好位于按钮底部边缘上方。

  12. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将模糊半径设置为5 像素。点击确定应用模糊。将透明度设置为60%

    无标题图片

    顶层和底层的反射层可以进一步模糊,以获得更戏剧性的效果。如果模糊超过几个像素,请务必使用蒙版来裁剪掉可能重叠在按钮层球体边缘的任何模糊区域。

  13. 单击顶部反射图层以使其成为活动图层。

  14. 选择画布后,按 SHIFT-T 以激活缩放工具。在缩放信息对话框中,从测量单位下拉菜单中选择% (百分比)。将宽度和高度更改为85%,然后单击缩放按钮。

  15. 使用移动工具重新定位图层,使其左上角刚好位于按钮的左上角内。

  16. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊半径设置为5 像素。将此模糊应用于顶部反射图层。

    无标题图片

    尽管我们在这个教程中没有这样做,但复制底部反射图层可以增加明暗区域的对比度,并在按钮底部创建平铺的外观。

添加颜色

  1. 在图层对话框中单击按钮图层以使其成为活动图层。

  2. 打开着色对话框(颜色着色)。

  3. 将色调设置为35,将饱和度设置为90。您可以通过修改此层的色调和饱和度设置来创建无数种基本按钮的变体。

注意

在本教程中,您使用的是着色对话框,但可以通过多种方式添加颜色。您可以在新图层中填充颜色并将其图层模式设置为柔光或颜色。您还可以在按钮图层上使用桶填充工具并选择这些相同的模式。

无标题图片

使用着色对话框为金属按钮添加最终修饰。

进一步探索

创建一个彩色球体可能看起来是一个简单的项目,但它很重要,并且可以成为许多更复杂设计的基石。实际上,它作为本书中另一个项目的基石。请确保将此项目保存为 XCF 文件(GIMP 的原生文件格式),以便以后再次使用。

3.3 选项卡

凝胶和金属按钮可以使网页生动起来,但实际考虑往往更具说服力的设计标准。例如,圆形按钮可能会占用宝贵的屏幕空间。更紧凑的设计可能包括使用笔记本选项卡。幸运的是,使用 GIMP 创建选项卡甚至比创建按钮更容易。

这是本书中最直接的教程之一。从开始到结束只需几分钟,效果也容易复制。您还将学习如何创建多个选项卡并以帮助访客导航网站的方式着色它们。

无标题图片

选项卡是小型图像,但它们可以以很大的方式影响您的网页设计。

入门

  1. 在默认大小(640 × 400 像素)下打开一个新的空白画布。

  2. 通过选择图像参考线新建参考线(按百分比),在每个方向上添加10%90%的垂直和水平参考线。

  3. 从工具箱中选择矩形选择工具。在工具选项对话框中选择圆角选项并将半径设置为25%。在这些参考线围成的中心矩形中创建一个选区。

    无标题图片

    使用参考线可以更容易地居中选区。

  4. 移除参考线(图像参考线移除所有参考线)。

  5. 选择图像参考线新建参考线(按百分比),在70%的位置添加一条新的水平参考线,正好位于角落开始变圆的地方上方。

  6. 在仍然选择矩形选择工具的情况下,在工具选项对话框中将模式设置为减去(“模式:”从左数第三个)。在工具选项对话框中禁用圆角选项。拖动一个矩形选区,使其通过现有选区,并且顶部由参考线包围,然后按ENTER键接受更新的选区。我们现在有了基本的标签形状。

    无标题图片

    矩形选择工具的减去模式允许你拖动以创建一个第二选区,然后从现有选区中减去。

添加渐变

  1. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。将此图层命名为Tab

  2. 在画布中,按D键将前景色和背景色分别重置为黑色和白色。

  3. 选择图像参考线新建参考线(按百分比),在50%的位置添加一条新的垂直参考线。

  4. 在画布中,按L键激活混合工具。在工具选项对话框中,将混合工具的不透明度设置为70%。确保工具选项对话框中的渐变设置为前景到背景(RGB)

  5. 在选区顶部附近和中心垂直参考线上点击画布,并沿着垂直参考线向下拖动到选区底部以应用渐变。

    注意

    或者,按住 CTRL 键同时拖动以保持渐变直线。

  6. 通过选择选择存储到通道将选区保存到通道。将保存的通道命名为Selection Mask copy。在此教程中无需更改名称。

  7. 取消选择所有内容(CTRL-SHIFT-A)并移除所有参考线(图像参考线移除所有参考线)。

    无标题图片

    渐变填充了选区。

给 Tab 添加一些深度

  1. 在图层对话框中,点击Tab图层使其处于活动状态。复制 Tab 图层(图层复制图层),然后再次点击图层对话框中的原始Tab图层以使其再次处于活动状态。

  2. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将水平和垂直模糊半径设置为7 像素,然后将此模糊应用到原始 Tab 图层。

  3. 在图层对话框中点击Tab copy图层以使其处于活动状态。

  4. 打开凹凸贴图滤镜(滤镜映射凹凸贴图)。

  5. 将方位角设置为180 度,将仰角设置为60,将深度设置为30。务必从对话框顶部的凹凸贴图下拉菜单中选择原始的标签图层。

  6. 单击确定以应用凹凸贴图滤镜并将标签副本图层重命名为凹凸贴图

    无标题图片

    使用模糊的原始标签是为了给复制层增加深度。

添加颜色和突出显示

  1. 复制凹凸贴图层(图层复制图层)。将此图层命名为着色

  2. 打开着色对话框(颜色着色)。将色调设置为180,饱和度设置为90,亮度设置为70。这将产生一种朦胧的青色效果。

  3. 通过在通道对话框中单击选择遮罩复制并单击该对话框按钮栏中从右数第二个的通道到选择按钮来检索保存的选择。在30%处添加水平参考线。

  4. 选择矩形选择工具,将工具选项模式设置为减去,并拖动一个矩形,使其上边沿沿着水平参考线,以裁剪现有选择的底部。(完成时,务必将矩形选择工具的模式改回替换。)然后通过选择缩小将选择缩小10 像素

    无标题图片

    将选择保存到通道是一种在形状改变很长时间后重新创建形状的简单方法。

  5. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。将新图层命名为高光。在图层对话框中单击新图层,然后设置图层的不透明度为70%

  6. 将背景色(白色)拖入选择区域以填充选择。

  7. 取消选择所有(CTRL-SHIFT-A)。

  8. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将高光层应用5 像素的模糊以柔化反射的高光。

    无标题图片

    在模糊高光层之前,请取消选择(CTRL-SHIFT-A)。

添加文本

基本标签现在已完成。现在只需添加一些文本。

  1. 删除所有参考线(图像参考线删除所有参考线)。

  2. 从工具箱中选择文本工具。选择合适的字体(本教程使用的是设置为 120 像素的粗体黑体)。当你为按钮文本选择字体大小时,这里的字体大小应该允许最长的标签文本适应。记住,如果你打算缩小标签的大小,无衬线字体可能更合适。

  3. 单击画布以打开文本编辑器。输入一些文本。

  4. 使用移动工具将文本定位在标签的中心。

  5. 如果喜欢,可以添加一个阴影效果(滤镜光与阴影阴影)。将偏移 X 和偏移 Y 值设置为3 像素,模糊半径设置为8 像素,不透明度设置为80%

    无标题图片

    在添加阴影后,文字看起来像是放在半透明的标签上。

创建更多标签页

在现实世界中,网页通常有多个标签页。彩色标签可以表示正在查看的页面,而灰色标签表示网站访客可用的其他页面。

  1. 要创建一系列标签页,首先关闭背景、阴影和文字层的可见性。然后合并可见图层(图像合并可见图层),根据需要扩展。

  2. 复制合并的图层,并将新图层命名为新标签

  3. 使用移动工具将此标签移动到您创建的第一个标签的左侧。

  4. 调整画布大小(图像调整画布大小以适应图层),然后调整画布窗口(CTRL-SHIFT-J)。

  5. 新标签层移动到与原始标签层的左下边缘对齐。可以使用对齐工具对齐两个层的顶部边缘。然后放大,在工具箱中选择移动工具,并使用键盘上的箭头键进行左右微调。

  6. 如果新标签层应该有不同的颜色,请对它进行去饱和(颜色去饱和),然后使用着色对话框(颜色着色)着色。

  7. 根据需要添加额外的文本,然后恢复原始按钮的文字和阴影层的可见性。

注意

如果你的背景层没有填满整个画布,你可以删除它(图层▸删除)并添加一个新的白色图层(图层▸新建),然后将它拖到图层对话框堆栈的底部。

无标题图片

通过放大并使用移动工具的箭头键,可以对位置进行精细调整。

进一步探索

标签可以垂直放置在网站上而不是水平放置。合并所有可见图层,然后将图像逆时针旋转 90 度(见图像▸变换)。创建垂直阅读的文字(字母是垂直的,但单词是从上到下而不是从左到右阅读)更困难,因为 GIMP 的文字对齐功能有限,但您可以在每个字符后使用换行符。

3.4 网站横幅

如果你在一个像 CafePress.com 或 Shopify.com 这样的许多在线社区之一经营小生意,或者在一个 WordPress.com 下的博客或企业,那么你可能需要看起来专业的横幅和产品图片来配合你的网站。幸运的是,GIMP 只需几个简单的步骤就能解决这个问题。

横幅和产品图片的主要要求是图片的大小。大多数网站托管服务提供可配置的主题,用户可以自定义他们的网络存在。所选的主题定义了图片的规格。这包括页面顶部的横幅、幻灯片显示图片以及页面特定部分背景或图片等额外内容。技巧是使用主题规格来创建视觉上吸引人的产品展示和专业的外观,使你的网站与竞争对手区分开来。

这个教程将专注于创建具有艺术和技术重点的网站专业横幅所涉及的任务。这里概述的过程也可以应用于滚动幻灯片和静态产品图片中使用的图片。

与摄影效果教程一样,制作横幅的大部分工作都是从库存图片开始的。

无标题图片

一个网站的专业外观从高质量的横幅开始。

开始

首先要做的是查找你将在网站上使用的主题的横幅尺寸信息。所有横幅尺寸都是以像素为单位的。Etsy.com,一个手工制品购物中心,建议横幅尺寸为 760 × 100 像素。Cafepress.com,一个可以在各种产品上创建定制打印的网站,建议最大尺寸为 500 × 200 像素。WordPress,一个用于博客和内容管理的开源软件包,提供了一个支持最大尺寸为 940 × 198 像素的默认主题。由于无法知道访问者的显示分辨率大小,通常最好将宽度保持在 1024 像素以下。横幅的高度通常受限于网站主题的设计限制。

注意

本书付印时,各种网站的横幅尺寸都是最新的。

在这个教程中,你将使用 WordPress 横幅的尺寸,因为 WordPress 在桌面上的安装很简单,这使得在不访问远程商店的情况下测试设计变得容易。

裁剪背景图形

  1. 打开至少 1024 像素宽的库存图片。这张图片来自 BigStockPhoto.com,它是一个相当大且细节丰富的图片,尺寸为 2536 × 2302 像素。如果需要,可以通过(视图缩小)来缩小视图,以便看到整个图片。

  2. 从工具箱中选择裁剪工具。在画布上拖动一个初始的边界框,然后在工具选项对话框中设置大小为940 × 198 像素

  3. 图片太大,无法在裁剪边界内放入任何有意义的内容。为了解决这个问题,通过50%的比例缩放图片图像缩放图片)。如果需要,可以通过(+或使用单窗口模式时按 CTRL-SHIFT-J)放大图片。在画布中,点击边界框的中间,并拖动框直到它覆盖感兴趣的区域。

  4. 按下 ENTER 键接受裁剪。图片将被裁剪到所选区域。

  5. 打开锐化蒙版滤镜(滤镜增强锐化蒙版)。将半径设置为3.5,数量设置为0.35

    无标题图片

    缩放图像不会改变裁剪边界框的缩放比例

增强光晕

图像颜色暗淡。我们需要调整图像以增强其颜色。

  1. 复制背景层(图层复制图层)。将此图层命名为Desaturated BG。对复制的图层进行去饱和(颜色去饱和)。添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  2. 图像参考线新建参考线(按百分比)中添加一个50%的水平参考线。在画布窗口中输入D以将前景色重置为黑色。

  3. 从工具箱中选择混合工具。在工具选项对话框中设置模式为正常,形状为双线性,渐变为前景到背景(RGB)。从图像中间拖动到接近右侧边缘的水平参考线。然后在工具选项中将模式切换到乘法,然后重复拖动两次。

    无标题图片

    允许彩色树木透过黑白层,在一棵树上(此处以特写形式展示以更好地看到效果)周围创建出模拟的光晕。

添加前景图形

前景图形是一个打开的笔记本电脑。背景将通过显示器显示出来。

  1. 打开至少 500 像素宽的笔记本电脑库存图像。这个图像来自 BigStockPhoto.com,因为它在背景和电脑边缘之间有很高的对比度,所以被选中。这将使笔记本电脑更容易分离。将图像缩放到247 × 185 像素图像缩放图像),以保持宽高比。

  2. 在工具选项对话框中选择模糊选择工具,将阈值设置为12。点击电脑外的白色区域,然后(选择选择反转)选择。这将选择笔记本电脑,可能包括一些背景。使用快速蒙版来清理选择。复制此选择(编辑复制)。

  3. 在图层对话框中,点击图像图标上的Desaturated 图层,使图像图层变为活动状态(而不是图层蒙版)。

    无标题图片

    模糊选择并不完美,因为背景和对象(笔记本电脑)之间的对比度不足,因此需要使用快速蒙版(此处以红色显示)进行清理。

  4. 将复制的副本粘贴到发光的树木图像中作为新图层(图层转到新图层),命名为Laptop。使用移动工具将新图层定位在树木发光的彩色部分上方。

  5. 关闭原始笔记本电脑图像,以免影响教程的其他部分。

着色笔记本电脑

  1. 将笔记本电脑图层去饱和。在工具箱中单击前景色框,并将 RGB 值设置为122/0/31。或者,使用拾色器工具从背景图层中选择一种颜色。

  2. 从工具箱中选择桶填充工具。在工具选项对话框中,将不透明度设置为100%,填充类型设置为前景色填充,受影响区域设置为填充整个选择,模式设置为柔光。在笔记本电脑上单击画布窗口两次。

  3. 将模式更改为叠加并将不透明度设置为50%。在画布窗口中单击一次。

  4. 通过在画布窗口中按D键重置颜色,然后再次在画布窗口中单击一次。

    无标题图片

    如果笔记本电脑的颜色不理想,请使用撤销选项(CTRL-Z)返回到去饱和的笔记本电脑,并尝试使用不同的颜色和/或不同的图层模式再次尝试。

在树木上打开窗口

下一步是允许树木在笔记本电脑显示器上显示。

  1. 将白色图层蒙版添加到笔记本电脑图层。

  2. 使用矩形选择工具(确保在工具选项对话框中将模式设置为替换)在笔记本电脑显示器上绘制选择轮廓。轮廓应略小于显示器,在选择和笔记本电脑显示器框架之间留下一个小黑空间。通过2 像素对选择进行羽化(选择羽化)。

  3. 将前景色更改为深灰色,通过设置 RGB 值为94/94/94。将前景色框从工具箱拖动到选择中。

    无标题图片

    树木通过蒙版显示,看起来好像在笔记本电脑显示器上显示。

导出和保存

在将文件导出为用于网站的 JPEG 格式之前,将其保存为 XCF 文件。XCF 是 GIMP 的本地文件格式,将横幅保存为 XCF 图像允许您稍后编辑它。保存为 XCF 文件后,将图像(文件导出)导出为 JPEG 格式。

进一步探索

横幅大小因网站而异,并在页面上以不同的位置呈现。Etsy 横幅比 WordPress 横幅小,并且显示在中心偏下。选择引人注目的横幅组件将吸引网站访客关注您的内 容,而不是托管网站的周边图像。

由于网页上的字体处理仍然不一致,因此向横幅中添加文本可能很有用。通过在横幅中渲染文本,您可以确保它在每个平台上的每个浏览器中都能以相同的方式显示。HTML 的将来进步将有助于解决这个问题,但就目前可预见的未来而言,向横幅中添加文本仍然是一种有用的做法。

3.5 简单徽标

标志设计是图形设计中最令人愉快的分支之一。对于较小的或较新的公司,标志需要图形化地表达公司的主要产品或目的。对于更成熟的企业,标志可能是一个独特的符号,它已经与该公司和其产品联系起来。想想耐克的飞人标志或 AT&T 的地球标志。

由于它们很小,标志也是最难创建的设计之一。在如此小的空间中表达企业身份永远不容易。幸运的是,通过少量工作,标志可以传达很多信息。

无标题图片

使用 GIMP 创建自定义标志非常简单

在网上,小型简单的标志效果最佳。在约 72–98 ppi 的分辨率下,这种媒体为复杂设计留下的空间不多。标志通常很小(但不必如此),因为它们出现在网站的所有页面上。当你缩小一个大型复杂设计时,细节可能会丢失,因此最好保持简单。

GIMP 提供了创建各种类型标志的工具。对于有适度身份需求的小公司(网页、可能还有文具和名片),这些工具通常足够。对于将使用标志进行横幅广告的大公司,GIMP 最好仅作为原型工具使用。你希望稍后将设计转移到矢量艺术中,以便可以轻松地将其缩放到大型印刷尺寸。

本教程将为一家名为 Argonix 的小型虚构生物技术公司设计一个简单的标志。设计标准是标志不能超过两种颜色,必须强调公司名称,并且必须包含一个代表公司与生物工程植物关联的标语和图标。该标志将用于公司的网站上,并且必须适应 400 × 145 像素的空间。本教程中的图像已放大,以便在印刷品中更容易看到。

开始

  1. 在画布上输入D以重置前景和背景颜色。从一个新的400 × 145 像素大小的白色画布开始。

  2. 从工具箱中选择文本工具。在工具选项对话框中,点击右下角的重置按钮,然后选择一种衬线字体。在这个例子中,我使用衬线粗体斜体。(无衬线字体更容易用矢量工具追踪,如果这个设计需要转换为矢量格式,但我更喜欢衬线字体的外观。)字体的选择也应反映客户的要求。例如,粗犷的文字可能适合游戏公司,但可能不适合家居用品连锁店。

创建文本

  1. 在画布上点击并拖动以创建文本的边界框。框的初始大小无关紧要。它将根据需要增长以适应文本。

  2. 在边界框中,输入单词ARGONIX(大写),然后换行。输入短语为饥饿的世界生物工程。不用担心颜色或文字大小。这些将在稍后更改。

  3. 在您输入文本后,工具选项中的框设置可能已更改为固定。如果是这样,请确保将框类型设置为动态

  4. 双击单词ARGONIX以在边界框内选择它。在样式编辑器中,在字体大小字段中输入55并按回车键。点击样式编辑器中的颜色按钮将此单词的颜色更改为 RGB 值为 207/0/0

    无标题图片

    此项目的所有文本都放入单个图层中。GIMP 的早期版本需要多个文本图层。

    无标题图片

    样式编辑器允许对单个字符、单词或短语进行更改。

  5. 仅选择ARGONIX中的字母A。使用样式编辑器将字体大小更改为70 像素

    注意

    请记住,样式编辑器是显示在画布上文本直接上方的矩形编辑选项框。此编辑器是 GIMP 2.8 中新引入的,并且与可以从工具选项中打开的工具选项和编辑器对话框是分开的。有关 GIMP 文本功能的介绍,请参阅 1.8 使用文本。

  6. 快速连续三次点击文本的第二行以选择该行的所有内容。使用样式编辑器将字体更改为Nimbus Sans L Bold或类似的细线字体。在样式编辑器中,通过输入字体名称的几个字母来辅助字体选择。样式编辑器将显示一个过滤后的字体列表,从中选择。

  7. 使用样式编辑器将所选文本的字体大小更改为15 像素

    无标题图片

    更改字体和大小将更改边界框内文本的对齐方式。这将在下一步中固定。

  8. 第二行的字母字间距需要调整。行仍然被选中,因此将字间距字段设置为2.5并按回车键。字母会略微分散,几乎(但不完全)与第一行的左右两端对齐。

  9. 仅选择第二行的第一个字母。将字间距值更改为–5并按回车键。现在第二行的两端应该与第一行对齐。

  10. 可选地,通过在工具选项对话框中将行间距设置为–20来调整此文本层的行间距。请注意,工具选项中此字段的更改将应用于文本层的所有行,而不仅仅是所选行。

    无标题图片

    字间距调整的量直接与您选择的字体和字体大小相关。您的项目可能需要不同的字间距设置。

添加边框和剪贴画

  1. 通过选择图层新建图层并将图层填充类型设置为透明度来添加一个新的透明图层。将新图层命名为边框

  2. 通过选择图像参考线新建参考线(按百分比),添加两个新的水平参考线在15%85%。然后添加两个垂直参考线在5%95%

  3. 点击画笔工具,并在画笔对话框中选择书法。在工具选项中设置大小为10。在新参考线的左上角单击一次。按住 SHIFT 键,在右上角单击以在两个交点之间绘制一条直线。重复此过程,使用左下角和右下角的交点。我们稍后会调整文本图层的位置。

    无标题图片

    使用参考线和一个小画笔在单独的图层上绘制水平边框。

  4. 删除所有参考线(图像参考线删除所有参考线)。

  5. 对于出现在标志文字后面的叶子图标,你将使用剪贴画。打开任何合适的剪贴画文件(互联网上有许多免费提供的,但请确保检查其版权许可,以用于你的项目)。确保剪贴画是黑白图像。

  6. 将剪贴画复制到标志项目画布作为一个新图层。确保在图层对话框中勾选锁定透明通道框。可能需要缩小艺术作品以适应可用空间。在这个例子中,两个边框之间的空间舒适地适合一个 90 像素高的剪贴画图像。

  7. 对该图层进行去饱和度处理(颜色去饱和度)。

  8. 选择桶填充工具,并在工具选项对话框中设置模式为屏幕,不透明度为100%,填充类型为前景色填充,以及受影响区域为填充整个选择

  9. 再次打开更改前景色对话框,确保 RGB 值设置为207/0/0以匹配用于文本的红颜色,然后关闭对话框。

  10. 点击图层以着色剪贴画。

  11. 假设原始剪贴画为黑白样式,设置图层模式为乘法。否则,可以选择更合适的图层模式来遮罩背景,或者通过颜色选择背景,添加图层蒙版,并在蒙版中选择区域填充黑色以遮罩剪贴画的背景。

  12. 使用移动工具手动将剪贴画图层对齐到标志图像左侧的上下边框之间。

    无标题图片

    将剪贴画缩小以适应标志的边框。

注意

如果你在互联网上找不到合适的剪贴画,可以尝试在当地书店寻找剪贴画书籍。例如,Dover 系列提供了许多可以用相机拍摄并使用 GIMP 轻松清理的图片。

添加水印

  1. 在图层对话框中单击背景图层以使其处于活动状态。

  2. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个透明图层。将新图层命名为水印

  3. 通过此层的中间创建一个矩形选择。矩形的大小无关紧要。

  4. 在更改前景色对话框中,将 RGB 值设置为142/142/142以获得中性灰色,然后关闭窗口。

  5. 将前景色拖动到选择中,然后取消选择所有内容(CTRL-SHIFT-A)。

    无标题图片

    水印最初是一个灰色选择,位于背景层之上但所有其他层之下的图层中。

  6. 要将新的灰色背景转换为水印,打开波浪滤镜(滤镜扭曲波浪)。将振幅设置为85 像素,波长设置为50 像素。点击确定将此滤镜应用于水印层。

  7. 打开曲线弯曲滤镜(滤镜扭曲曲线弯曲)。调整上曲线和下曲线,使它们形成一个侧面的 8 字形,然后点击确定将其应用于图层。

  8. 打开高斯模糊(滤镜模糊高斯模糊)并将图层模糊设置为1.5 像素。将图层不透明度设置为50%

  9. 如有必要,使用缩放工具将图层拉伸更大或更小。然后调整图层以适应图像(图层图层到图像大小)。

    无标题图片

    一些简单的扭曲将实心灰色矩形变成了波纹水印。

文本居中

  1. 在图层对话框中点击文本层。

  2. 从工具箱中选择移动工具。在工具选项对话框中,确保选中移动活动图层选项。在画布上点击并拖动以移动文本层,使其在顶部和底部边框线之间视觉居中。您可能会发现关闭图层边界(视图显示图层边界)更容易做到这一点。

进一步探索

您可能会认为这个项目的另一种设计选择可能是公司名称的第一个字母跨越两行文本。为此,第一行(不带其第一个字母)的基线将调整以向上移动,第二行的字距和基线将调整以适应此位置但位于Argonix中的A的右侧。然而,基线调整不会允许第二行重叠第一行。相反,工具选项对话框中的行距调整允许第二行重叠第一行。

以这种方式创建原型设计使得在需要将设计放大用于更大印刷媒体时,在矢量程序中追踪图像变得容易。

这只是创建小型企业标志的一个示例。最好的部分是,有很多标志设计工作。为个人使用或小型企业、律师、医生和其他专业人士设计这样的简单标志可以让任何图形设计师忙碌。

3.6 图标

按钮和标签以及标志并不是网络上唯一的图形。就像桌面一样,网络大量使用图标。图标有助于识别在可导航页面中的当前位置,并为常用网站提供易于识别的参考。图标可用于品牌识别或产品标签。

图标可以创建得比其显示尺寸大,通过让浏览器或 JavaScript 为您调整图像大小。这种自动缩放不推荐用于大图像,但与小图标——尤其是在一次只使用几个图标页面上——它允许图标设计师使用更大的图像。这使得创建图标更容易,因为 GIMP 用户可以在更大的画布上工作。

无标题图片

如果您想加快网页的加载速度,将画布缩放至将在浏览器中显示的图标相同大小。

在这个教程中,我将带您进入图标的世界,并指导您设计适合在网络上使用的图标。只需要基本的 GIMP 知识,例如使用图层和理解工具箱的默认布局。不需要使用外部库存图像。然而,与之前的 projekts 不同,这个项目将需要同时处理多个 GIMP 画布。

开始

  1. 通过在图像窗口中输入D来重置前景和背景颜色。打开一个新的,640 × 400 像素的图像窗口(文件新建)。在工具箱中点击背景颜色样本以打开更改背景颜色对话框。将 RGB 值设置为121/121/121并关闭对话框。黑色和灰色将被用作图标背景的渐变。

  2. 添加一个透明图层(图层新建图层)并将其命名为图标背景。从工具箱中选择矩形选择工具。在工具选项对话框中,将圆角选项设置为半径25。在图像窗口中绘制一个初始选择——此时其位置和大小不重要。在工具选项对话框中,将大小设置为274 × 240 像素,位置设置为183 × 80 像素。这将作为图标大小,并有一些透明填充。这个大小是基于实验计算得出的,所以您可以自由地调整这个选择以创建更大的图标。

    无标题图片

    矩形选择工具的工具选项允许进行精确的位置和大小设置。选择圆角选项将显示半径设置。

添加渐变填充

  1. 50百分比处添加一个垂直参考线(图像参考线新建参考线(按百分比))。

  2. 从工具箱中选择混合工具。在工具选项对话框中,将模式设置为正常,不透明度设置为100%,渐变设置为前景到背景(RGB),并勾选反转选项,形状设置为线性。在图像窗口中从选择区域的顶部拖动到底部,遵循参考线。

  3. 清除选择(选择)。添加一个偏移3 像素并模糊5 像素的阴影效果(滤镜光与阴影阴影效果)。

    无标题图片

    使用灰色到黑色的渐变可以使图标背景作为应用程序特定图标显示的墙壁

创建一个棋盘图案

  1. 打开一个16 × 16 像素的新图像窗口。在打开的图像窗口中,按+键 10 次以放大。

    备注

    您也可以通过使用图像窗口底部的状态栏中的缩放控件来放大图像

  2. 添加一个4 像素间距的网格(图像配置网格),这将窗口分为 12 个方块。启用吸附到网格(视图吸附到网格)。

  3. 将前景色 RGB 设置为103/103/103。使用矩形选择工具(确保未设置圆角)来勾勒并填充以下行/列位置的方块:1/1,1/3,2/2,2/4,3/1,3/3,4/2,和 4/4,使用前景色填充。按住 SHIFT 键以在选择每个方块时添加到选择中。

  4. 将前景色 RGB 更改为67/67/67,然后选择并填充以下行/列位置的方块:1/2,1/4,2/3,3/2,3/4,和 4/1。如果你一次性选择了所有之前的方块,那么反转选择以填充这些方块。

  5. 将前景色 RGB 更改为141/141/141,并填充2/14/3的方块。

    无标题图片

    可以通过使用视图显示网格来使网格可见,但设置了吸附到网格选项后实际上并不必要,因为图像非常小且已放大*。

  6. 将此文件导出为IcondBG.pat到你的 GIMP 图案目录,并给出描述Web Icon BG。打开图案对话框(窗口可停靠对话框图案),点击刷新按钮将新图案添加到图案列表中。关闭IcondBG.pat窗口。

添加图案

  1. 返回到图标图像窗口,添加一个透明图层并命名为Pattern

  2. 在图层对话框中点击背景图层,并创建图标的选择(图层透明度alpha 到选择)。

  3. 在图层对话框中点击图案图层以使其处于活动状态。在图案对话框(窗口可停靠对话框图案)中,将 Web Icon BG 图案拖入图像窗口以填充选择的新图案。

  4. 为图案图层添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  5. 在图像窗口中输入D以重置前景和背景颜色。从工具箱中选择混合工具。在工具选项对话框中设置不透明度为75%,形状为径向。从图标的顶部拖动到图像窗口的大约中部。在工具选项对话框中,将形状切换为线性,模式切换为乘法。从图标的中间拖动到底部边缘。再次从顶部拖动到图标的中间。

  6. 应用图层蒙版(图层蒙版应用图层蒙版)。

  7. 清除选择。移除所有辅助线(图像辅助线移除所有辅助线)。

    无标题图片

    棋盘图案使图标具有纹理外观

对图标底部进行蒙版处理

  1. 将白色图层蒙版添加到图案图层。

  2. 在 183 和 457 处添加垂直辅助线,在 80 和 200 处添加水平辅助线。

  3. 使用工具箱中的路径工具,从辅助线的左下角交叉点开始,在每个角落放置锚点,并在第一个锚点右侧再放置一个额外的锚点。这将创建五个锚点。

  4. 在工具选项对话框中,将编辑模式更改为编辑。点击最后一个锚点并向左拖动,将第一个控制柄移出路径。再次点击并拖动控制柄到图标的上中部。这将使路径弯曲。点击倒数第二个锚点并向右拖动,将第一个控制柄移出路径。再次点击该锚点并拖动到图标的底部中部。在工具选项对话框中点击从路径选择。反转选择(选择反转)。用黑色填充选择区域。

    无标题图片

    点击并拖动连接两个锚点的线也会使控制柄出现

创建应用程序球体

图标背景已准备就绪。现在,是时候添加特定于应用程序的标识符了。这可以多次进行,以创建一系列使用相同背景的应用程序。

  1. 在 220 和 420 处添加垂直辅助线,在 100 和 300 处添加水平辅助线。这会形成一个完美的正方形,以包围球体。

  2. 添加一个透明图层并命名为Sphere。确保此图层在图层对话框的堆栈顶部。从工具箱中选择椭圆选择工具。点击左上角的辅助线交叉点并拖动到右下角。

  3. 通过在图像窗口中输入D来重置前景和背景颜色。打开更改前景颜色对话框。将 RGB 值设置为74/164/75。在工具箱中点击背景颜色样本以切换到更改背景颜色对话框。将 RGB 值设置为28/130/29。关闭颜色对话框。绿色色调将被用作应用球体的渐变。

  4. 从工具箱中选择 混合 工具。在工具选项对话框中设置形状为 径向,渐变设置为 前景到背景(RGB),并确保模式设置为 正常,不透明度为 100 百分比。从选择的中心拖动到选择的外边缘。

    无标题的图片

    与其他教程中的形状不同,这个球体目前还没有光泽

添加高亮

  1. 添加一个透明图层并将其命名为 Lower Highlight。确保这个图层在图层对话框的堆栈顶部。通过 2 像素 缩小选择(选择缩小)。重置并反转前景和背景颜色(在图像窗口中输入 D 然后输入 X),这样前景现在就是白色。

  2. 从工具箱中选择 混合 工具。在工具选项对话框中设置形状为 径向,渐变设置为 前景到透明,并设置 反转 按钮为开启,然后从选择的中心拖动到选择的外边缘。

  3. 向 Lower Highlight 图层添加一个白色图层蒙版。在工具箱中重置前景和背景颜色。从工具选项对话框中选择 混合 工具,并将形状设置为 线性,渐变设置为 前景到透明(关闭 反转 按钮),然后在图像窗口中从图标顶部拖动到底部。

  4. 将 Lower Highlight 图层的模式更改为 叠加

  5. 添加一个透明图层并将其命名为 Upper Highlight。确保这个图层在图层对话框的堆栈顶部。再缩小选择 2 像素

  6. 从工具箱中选择 椭圆选择 工具。在画布上的选择中点击以激活它。在工具选项对话框中,设置大小为 134 × 80,位置为 254 × 107。这将在绿色球体的顶部创建一个小扁平的椭圆形选择。点击选择以完成编辑。

  7. 重置并反转工具箱中的颜色样本,使前景颜色为白色。使用具有 线性 形状和 前景到透明(无反转) 渐变的 混合 工具,然后从选择的顶部拖动到选择的中间。

  8. 清除选择。

    无标题的图片

    这个设计的变体可能包括将 Upper Highlight 向左或向右旋转 45 度

添加应用程序 ID

  1. 从工具箱中选择 文本 工具。选择任何字体——这里使用的是 Nimbus Roman No.9 L Bold(在 Linux 系统上通常可用)。在工具选项对话框中设置字体大小为 160,颜色为 白色。字体大小可能因所选字体而异。

  2. 点击球体的中心并输入大写 G(代表 GIMP),使用 移动 工具将其居中在球体上。

    无标题的图片

    图标通常相当小。虽然你当然可以在图标中放置多个字母,但应避免写完整的单词或短语,因为如果图标缩小,它们只会显得杂乱无章。

进一步探索

要保存图标本身,删除白色背景层,并使用裁剪工具裁剪图像,在图标周围留下少量透明空间。将图像导出为GIMPIcon.pngGIMPIcon.jpg。在将图标放置在网站上之前,根据需要将其缩小。

背景和球体可以用来为你的图标创建一个共同的主题。要重复使用背景和球体,请关闭文本和背景层的可见性,然后合并可见层。将生成的层拖到工具箱中,以打开一个只包含合并内容的新图像。将其导出为IconBG.png。不要保存为 JPEG 格式,因为该格式不支持透明度!

之后,你可以重新打开图像,添加文本层,并作为新的图标导出。

网页设计技巧

GIMP 是一个能够为任何设计项目制作高质量图像的工具——无论媒介如何——并且其对 RGB 和索引图像的核心支持使其非常适合网页设计。当你开始使用 GIMP 为你的网站创建图像时,请记住以下提示。

使用 GIMP 处理图像,使用 CSS 进行设计

GIMP 为你提供了创建网站图像的工具,但你还需要更复杂的东西来提供布局规则并组织你的创作以实现连贯的用户体验。CSS 就是它。网页设计现在与布局一样重要,与图形一样重要。好的网页设计包括 CSS 和 GIMP。

正确的单位

网页设计需要用于视频显示的图像。如今,大多数显示器,包括智能手机,都使用 LCD 或 LED 技术,因此大多数图像应缩放到 72 ppi 或 98 ppi。在进行网页设计工作之前,请确保将你的分辨率首选项(编辑▸首选项▸默认图像)设置为 72 像素或 98 像素,而不是英寸或毫米等打印单位。

在需要的地方添加对比度

如果你在一个用于网络的图像上放置文本,并覆盖背景,请确保文本边缘和背景之间有足够的对比度。低对比度的图像可能在设计师的高端显示器上看起来不错,但你不能保证所有访问网站的用户都会以相同的方式看到图像。添加阴影或轮廓可以帮助将文本与背景分开。文本屏幕是另一个选项。有关筛选文本的更详细讨论,请参阅 2.7 湖面倒影。

避免使用繁忙的背景

背景应该被看到,而不是被听到。嘈杂的背景是一个糟糕的设计选择。如果你的视线被背景吸引,那么很可能是背景在分散访问者的注意力。为了让你的文字突出,首先减少背景图像的对比度。然后使用带有其模式设置为颜色或颗粒合并的桶填充工具,将图像去饱和并填充浅色。你可能需要将不透明度设置为低值。

聪明选择文件格式

这么多不同的图像文件格式被开发出来,是有原因的:并不是每种格式都适合所有情况。如果你有一张没有渐变的纯文本图像,使用 GIF 格式。因为 GIF 格式只使用每个像素 8 位来表示颜色信息,所以它非常适合只有几种颜色(256 种或更少)和强烈对比度(如白色背景上的黑色文字)的图像。GIF 格式还提供无损压缩,这意味着它尽可能地压缩图像,而不牺牲图像质量。但是,如果你要显示照片,就跳过 GIF 格式。

它们更适合使用 JPEG 格式处理,该格式是根据人类眼睛感知颜色的方式专门为照片设计的。使用 24 位(三个 8 位 RGB 通道)来表示每个像素,JPEG 格式可以轻松处理高达 1600 万种颜色。与 GIF 格式不同,JPEG 格式的压缩被称为有损压缩,这意味着(至少在理论上)使用它你会丢弃数据。然而,实际的数据损失通常微不足道,你可以根据你愿意接受的图像质量损失程度来指定压缩图像的程度。对于一些 GIMP 艺术家来说,一个更大的缺点可能是 JPEG 格式不处理透明信息。GIF 格式可以处理,但它只能将透明度解释为任何给定像素的开或关,导致图像的非矩形区域出现“阶梯状”。

另一方面,PNG 格式可以处理各种级别的透明度和数百万种颜色。它还提供无损压缩,所以没有数据被牺牲。尽管如此,并非所有浏览器都完全支持 PNG 格式,但现代浏览器,如 Windows Vista、Mac OS X 和任何最近的 Linux 发行版提供的浏览器,应该没有问题。例如,一些较旧的 Internet Explorer 版本如果包含透明信息,就无法显示 PNG 图像。如果所有网站访客都使用 Firefox 就好了!

另一个选项是强制访客使用外部程序来查看你的图像。Firefox 的 MIME 类型编辑器扩展允许访客配置外部程序来处理各种文件类型。提供样本高分辨率副本的设计师或摄影师在私人网络画廊中可能会选择这个选项。在这种情况下,全彩色的 TIFF 图像可能是合适的,尽管缩略图预览仍然需要是 GIF、JPEG 或 PNG 文件,因为它们将由浏览器显示。

聪明地选择文件格式。每个项目都使用 JPEG 图像并不是一个好的解决方案。如果你认为在这些选项中进行选择很烦人,那么就等着网络(以及所有那些浏览器)最终支持矢量图像吧。万岁,SVG!

网页扫描

如果你在互联网或书中找不到合适的剪贴画,你总是可以扫描现实世界中的物体,将生成的图像去饱和,然后使用“色阶”、“曲线”或“海报化”工具减少图像的色彩范围。Windows 和 Mac 用户有内置的系统扫描支持。Linux 的扫描支持来自 SANE 项目,网址为www.sane-project.org/。XSane 插件是直接从 GIMP 扫描所必需的,可在www.xsane.org/找到。SANE 和 XSane 包含在大多数最新的 Linux 发行版中(如 Fedora 和 SuSE),尽管它们仍然需要手动配置。阅读 man 手册或检查项目网站以获取有关配置扫描仪的更多信息。

微妙的渐变

渐变在背景图像中的应用通常被访客忽视,但它可能意味着普通网站与专业设计的区别。3.1 凝胶按钮, 3.2 金属按钮, 和 3.3 标签 在网站按钮中使用了渐变。考虑在背景图像中使用极其微妙、未饱和的渐变,并添加少量未饱和的噪点以增加纹理效果。

网页设计的透明度

使用 PNG 格式的透明图像可以与背景无缝融合。CSS 和 JavaScript 允许根据条件(如一天中的时间)对图像的背景进行样式化。将精心构建的透明 PNG 图像与基于时间的背景混合,可以使同一图像用于不同的效果。

选择正确的颜色

网页设计还包括适当色彩搭配的使用。为网站选择配色方案与展示的图片一样重要。选择合适的色彩搭配与色彩如何影响人的思维过程有很大关系。红色可以刺激并引发攻击性行为,或者促使观众采取行动,而蓝色则可能引发敏感的反应。

在为网页选择配色方案时,研究色彩对行为的影响的心理。在互联网上搜索在线色彩混合工具。以下是我最喜欢的几个:

安全导出

GIMP 2.8 修改了文件▸保存的设置,使其不再保存为除了 GIMP 的本地 XCF 文件格式以外的任何格式。若要保存为其他文件格式,请使用文件▸导出。如果你将在网页设计中使用你的图像,请导出为适当的文件格式:JPEG、GIF 或 PNG。当你将分层图像导出为适合网页的图像文件格式时,GIMP 会自动合并所有可见图层。这不会给你带来任何努力上的负担,也不会改变你现有的分层画布。但别忘了也将分层版本保存为 XCF 文件,以防你以后需要编辑图层。

第四章:广告和特效

无标题图片

广告的目的是以尽可能低的成本,尽可能有效地向目标受众传达信息。GIMP 不能帮助你控制媒体成本或确定你的目标受众,但它可以帮助你展示一个引人注目的产品信息。本章中的教程利用了你在本书中已经遇到的 GIMP 工具,建立在你的技能之上,并教你如何将这些技能应用到常见的广告任务中。

印刷与网络

广告的目的决定了其设计。了解目标媒体的要求和限制是广告设计过程中的重要部分。创建网络广告不需要像创建印刷广告那样多的时间、精力和计算机内存,但网络的性质在许多方面限制了广告。

网络广告是为了在计算机显示器上查看而设计的,因此图像通常较小,并且以监视器的分辨率测量,通常是 72 或 98 ppi。网络广告也以创建图像时使用的相同 RGB 格式显示。因此,它们比印刷广告更容易创建,但由于监视器分辨率和屏幕空间有限,网络广告无法展示太多细节。

相比之下,印刷广告通常更大,分辨率更高(150 dpi 到 300 dpi),这需要更多的计算机内存来制作。此外,在 RGB 中创建的印刷广告通常必须转换为打印机所需的 CMYK 格式。由于 GIMP 目前不支持直接操作 CMYK 图像,你的广告将使用 RGB 创建,转换过程将由打印机或第三方服务局处理。

注意

如果你不害怕命令行,你也可以尝试使用 ImageMagick 命令行工具套件来处理图像颜色转换。如果 RGB 图像是用 Little CMS (LCMS)库构建的,转换工具可以使用国际色彩联盟(ICC)配置文件将它们转换为 CMYK。你的个人打印机可能包含 ICC 配置文件,即使 GIMP 不能直接处理 CMYK 颜色,它也支持它们的使用。

库存图片

大多数网络和印刷广告工作都是从库存图片开始的。幸运的是,互联网已经将库存图片收藏向大众开放,并在这一过程中降低了这些图片的成本。这些图片非常适合用于网络广告,因为它们价格低廉,质量合理,并且有多种尺寸可供选择。大多数库存图片收藏提供 GIMP 支持的格式,如 TIFF 和 JPEG,而在像 BigStockPhoto.com、iStockphoto.com 和 CanStockPhoto.com 这样的低成本库存图片网站上,每张图片的价格从 1 美元到 5 美元不等。

您可以使用低成本库存图片进行一些印刷广告,但对于像海报和横幅这样的项目,最好使用来自专业库存图片收藏的图片。专业库存图片服务通常提供更大的图片,足够大,可以满足大规模印刷项目。除了按文件下载外,专业库存图片服务还可能销售完整的 CD 收藏或提供月度订阅。然而,价格差异很大。一张图片可能价值 80 到 200 美元,而 CD 收藏可能价值约 500 美元。像 ThinkStockPhotos.com 和 GettyImages.com 这样的网站每月订阅费约为 199 美元,年订阅费约为 1,200 美元。

在线库存图片收藏通常提供每个图片的几种不同尺寸。这些图片尺寸通常以像素为单位给出,您会想购买您能负担得起的最大版本。这将允许您将图片缩放到适合您项目的尺寸。记住,印刷广告的每英寸点数(dpi)值(150 dpi 到 300 dpi)与网络广告的每英寸像素数(ppi)不同(72 ppi 或 98 ppi)。当以 300 dpi 打印在杂志上时,宽度为 1,200 像素的图片是 4 英寸宽(300 dpi × 4 英寸 = 1,200 像素),但在以 72 dpi 打印到网络上时,宽度超过 16½英寸!

注意

实际上,dpi 和 ppi 之间没有区别;两者都是每英寸颜色点的参考。dpi 通常用于印刷,而 ppi 用于显示器。

在使用库存图片时,还需要考虑的一个问题是许可。许多低成本库存图片收藏为广泛的用途许可所有图片,但一些允许摄影师指定自己的许可参数。专业库存图片服务有非常具体的许可政策。您需要仔细阅读许可协议,以确定您是否可以按您希望的方式使用图片。

模特释放声明的问题也很棘手。模特释放声明是使用个人、地点或识别标记(如标志)的书面许可,这些标记可能在其他情况下使用权利有限。模特释放声明最常用于与人物照片相关联,如果个人的面部可识别,则必须提供。

大多数库存图片网站要求提交人物照片的人也提供一份模特释放声明,允许在其他项目中使用其形象。模特释放声明允许设计师为广泛的用途使用库存图片,但同时也保护模特的形象不被滥用。

注意

有关模特释放声明的非常详细的指南可在www.danheller.com/model-release.html找到。

无标题图片

大多数广告项目都使用库存照片。

颜色、对比度和灰度

翻阅任何一本光鲜亮丽的行业杂志,你都会看到在印刷广告中如何有效地使用颜色和对比度。GIMP 提供了几个增强现有颜色的工具,其中包括曲线、级别和色调-饱和度工具。这些工具中的每一个都可以用来为图像增添活力或改变图像的氛围。亮度-对比度工具通常与其他工具结合使用,以进行整体环境光的变化。

当颜色吸引观众的注意力时,你可以选择“颜色”▸“去饱和”来从图像中移除颜色,仅留下对比鲜明的黑白灰,以达到更微妙的效果。灰度图像中的对比度水平设定了氛围:高对比度的灰度图像传达出能量,而柔和模糊的灰度图像唤起平静的感觉,并为主题增添风格和气质。GIMP 提供了许多工具来控制灰度图像的对比度,包括众多图层和工具混合模式。

无标题的图像

使用曲线工具增加对比度,以实现更戏剧性的照明效果。

注意

在此上下文中,灰度*与“灰度模式”(图像▸模式▸灰度)不同。在灰度模式下,图像没有色彩内容,因为它只有一个灰色通道。在去饱和的 RGB 图像的情况下,色彩内容已被移除,但由于图像仍然处于 RGB 模式,因此可以添加颜色。

无标题的图像

在广告中,无论图像是彩色还是灰度,照明都扮演着重要的角色。

考虑使用 GIMP 去饱和图像的另一个原因是:你可以在任何时候添加任何你选择的颜色。为去饱和的图像上色是设定广告氛围的另一种方式。一系列蓝色可能显得冷峻,而丰富的红色和黄色则显得温暖和充满活力。

无标题的图像

去饱和的图像(如左侧所示)是饱和度设置为 0 的 RGB 图像。色调和亮度可以设置为任何值。彩色图像(中间和右侧)是通过改变所有三个设置得到的。

由你决定

GIMP 为图形设计师提供了许多创造引人注目广告的方法。本章中的教程与其说是学习新技术,不如说是练习你已经学到的内容。本书其他部分的教程展示了如何创建 3D 图像和反射或增强色彩和照明。尝试将这些技术应用到库存照片上,你很快会发现,在富有创意的设计师手中,可能性是无限的。

4.1 创意文字设计

无标题的图像

有了 GIMP 的帮助,平凡变得不平凡。

GIMP 首先是一个处理位图图像的工具。大多数桌面用户在处理他们的数码照片时会更倾向于使用 GIMP,但在处理文字时可能会选择其他工具,如 Inkscape 或 Scribus。然而,GIMP 在文字效果方面做得很好,这是人们可能认为只能通过那些矢量应用程序来完成的事情。

在这个教程中,我将向您展示我在一本设计杂志上偶然发现的一个小文字技巧。这个项目的目标是把图像映射到文字上,但保持原始图像的可识别性。在原始杂志文章中,这个过程是通过 Adobe InDesign,一个矢量布局工具来处理的。它使用框来对齐和布局中的对象进行巧妙处理。幸运的是,这个特定的效果用 GIMP 制作起来甚至比用 InDesign 还要简单。

这样的项目除了文字之外,还有重要的外围组成部分。这个设计需要一个具有足够色彩和对比度的源图像。没有色彩和对比度,图像中的形状通过文字将无法识别。

项目还需要一个合适的字体。字体应该是粗体且没有衬线的。衬线字体会使最终图像杂乱,在大多数情况下,即使使用衬线字体的粗体版本,也不会显示源图像的太多细节。衬线字体也可能使图像中的文字难以识别。

GIMP 的文字功能使得在几分钟内进行实际设计成为可能,只需一系列有限的步骤。在深入之前,先看看那些外围问题。

选择库存图片

要开始这个项目,从互联网上众多库存图片网站中选择一个合适的肖像。这个教程中的图片来自 BigStockPhoto.com。理想的图片应包括两个重要特征。第一个是纯色背景。多色或杂乱的背景在应用文字效果时会使图像的主题难以分离。

第二个重要的特征是色彩对比。全黑的照片虽然可行,但最终只会是充满阴影的文字。对于这个项目,我选择了一位穿着黑色连衣裙的女性,她有足够的肤色来提供一些色彩对比。稍后你将使用柔和的晕影来增强这种对比。

选择字体

这种效果最适合使用粗体、边缘直的字体(手写体字体即使加粗也无法很好地显示图片)。在这个教程中,我使用的是 ErgoeExtrabold Thin 字体,但任何无衬线粗体字体,如 Tahoma Bold,都足够使用。

  1. 选择文字工具并打开工具选项对话框(对话框工具选项)。在对话框的底部附近有三个选项:缩进、行间距和字母间距。你不会使用缩进选项,但会使用其他两个。

  2. 行间距设置行与行之间的空间。你想要减小这个值(到负值),以便文本行尽可能地靠近,而不重叠。

  3. 字母间距仅设置字母之间的区域。这与字距调整类似,但并不完全相同。再次强调,这里的技术解释并不重要。你只想降低这个设置(也可以是负数),以减少字母之间的空间,越接近越好。

    无标题图片

    所有三个样本都设置为 51 像素。在 Windows 系统上,Tahoma Bold字体通常可用,在 Linux 系统下可以从 Wine 字体集合或互联网上的免费字体档案中获取。

添加渐晕

现在你可以开始教程了。首先,添加一个柔和的渐晕。这会使最终图像更加多彩,同时保持女性的形状可识别。

  1. 在主图层上方添加一个透明图层(图层新建图层),并将这个新图层命名为“渐晕”。

  2. 从工具箱中选择椭圆选择工具,在画布上围绕女孩绘制一个椭圆形选择。然后通过100 像素对选择进行羽化(选择羽化)。

  3. 从工具箱中点击前景色框打开的“更改前景色”对话框中选择一个暖色调,例如这里使用的231/127/35

  4. 从工具箱中选择渐变工具。在工具选项对话框中,将渐变设置为前景到透明,形状设置为径向。从选择的中心点击并拖动到选择顶部稍后位置。将渐晕图层的模式设置为乘法

    无标题图片

    渐晕将为最终图像添加一抹颜色。尝试不同的颜色选择,看看它如何影响设计。

  5. 可以在这里添加一些噪点以产生艺术效果,但这一步是可选的。打开 HSV 噪点过滤器(滤镜噪点HSV 噪点),将保持度设置为2,饱和度设置为255,亮度设置为255。色调的默认设置应保持为3。通过点击确定应用此设置到渐晕图层。噪点将在选择区域内应用,并且仅应用于彩色像素,不透明像素不受影响。

  6. 清除选择(选择)并合并渐晕和背景图层(图像合并图像)。

    无标题图片

    渐晕将为最终图像添加一些额外的颜色。添加噪点是可选的,并且可能不可见,这取决于字体的粗细。

添加文本图层

本教程使用的文本可以来自任何来源。由于大部分文本将不可见,使用你期望阅读的文本没有帮助,尽管许多字母仍然可辨认。这里的文本是从 Lorem Ipsum Generator 生成的 1,500 个单词,格式化时没有换行,然后加载到文本编辑器窗口中。如果这还不够长,可以在第一块文本下方复制并粘贴它。

  1. 在工具箱中通过在画布上输入D来重置默认颜色。从工具箱中选择文本工具,然后在图像中单击并拖动。这将在画布上显示编辑框,您可以在其中输入文本。拖动编辑框中的手柄,使其覆盖女孩和渐晕。在编辑框内单击并粘贴从浏览器复制的 Lorem Ipsum 文本。

  2. 在工具选项对话框中,设置字体(这里使用 Ergoe Extrabold Thin),大小、行间距和字间距,如前所述。(在更改间距之前设置字体和大小。)您还希望文本为黑色,以便在画布上看到它。将行间距设置为-12,字间距设置为-3。这对于将字母在水平和垂直方向上推近彼此而不重叠是足够的,至少对于这个特定的字体和大小来说是这样。

    无标题的图片

    最初文本可能与图像的其余部分不对齐,但可以使用对齐工具来修复这个问题。

  3. 拖动文本框手柄,使文本覆盖整个图像,使边界框大于画布。

  4. 使用对齐工具将文本层与图像窗口的顶部和左侧对齐。

  5. 使文本层适应图像窗口的大小(图层图层到图像大小)。

    无标题的图片

    当画布缩小到一定程度时,文本层在视觉上比背景层大。这将为您找到合适的蒙版尺寸提供一些灵活性。

创建蒙版层

现在您已经准备好创建蒙版了。与其他项目不同,您不会使用 GIMP 的图层蒙版功能。相反,这个蒙版只是一个覆盖在文本层上的白色图层。您将要做的就是粘贴一个带有文本的白色图层覆盖原始图像。在文本被戳出的地方,原始图像会显示出来。

  1. 向图像添加一个白色图层(图层图层新建)并命名为白色。将此图层拖动到图层对话框中,位于带有穿黑色连衣裙的背景图层下方。也将文本层拖动到背景图层下方。

  2. 在图层对话框中单击文本层以使其处于活动状态。创建文本的选择(图层透明度Alpha 到透明度)。反转选择(选择反转)。

  3. 在图层对话框中单击白色图层以使其处于活动状态。复制选择(编辑复制)。粘贴副本(编辑粘贴)。这将在图层对话框中创建一个浮动选择。将其转换为新的图层(图层转到新图层)。

  4. 通过单击图层缩略图左侧的“眼睛”图标来关闭文本层的可见性。

  5. 在图层对话框中单击包含女性的原始图层以使其处于活动状态。从工具箱中选择移动工具。按住 SHIFT 键,在画布上单击并拖动以在蒙版下移动女性和渐晕。如果需要,放大以更仔细地查看结果。

    无标题图片

    这是最终图像,除了您可能想要调整蒙版在背景图像上的位置。

进一步探索

在蒙版下移动源图像可能不足以获得高质量的成果。您可能需要调整文本层的字体大小或行间距或字母间距。您甚至可能需要尝试不同的字体。如果任何这些变得必要,首先关闭蒙版层的可见性,然后复制文本层。在文本层副本中调整字体设置。然后重复选择、反转、复制和粘贴过程以创建新的蒙版。保留多个文本层和蒙版版本让您可以比较蒙版并返回看起来最好的版本,而无需稍后重新创建它。

4.2 3-D 包装设计

无标题图片

使用透视工具创建三维物体非常简单。

有时候,广告需要包含一个您没有可用于拍照的 3-D 对象,例如产品包装。有许多方法可以使用 GIMP 来模拟三维效果。最常见的方法是使用投影来模拟光源并增加深度感。但是投影只将一个平面放置在另一个平面之上。它们不能为图像本身增加深度。

幸运的是,光和阴影并不是 GIMP 用户可用的唯一技巧。您还可以玩转透视。GIMP 工具箱中的透视工具提供了一个简单的界面,允许您改变观察对象的方向;例如,您可以选择正面观察图像或旋转它以从角度观察。如果您需要在设计中使用 3-D 包装,最好熟悉透视工具。

在本教程中,您将为一家虚构的手机制造商创建一个 3-D 产品包装。您将一组图像排列成盒子的前面和侧面,对齐侧面,然后将盒子角度调整到远离观众的位置。通常情况下,如果您明智地选择库存图像,您将节省大量时间。实际的布局和透视变化相对简单,这些技巧可以使库存图像栩栩如生。

此项目是为网络使用而缩放的,网络通常使用 98 ppi 的图像。为了在印刷项目中产生相同的效果,请将原始画布保持为 300 dpi,并相应地放大处理过程。

准备盒子的前面

  1. 通过在工具箱中选择文件新建来打开一个新的画布窗口。在弹出的创建新图像对话框中,选择US Letter模板。选择此选项将更改高级选项部分中的设置。对于这个面向网络的工程,将分辨率更改为98 ppi

  2. 在画布中心添加一个垂直参考线(图像参考线新建参考线(按百分比))。这将作为一个视觉提示,帮助将库存照片放置在画布的两侧。

  3. 打开您的两张库存图片,并将每张图片的宽度缩放到大约 5 英寸——略大于新画布宽度的一半(图像缩放图像)。在这个例子中,我使用了一款老款手机的图片和某人使用手机的图片。

    无标题图片

    您可以在复制粘贴之前缩放库存图片,或者复制粘贴后再通过选择图层缩放图层来缩放新图层。使用您觉得更方便的方法,因为结果将是一样的。

  4. 在粘贴每张库存图片后,通过选择图层新建图层将每张库存图片作为新图层粘贴到画布上。将一个图层命名为手机,另一个图层命名为女孩

  5. 使用工具箱中的对齐工具将手机图层左对齐,并将女孩图层右对齐,都沿画布底部边缘对齐。要使用此工具,首先选择工具,然后在画布中单击图层。使用工具选项对话框中的箭头按钮,将图层相对于图像在正确的画布边缘对齐。

  6. 在图层对话框中调整图层堆叠顺序,使手机图层位于顶部。如有必要,使用移动工具手动调整手机图层,使手机大致居中在画布的左半部分。

  7. 在图层对话框中单击手机图层。

  8. 添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  9. 使用矩形选择工具创建一个选择,该选择位于参考线右侧,并包围女孩图层。

    无标题图片

    手机图层上的图层蒙版用于屏蔽掉与画布右半部分重叠的任何图层部分。

  10. 选择画布后,按D键将前景色和背景色分别重置为黑色和白色。

  11. 通过单击蒙版并从工具箱中将前景色(黑色)拖入选择,确保移动手机图层的图层蒙版仍然处于活动状态。这将屏蔽掉与女孩图层重叠的部分。

  12. 清除选择(选择)。

  13. 确保女孩图层现在可见,并根据需要将女孩的图像居中在画布的右半部分。

    无标题图片

    当女孩图层在图层对话框中处于活动状态时,该图层的左侧边缘被手机图层隐藏。没有必要修剪女孩图层的这部分,因为它永远不会被看到。

注意

检查图层边界在画布中是否为绿色而不是黄色,这是测试图层蒙版是否激活的另一种方法。

创建修补

在这个阶段,我们需要移除女孩衬衫上的白色带子,因为它会分散注意力。(即使你为这个项目使用的图像不需要类似的修复,你可以在需要移除一些分散注意力的元素时使用这种技术。)虽然给带子上色是一个选择,但一个更简单的解决方案是克隆一些女孩的头发,并用它来覆盖带子。

注意

有关更多克隆练习,请参阅 2.8 照片修复。

  1. 在修补女孩图层时,在图层对话框中关闭手机图层的可见性。点击女孩图层使其变为活动状态。

  2. 放大图像,并使用自由选择工具在白色带子上绘制选择区域。使用移动工具,在工具选项对话框中切换到选择,将选择区域拖动到仅覆盖女孩头发。

  3. 通过3 像素选择羽化)羽化选择区域,然后将其复制并粘贴为新图层(图层新建图层)。

  4. 在图层对话框中,将新图层向下移动到女孩图层上方,然后使用移动工具,在工具选项对话框中切换回图层,以定位新图层使其覆盖白色带子。

  5. 添加一个白色图层蒙版,然后使用喷枪工具在修补区域上涂黑,并将新图层与原始图像混合。

  6. 将修补图层与原始女孩图层合并(图层向下合并)。

  7. 再次打开手机图层的可见性。

    无标题图片

    修补区域与女孩图层混合得如此之好,以至于很难被发现。

在盒子前面添加文字

现在图像已经清理干净,你可以创建包装的上半部分,即包含产品文字的部分。

  1. 点击背景图层使其变为活动状态。

  2. 点击前景色框以打开更改前景色对话框。将 RGB 值设置为6/6/155以显示此处所示的蓝色,然后点击确定以应用更改。

  3. 将前景色拖动到背景图层中,以添加一条贯穿盒子顶部的蓝色条。

    无标题图片

    产品名称将被放置在贯穿盒子顶部的蓝色条内。

  4. 从工具箱中选择 文本 工具。选择画布后,按 D 键然后按 X 键重置并交换前景色和背景色。为产品名称和描述选择合适的字体和大小——我使用了 90 像素的 Nimbus Roman No9 L Italic 字体。

  5. 点击画布以打开文本编辑器窗口。输入虚构的制造商名称和型号编号,例如 Nekioba VXS-1756

  6. 使用 移动 工具手动居中文本层,然后添加另一个包含较小字体描述性文本的文本层。

  7. 将此图像保存为 front.xcf,然后合并图像(图像合并图像)。将图像缩放到当前大小的 80 百分比

    无标题图片

    使用较大的字体来显示制造商名称和型号编号。标语填充在下面的空白空间中。

创建包装侧面

  1. 打开一个新的图像,再次使用设置为 98 ppiUS Letter 模板。将此画布宽度缩小到 3 英寸,但高度保持为 11 英寸。

  2. 点击前景色框并从预设中选择之前使用的蓝色,或设置 RGB 值为 6/6/155。关闭更改前景色对话框,然后将前景色拖放到新画布上。如果您喜欢,还可以在画布底部添加另一张库存照片。

    无标题图片

    如果您添加了库存照片,将其缩放到新图像高度的一半略多,并使其底部边缘与图像窗口对齐。使用 LayerLayer to Image Size 来裁剪库存照片层到图像窗口的大小。*

  3. 选择画布后,按 D 键然后按 X 键将前景色重置为白色。

  4. 从工具箱中选择 文本 工具。选择合适的字体和大小——我使用了 40 像素的 Nimbus Roman No9 L Italic 字体。重新输入包装正面出现的文本,或者如果您愿意,可以修改它。

  5. 将文本层逆时针旋转 90 度(图层变换旋转 90 度逆时针),然后使用 移动 工具手动将文本定位在包装侧面的蓝色区域。

  6. 将此图像保存为 side.xcf

  7. 合并图像(图像合并图像),然后将图像缩小到原始大小的 80 百分比

    无标题图片

    首先创建包装侧面的文本,然后旋转文本。如果文本与空间不匹配,请按 CTRL-Z 撤销旋转,从工具箱中选择文本工具,点击文本层,在工具选项对话框中调整文本,然后再次旋转文本。

合并前板和侧板

  1. 选择工具箱后,按 D 键将背景色重置为白色。使用设置为 98 ppiUS Letter 模板创建一个新的白色画布。

  2. 将前面和侧面图像复制并粘贴到画布上作为新图层(图层转到新图层)。分别将新图层命名为前面侧面

  3. 从左侧边缘3 英寸(3 × 98 = 294 像素)处添加一个垂直参考线,然后从顶部1 英寸处添加一个水平参考线。

  4. 点击前面图层,并使用移动工具将图层的左上边与参考线的交点对齐。点击侧面图层,并拖动以将图层的右上边与参考线的交点对齐。两个图像将垂直地适合在画布上。如果边缘溢出画布边缘,不要担心。只需按减号键缩小视图,以便更容易在画布上工作。

    无标题图片

    您也可以从标尺拖动参考线,但默认情况下标尺以像素为单位。您可以通过选择画布窗口左下角的下拉菜单来更改度量单位。

  5. 8 英寸处添加另一个垂直参考线。这标志着盒子前右边缘将结束的位置。

  6. 在“图层”对话框中点击前面图层使其变为活动状态。

  7. 从工具箱中选择透视工具,然后点击画布。将前面图层右侧的顶部和底部控制点拖动到画布的水平中心,直到它们与 8 英寸处的垂直参考线对齐,并稍微向图像的垂直中心移动。在透视变换对话框中点击变换按钮以应用更改。

    无标题图片

    透视变换使得盒子的前面看起来在左侧更近,在右侧更远,就像盒子从观察者角度倾斜开去一样。

  8. 从画布的左侧边缘1.5 英寸处添加一个垂直参考线,以标记盒子左侧边缘将结束的位置。

  9. 在“图层”对话框中点击侧边图层使其变为活动状态。

  10. 从工具箱中选择透视工具,然后点击画布。将图像左侧的顶部和底部控制点拖动到画布的水平中心,直到它们与 1.5 英寸处的垂直参考线对齐,并稍微向图像的垂直中心移动。

    无标题图片

    给侧面面板添加透视将平面图像转换为逼真的盒子。但我们还没有完成这个项目。

清理边缘

  1. 删除所有参考线(图像参考线删除所有参考线)。

  2. 通过首先在“图层”对话框中点击较高的图层来合并前面侧面图层(图层合并向下)。这将把前面和侧面面板合并为单个图层,并将合并后的图层与背景分开。

  3. 添加阴影(滤镜光与阴影阴影),将偏移 X 值设置为0 像素,将偏移 Y 值设置为12 像素,以投射一个模拟光源直接在盒子前方和上方产生的阴影。不透明度应设置为80%,以便背景可以略微透过它。模糊半径取决于图像的大小。对于这个面向网络的图像,15 像素的模糊产生了一个非常柔和边缘的阴影。

    无标题图片

    阴影可以使盒子看起来更加立体。

进一步探索

在本书的第一版中,这个教程在透视变换后增加了清理锯齿边缘的额外步骤。GIMP 的最新版本不再有这个问题,这使得这个教程变得更加简单。

为了增强效果,考虑改变阴影的位置或添加额外的阴影,使光线看起来来自不同的方向。使用透视工具修改的矩形选择,填充黑色,然后将其放置在盒子后面,底部边缘紧密对齐,可以产生光源直接照射在盒子前面的外观,以及盒子放置在表面上的效果。调整侧面板的亮度是你在本项目中可以玩弄光线的另一个技巧。

4.3 反射玻璃

广告是一场名称游戏,注意力持续时间正在缩短。如果你想传达你的信息,你需要快速建立什么。标志是公司身份的核心,它可以大大提高知名度。虽然标志设计本身通常很简单,但它们可以放置在其他物体附近或内部以增强效果。玻璃可以在很大程度上反映公司的身份。

玻璃效果实际上只是对光线和阴影的技巧。在之前的教程中,你使用了光线来模拟图像中的深度。阴影同样通过暗示主要主题后面或下面的另一个表面来提供深度感。反射也可以用来为表面增添纹理。在本教程中,你将学习如何使用反射来模拟一个圆润、光滑的表面。

这种技术很容易学习,但你可能需要实验以获得恰到好处的反射。技巧是从现有选择中创建剪影。注意本教程中路径的使用——当路径转换为选择时,路径的两个端点将连接起来,在本教程中,你希望这两点之间的线位于现有选择之外。

入门

为了确保正在使用默认颜色,在画布区域按D键重置前景色和背景色。从 640 × 480 像素的白色画布开始。本教程中使用的技术足够容易扩展,因此可以从小尺寸和 98 ppi 的画布开始工作,直到你得到正确的结果。

无标题图片

反射表面可以为你的标志增添无可置疑的光泽。

添加边框

  1. 打开新建辅助线对话框(图像辅助线新建辅助线)。从方向下拉菜单中选择垂直,并将位置设置为40 像素。点击确定以添加辅助线。

  2. 重复此过程,在600 像素处添加另一个垂直辅助线。然后从方向下拉菜单中选择水平,并添加20 像素460 像素的辅助线。

  3. 从工具箱中选择椭圆选区工具。从辅助线的左上角拖动到右下角,使选区接触每条辅助线。(选区应吸附到辅助线上。如果不行,请检查视图吸附到辅助线是否已设置。)

    无标题图片

    辅助线形成椭圆选择的边界框。由于辅助线位置精确,因此很容易将椭圆居中于画布上。

  4. 通过选择羽化将椭圆选区羽化3 像素

  5. 通过选择图层新建图层并将图层填充类型设置为透明度来添加一个新的透明图层。将新图层命名为边框

  6. 点击工具箱中的前景色框以打开更改前景色对话框。将 RGB 值设置为243/217/1以获得明亮的黄色。点击确定以设置前景色,然后从工具箱中将前景色拖动到选区。

  7. 你不再需要辅助线,因此可以删除它们(图像辅助线删除所有辅助线)。

  8. 通过选择图层新建图层并将图层填充类型设置为透明度来添加一个新的透明图层。将这个新图层命名为边缘

  9. 通过选择缩小将选区缩小5 像素

  10. 在选择画布时,按D键将前景色重置为黑色。将前景色拖动到选区中。

    无标题图片

    当你将前景色从工具箱拖动到选区时,你选择的黄色将填充新透明层中的选区。

    无标题图片

    添加一个填充黑色的新图层不会改变黄色椭圆(此处以透明背景显示,以便更容易看到)。这允许你在完成本教程中的其余步骤后,通过修改黑色图层来对边框宽度进行细微调整。

创建玻璃表面

现在您有一个边框,使用径向渐变在内部创建一个玻璃表面。

  1. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。将这个新图层命名为绿玻璃,并确保它在图层对话框的图层堆栈顶部。

  2. 通过缩小 2 像素选择缩小)选择以在黄色边框和绿色玻璃之间留下细黑边。

  3. 点击工具箱中的前景色框以再次打开更改前景色对话框。这次,将 RGB 值设置为17/157/43以设置渐变的亮绿色端,然后点击确定以应用更改。

  4. 点击工具箱中的背景色框以打开更改背景色对话框。将 RGB 值设置为0/85/16以设置渐变的深绿色端,然后点击确定以应用更改。

    无标题图片

    两种绿色的色调非常相似,但背景色略暗。高对比度的颜色会产生一种表面,看起来更反光,或者看起来更接近一束强烈、紧密的光线。

  5. 选择混合工具。在工具选项对话框中,将渐变设置为前景到背景(RGB)并将形状设置为径向

  6. 从椭圆的左焦点(中心稍左)拖动到椭圆的右边缘。

    无标题图片

    稍微缩小选择并使用径向渐变填充它,可以模拟一个边缘看起来像在凸起的黄色边框阴影中的曲面。

在右侧添加反射高光

渐变已经模拟了徽章表面的光照变化,但添加高光将使这种效果更加夸张。

  1. 将选择保存到通道(选择保存到通道)。

  2. 点击图层对话框中的绿玻璃图层以使其处于活动状态。

  3. 添加一个名为高光右侧的新透明图层。

  4. 按下D键重置前景和背景颜色,此时画布被选中。

  5. 从工具箱中选择椭圆选择工具。在工具选项对话框中,点击从左数第三个按钮以选择减去模式。

  6. 拖动覆盖现有选择以创建一个新的椭圆,覆盖除选择右下角和右侧边缘之外的所有部分。可能需要一点实验才能做到这一点。如果第一次尝试失败,请按 CTRL-Z 撤销更改并再次尝试。

    无标题图片

    可能需要尝试几次才能从选择中制作出接近图中所示的选择。注意,在按回车键接受更改之前,可以交互式地编辑这个新选择。

  7. 一旦你将选择剪裁得恰到好处,将背景色框(应该是白色)从工具箱拖入选区。取消选择所有(CTRL-SHIFT-A)。

  8. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将模糊半径设置为水平和垂直方向均为10 像素,然后点击确定应用模糊。

  9. 将高光右图层的不透明度降低到20%

  10. 将椭圆选择工具的模式重置为替换

    无标题图片

    白色区域被模糊化,然后降低该图层的不透明度。这立即使圆滑的表面看起来更像玻璃。

在左侧添加反射高光

  1. 添加一个新的透明图层,并将其命名为高光左

  2. 打开通道对话框(窗口可停靠对话框通道)。点击列表中的保存通道,它是最后一个项目。通过点击对话框右下角第二行的通道到选区按钮,将此通道转换为选区。

  3. 返回图层对话框,并点击高光左图层使其变为活动状态。

  4. 从工具箱中选择路径工具。在选区外点击,然后绘制一个类似于这里显示的路径。确保路径的第一个和最后一个锚点形成一条直线,位于现有选区之外。在按住 CTRL 和 SHIFT 键的同时,在工具选项对话框中点击从路径选择按钮。

    注意

    如果你在处理路径时遇到困难,请查看 1.5 路径。

    无标题图片

    按住 CTRL 和 SHIFT 键允许你使用路径工具创建与现有椭圆选区相交的多个选择。这些将成为圆滑表面上的额外反射。

  5. 在选择画布后,按X键交换前景色和背景色,并将前景色设置为白色。

  6. 从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景色到透明,并将形状设置为线性。从选择的左上角拖动到右下角。取消选择所有(CTRL-SHIFT-A)。

  7. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。应用3 像素的模糊,并将此图层的不透明度降低到50%

  8. 添加一个新的透明图层,并将其命名为高光左 2

  9. 如前所述,通过从保存的通道转换来检索选择,然后通过20 像素选择缩小)来缩小选择。

    无标题图片

    在你应用高斯模糊并降低高光左图层的不透明度后,物体的表面看起来像是在反射一个面板窗口。

  10. 点击高光左 2图层使其再次变为活动状态。

  11. 如果前景色不是白色,请按D键然后按X键,然后将前景色框拖入选择区域以填充该颜色。取消全选(CTRL-SHIFT-A)。

  12. 再次打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊设置为5 像素

  13. 添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  14. 打开路径对话框(窗口可停靠对话框路径)。应该存在一个未命名的路径,这是在教程早期使用路径工具时创建的。点击对话框底部的将路径转换为选区按钮(从左数第五个)。

  15. 反转选择(选择反转)。

  16. 点击高光左 2图层的图层蒙版以使其变为活动状态,然后使用黑色填充选择区域。取消全选(CTRL-SHIFT-A)。

  17. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊设置为5 像素

    无标题图片

    在下一步中,包含白色椭圆的图层将与高光左图层合并。

  18. 在图层对话框中,将图层模式设置为颗粒合并,并将不透明度设置为50%,然后将高光左 2图层拖到高光左图层下方。

    无标题图片

    创建图层蒙版后,椭圆形高光剩下的只是与窗户形状高光重叠的区域。

添加文本和投影

  1. 在画布选择状态下,按D键然后按X键将前景色设置为白色。

  2. 从工具箱中选择文本工具。在工具选项对话框中,选择合适的字体和大小。点击画布并输入Griznak。确保文本图层在图层对话框中位于顶部。

  3. 使用对齐工具将文本在画布上居中。

  4. 添加一个投影(滤镜光照与阴影投影)。将偏移 X 和偏移 Y 值设置为2 像素,并将模糊半径设置为2 像素。确保未勾选允许调整大小复选框。然后通过点击确定应用投影。

  5. 在图层对话框中,将文本图层和投影图层移动到两个高光左图层下方。

    无标题图片

    文本图层位于高光左图层下方,以便高光可以影响投影,从而产生文本位于玻璃下的外观。

进一步探索

此效果与这种椭圆形徽章效果很好,尽管它同样适用于矩形徽章。关键是柔软的白色图层,这些图层模拟了光线的反射。这些可能是通过窗户进入的光线反射,也可能是附近表面的反射。

徽标也可以反映另一个物体,如 2.6 玻璃上的反射 和 2.7 湖面反射 中所示。想象这是一个汽车经销商的徽标,一条汽车在道路上飞驰的反射映照在其中。

4.4 弹出图像

弹出 是用来描述用白色填充图像背景的一部分,使图像的主题看起来像是从显示器或打印页面上弹出。广告广泛使用这种技术。它的工作原理与丝网印刷相似,只不过在弹出的情况下,屏幕是单色,并且其图层实际上位于图像主题和背景之间。

无标题图像

这个极端教程将把你的 GIMP 技能提升到新的水平。革命性的!

入门

在这个教程中,大部分工作涉及使用模糊选择工具来制作主题的剪影——在这个例子中,是一个没有轮子的滑板运动员。这个过程相对简单,因为背景和前景之间的对比度很高。按住 SHIFT 键,点击几次,你将能够快速选择背景。这可能不适用于你为这个项目决定使用的库存图像,但基本过程将保持不变。

隔离边界

从一张背景为蓝天的空中滑板运动员的图像开始。这张图像将被用来在科罗拉多州落基山脉地区宣传滑板邀请赛。原始图像中缺少的是关于活动将在哪里举行的指示。除了从图像中弹出边界外,我们还需要用山景替换蓝色天空。

无标题图像

背景中的蓝天使照片看起来很美,但在这个项目中需要被替换。

  1. 在 GIMP 中打开边界图像,并从工具箱中选择 模糊选择工具。按住 SHIFT 键,在边界左侧和下方点击,直到创建一个几乎实心的选择区域。使用 快速蒙版来微调选择。

  2. 当整个边界左侧和下方的区域被选中后,关闭快速蒙版并反转选择(选择反转)。

  3. 通过1 像素选择缩小)缩小选择区域,并通过2 像素选择羽化)进行羽化处理。

  4. 将选择复制粘贴为新图层(图层新建图层)并命名为 Boundary

  5. 打开 Unsharp Mask 滤镜(滤镜增强Unsharp Mask)。将半径设置为 5 像素,数量设置为 0.50。点击 确定 应用更改。

    无标题图像

    在选择并复制粘贴到新图层后,Unsharp Mask 将增强 Border 图层的细节。

增强画板细节

画板下的高光需要均匀分布,这样画板看起来就不会那么褪色。

  1. 使用模糊选择快速蒙版工具对画板的底部进行粗略选择。

  2. 通过1 像素选择扩展)扩展选择,重复此过程,直到画板下的大部分区域都被选中。

  3. 通过3 像素选择羽化)来羽化选择。

  4. 使用色阶工具(颜色色阶)通过将直方图下最右侧的滑块稍微向左拖动,将最左侧的滑块向右拖动,并确保中间的滑块保持在中心位置来调整画板的白平衡。以这种方式调整黑白平衡将使画板的较暗区域变亮,并使画板下模糊的底部看起来更清晰。点击确定

  5. 取消全选(CTRL-SHIFT-A)。

    无标题图片

    由于照明问题,画板的底部看起来有些模糊。通过选择画板并移动色阶直方图中的左右滑块来修复这个问题。

移除背景

我们已经隔离了画板边缘,但画板边缘和画板边缘两侧仍然有一些天空和云朵。这些区域需要被移除,以便我们可以替换落基山脉的背景。

  1. 使用模糊选择工具选择画板边缘两侧的天空以及他右臂和每条腿之间的空间。

  2. 通过3 像素选择羽化)来羽化选择。

  3. 添加一个白色图层蒙版(图层蒙版添加图层蒙版)并用黑色填充选择区域。取消全选(CTRL-SHIFT-A)。应用图层蒙版(图层蒙版应用图层蒙版)。

    无标题图片

    当我们隔离画板边缘时,我们在身体周围留下了一些天空和云朵的区域。使用模糊选择工具来隔离这些区域。

  4. 添加一个新的透明图层,并将其命名为白色背景

  5. 从左侧标尺拉出一个垂直参考线,直到它刚好位于画板边缘的右脚右侧。与其他教程不同,这个参考线的位置没有精确的像素位置。从工具箱中选择矩形选择工具——确保在工具选项对话框中设置了替换模式。使用参考线作为选择覆盖图层左侧的右边缘。用白色填充选择区域。

  6. 白色背景图层向下移动,使其在图层对话框中位于画板边缘图层下方。

  7. 取消全选(CTRL-SHIFT-A),然后隐藏参考线(视图显示参考线)。

    无标题图片

    白色背景图层放置在画板边缘图层下方。这个细节使得画板边缘看起来像是从落基山脉场景中跳出来,进入白色海报区域。

添加阴影

阴影增加了突出效果。

  1. 在图层对话框中,点击板边图层使其变为活动状态。

  2. 添加阴影(滤镜光与阴影阴影)。将偏移 X 和 Y 值设置为5 像素,将模糊半径设置为15 像素。将不透明度设置为80%并取消选中允许调整大小复选框。点击确定应用这些设置并创建阴影图层。

  3. 在图层对话框中点击阴影图层。添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  4. 在图层对话框中点击白色背景图层使其变为活动状态。通过选择图层透明度Alpha 到选择,然后选择选择反转来创建透明区域的选区。

  5. 点击阴影图层蒙版使其变为活动状态。将工具箱中的前景色(应该是黑色)拖动到选择区域。这将隐藏除白色背景之外的所有阴影。

  6. 取消全部选择(CTRL-SHIFT-A)。

    无标题的图片

    阴影使得看起来板边和白色背景之间有一些距离。

替换背景

我们希望广告中清楚地表明活动是在科罗拉多州的落基山脉地区举行的。让我们添加山脉作为背景图层。

  1. 点击板边图层使其变为活动状态。

  2. 打开一个合适的背景图像,例如这张落基山脉的图像。将图像复制并粘贴到一个新图层(图层转到新图层)并命名为Mountain

  3. 使用缩放工具调整图层大小,使其与画布大小一致,然后在图层对话框中将Mountain图层移动到白色背景图层下方。根据需要调整Mountain图层的位置。

  4. 打开运动模糊滤镜(滤镜模糊运动模糊)。将模糊类型设置为线性,将长度设置为5 像素,将角度设置为180 度。点击确定将这些建议应用到 Mountain 图层。

    无标题的图片

    在移除天空背景后,用更适合项目的图像替换它。轻微的运动模糊为新的背景增加了深度,并确保山脉不会分散对板边的注意力。

添加文字

是时候进行最后的润色了。让我们给海报添加文字。使用文字工具,用任何字体输入黑色文字。复制文字并将顶部版本的颜色设置为黄色。通过偏移几个像素来模拟深度。确保你的文字层位于图层堆栈的顶部,这样你就可以在图层蒙版和背景图像上看到它们。

无标题的图片

如果你选择的字体和颜色使得文字难以阅读,你可能在板边的腿上添加一个阴影。

进一步探索

这样的项目有时是最有趣的,因为它们并不特别困难。正如本书中描述的许多技术一样,难点在于创建好的选择,以隔离你想要的主题。对于具有许多曲线和边缘的对象,如这个画板的腿,快速蒙版工具是你的最佳选择。如果你试图隔离的对象边缘较直,且背景是单一颜色,你可以尝试使用剪刀工具。

4.5 闪亮徽章

无论你是在设计 T 恤、网站还是公司办公室的信头纸,你可能会使用某种识别符号。虽然印刷符号在纯色中通常更容易(且更便宜)创建,但为网络设计则提供了一定的灵活性。在网络中,颜色是王道,由于高分辨率、16M 色域的显示器已成为标准,三维效果也普遍存在。

无标题图片

即使是单个字母也能从反射技术中受益。

符号在设计中扮演着重要的角色,它们可以成就或毁掉一个产品或公司的形象——在图形艺术行业中更广为人知的术语是品牌标识。符号本身可能是平面的和实心的,平面的和有纹理的,或者是三维的,带有光影效果。视觉标识是我们所知道的公司的象征——只需想想麦当劳的金拱门、Linux 的红帽或 IBM 的大蓝。

标志通常包括以特定字体设置的文本,通常伴随着代表公司、团体或个人的形状。作为整体品牌推广活动的一部分,标志有时会被嵌入到其他形状中,以创建徽章。

最容易创建的徽章之一是一个圆形、反光的标志,类似于玻璃。玻璃标志使用柔和的渐变,几乎看不到颗粒。许多白色椭圆形(或部分椭圆形)被分层放置在标志上,以模拟反射。有时这些圆形反射甚至带有明显的边缘,以模拟一个放置标志的框架。

创建金属标志甚至更容易。这种技术基于金属反射不像玻璃反射那么宽,并且在光与影之间有更多的高对比度区域。在金属标志的情况下,金属可能是焦点——就像腰带扣或胸针一样——或者你可能只是使用金属边缘来强调非金属设计,这正是本教程要做的。

入门

当你设计这些徽章时,检查现实世界中的物体,如玻璃按钮或银质勺子,会有所帮助。注意光和颜色的反射。一个技巧是稍微模糊你的眼睛——尝试在不专注于物体形状的情况下看到反射。然后尝试用 GIMP 重现这种效果。

添加反射性和颜色不仅为您的设计增添了风格,而且使用 GIMP 做起来也非常简单。在本教程中,您将在一个小的画布上工作,以展示该技术的简便性。请记住,位图图像——就像您在 GIMP 中创建的图像——不太容易放大到更大的尺寸,所以从更大的画布开始,如果需要更大的徽章,请放大技术

创建金属边框

  1. 在工具箱中选择时,按D键将前景色和背景色分别重置为黑色和白色。

  2. 选择文件新建。在创建新图像对话框中,将尺寸设置为500 × 500 像素以创建一个正方形画布。点击确定以打开新的画布窗口。

    无标题图片

    正方形画布将更容易将圆形徽章居中。

  3. 创建一个新的透明图层(图层新建图层)并将其命名为边框

  4. 从工具箱中选择椭圆选择工具,并确保模式设置为替换。在画布上点击并拖动以创建一个圆形选择。在工具选项对话框中,将大小设置为490 × 490并将位置设置为5 × 5。在选择内部点击以接受这些设置。

  5. 从工具箱中选择混合工具。在工具选项对话框中,选择Crown Molding渐变。从选择的左上角拖动到右下角。

  6. 通过选择图层新建图层并设置图层填充类型为透明度来添加另一个新的透明图层。将新图层命名为环颜色

  7. 点击前景色框以更改前景色。在更改前景色对话框中,将 RGB 值设置为0/159/0以显示绿色,然后点击确定关闭对话框。圆形选择应该仍然处于活动状态,所以只需将前景色拖入选择即可。

  8. 在图层对话框中,将模式设置为柔光并将不透明度设置为50%

    无标题图片

    将 Crown Molding 渐变应用于其自己的图层中的选择。这提供了一个可以稍后添加投影的图层。

    无标题图片

    使用柔光图层模式将彩色图层与填充了渐变的圆形选择混合。因为您使用了一个单独的颜色图层,所以只需更改该图层中的颜色即可更改图像的颜色。

创建徽章

  1. 通过选择图层新建图层并将图层填充类型设置为透明度来添加另一个新的透明图层。将这个新图层命名为徽章颜色

  2. 通过选择缩小将选择缩小15 像素,然后通过选择羽化将选择羽化4 像素

  3. 再次打开更改前景色对话框,将 RGB 值设置为169/7/7以显示红色,然后关闭对话框。将前景色拖动到选择中。

    无标题图片

    一个红色选择覆盖了背景图层中大部分的 Crown Molding 渐变。在渐变显示的地方,红色选择看起来有一个金属边框

添加内边框

到目前为止,你已经有了基本的金属标志。本教程的其余部分将展示如何使用这个基本形状进行创意设计。首先,添加轻微的刷金属效果。

  1. 添加一个透明图层并将其命名为刷金属

  2. 打开 Hurl 滤镜(滤镜噪声Hurl)。将随机种子设置为10,随机化设置为35%,重复设置为3 次。点击确定将此应用到新图层。

  3. 在图层对话框中设置模式为屏幕,不透明度为50%

  4. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。水平和垂直方向都应用2 像素的模糊。

  5. 打开运动模糊滤镜(滤镜模糊运动模糊)。将长度设置为20 像素,角度设置为45 度,然后点击确定应用模糊。

    无标题图片

    你将在 5.1 铬和金属文字中模拟刷金属效果,使用与这里相同的技巧

  6. 添加一个透明图层并将其命名为内环

  7. 通过选择缩小将选择缩小25 像素

  8. 使用工具箱选择,按D键重置背景和前景颜色。通过将前景色拖动到选择中来填充选择为黑色。

  9. 将选择缩小4 像素

  10. CTRL-X从内环图层中剪切选择,留下一个细小的黑色环。

  11. 清除选择。

    无标题图片

    与外环不同,内环是通过从黑色圆圈中裁剪选择创建的

  12. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。将模糊半径设置为5 像素,然后将其应用于内环图层。

  13. 通过选择图层透明度alpha 到选择从该图层创建一个选择。

  14. 通过选择图层蒙版添加图层蒙版为标志颜色图层添加一个图层蒙版。在添加图层蒙版对话框中,点击选择单选按钮并勾选反转蒙版复选框。这将自动创建一个黑色环形状的蒙版。

    无标题图片

    黑色环用作图层蒙版,并将其应用于标志图层

添加凸起文字

  1. 点击内环图层并反转其颜色(颜色反转)。

  2. 将其图层模式设置为纹理提取。清除选择。

  3. 从工具箱中选择文本工具。在工具选项对话框中,选择一个大的粗体字体。本例使用了 Utopia Bold,大小为 310 像素。

  4. 点击画布并输入一个大写字母M。使用对齐工具将文本图层在图像窗口中居中。

  5. 复制文本图层(图层复制图层),然后通过选择颜色反转将其颜色反转成白色。将复制的图层命名为白色轮廓

  6. 选择图层变换偏移,并将偏移 X 和偏移 Y 值设置为-2 像素

    无标题图片

    凸起的字母最初是徽章中心的一个实心黑色 M *。

  7. 再次复制原始文本图层,将复制的图层命名为黑色轮廓

  8. 再次选择图层变换偏移,但将偏移 X 和偏移 Y 值设置为2 像素

  9. 在图层对话框中,将原始文本图层移动到白色轮廓和黑色轮廓图层之间。

  10. 点击白色轮廓图层以使其变为活动状态。

  11. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将5 像素的模糊效果应用于白色轮廓图层。

  12. 将白色轮廓图层的大小设置为与图像大小匹配(图层图层到图像大小)。

  13. 点击原始文本图层,通过选择图层透明度alpha 到选区来创建一个选区。

  14. 再次点击白色轮廓图层以使其变为活动状态。

    无标题图片

    白色字母成为黑色字母的高光,使其看起来像字母是凸起的

  15. 按下 CTRL-X 从白色轮廓图层剪切选区。

  16. 点击黑色轮廓图层以使其变为活动状态,然后从该图层中剪切选区。

  17. 将原始文本图层的模式设置为叠加,并将其不透明度设置为66.7%

  18. 将前景色的 RGB 值设置为172/172/172,以显示这里的红色。

  19. 点击徽章颜色图层蒙版以使其变为活动状态。

  20. 将前景色从工具箱拖动到选区中,然后取消全选(CTRL-SHIFT-A)。

    无标题图片

    通过从模糊和偏移的白色轮廓图层中剪切原始字母来创建一个白色边框

    无标题图片

    偏移的黑色阴影与白色高光一起工作,以完成凸起字母效果

进一步探索

一个曲线与徽章曲线相匹配的字母可能比这个有些普通的M看起来更令人印象深刻。您还可以将路径转换为选区以创建自己的曲线字母。如果您这样做,请记住保存选区,以便在创建白色高光和黑色阴影图层时可以召回它们。

4.6 葡萄酒瓶

到现在为止,你们都已经熟悉了如何使用 GIMP 来操作库存照片。但照片编辑只是故事的一半,就像没有酒的酒杯。要获得完整的故事,你需要酒瓶:使用 GIMP 的矢量工具从头开始创建的图形。

本教程展示了如何仅使用辅助线、网格和路径来绘制。辅助线是直线,允许你精确放置点、选择边界或简单地使用绘图工具进行追踪。路径是图像的矢量组件,可以随时编辑,使用控制点和拖动句柄来改变它们的形状。路径编辑不会立即影响图像窗口;你必须重新绘制路径或将它们转换为选择以在图像中使用。

路径对于绘图来说,就像图层对于照片编辑一样。你在单个路径图层中创建多个路径,然后创建多个路径图层来创建一个绘图。由于路径是可编辑的曲线,而不仅仅是直线,因此它们非常适合绘制漫画或其他类型的卡通。但路径不仅仅是卡通。你将使用它们作为 3-D 形状的基础。

无标题图片

我们已经完成了表面反射。本教程使用该技术结合颜色来模拟通过瓶子的反射。

本教程适用于新用户和有经验的 GIMP 用户,他们尚未涉足从头开始绘制的世界。你需要了解 GIMP 的窗口——工具箱、图像窗口和对话框——尽管我会在需要时提供菜单位置。你应该熟悉创建新图层并命名它们。

你将获得对如何完美对齐设计元素、如何最初不需要用彩色绘制图纸以及如何通过模拟光照实现 3-D 效果等内容的全面理解。

绘制瓶子形状

瓶子轮廓是通过使用路径绘制左半部分,然后复制并翻转以创建右半部分来创建的。辅助线用于精确对齐路径控制点。这部分绘制需要四个垂直和五个水平辅助线。

  1. 从一个新的800 × 600图像窗口(文件新建)开始。配置网格(图像配置网格)为10 × 10 像素的间距和交点(点)的线型。然后启用“吸附到网格”功能(视图吸附到网格)。在编辑曲线时,网格也应可见(视图显示网格)。

  2. 添加一个偏移量为 400 像素的垂直辅助线(图像辅助线新建辅助线...),这是画布宽度的一半。额外的垂直辅助线应定位在 320、340 和 370 像素处。水平辅助线应定位在 40、200、280、520 和 560 像素处。这些位置都是像素偏移。

    无标题图片

    辅助线将对瓶子的轮廓进行对齐,而网格则为你提供了精确放置路径控制点的能力。

  3. 从工具箱中选择 路径 工具。在工具选项对话框中,将编辑模式设置为 设计。在图像窗口中,点击以下引导交叉点(首先列出垂直引导)以放置路径控制点:400/40,370/40,370/200,320/280,320/520,340/560,400/560。这给出了一条直边轮廓,需要将其圆滑。

  4. 在工具选项对话框中,将编辑模式设置为 编辑。点击并拖动控制点在 370/200 网格交叉点的两个网格点向上直行。这是指向此控制点的 进入曲线 的手柄,但您不需要它,所以只需将其移开。再次点击控制点,并向下拖动 退出曲线 的手柄 3 个网格点,并向左 1 个网格点。使用指定的拖动量重复以下网格交叉点的控制点:

    • 320/280: 进入处理向上 4 个网格点

    • 320/520: 出口处理向下 3 个网格点

    • 340/560: 进入处理向上 1 个和向左 2 个网格点

    无标题图片

    手柄按照以下顺序从控制点拖动:第一个手柄是来自前一个控制点的进入控制点的线,第二个手柄是离开控制点的线。您可能需要将第一个手柄拖出路径,才能编辑感兴趣的手柄

  5. 在路径对话框中,点击路径名称将其重命名为 左侧边框。在工具选项对话框中,点击 从路径选择

  6. 在图层对话框中,添加一个透明图层(图层新建图层)并将其命名为 瓶形。在画布中输入 D 以重置前景色,然后使用黑色填充选区。

  7. 复制选区(编辑复制)并将其粘贴(编辑粘贴)为新的图层(图层新建图层)。使用工具箱中的 翻转 工具翻转此复制的图层。使用 移动 工具,在图像窗口中点击并拖动以移动图层,使此图层中瓶子的左侧边缘与瓶形图层中瓶子的右侧边缘对齐。将复制的图层与瓶形图层合并(图层合并向下)。

    无标题图片

    您还可以使用图层▸变换▸偏移指定 X 偏移量为 80 像素来精确放置复制的翻转图层

添加高光

通过添加一些以彩色填充和模糊的形式的照明效果,将瓶子渲染成 3D。高光需要六个选区:两个在瓶子的左侧和喉咙处将作为反射的白色光线,四个在右侧将模拟光线穿过瓶子及其内容。

  1. 创建一个透明图层并命名为 高光-左侧瓶子。将其设置为图层对话框中的顶层。

  2. 从工具箱中选择矩形选择工具。在图像窗口中拖动选择,从 340/280 的指南交叉点开始,拖动到 400/520 的指南交叉点。在工具选项对话框中,更改大小为40 × 240,位置为350 × 280。选择圆角选项,并将半径设置为70%

  3. 用白色填充矩形。移除选择(选择)。应用30 像素的高斯模糊(滤镜模糊高斯模糊),在 X 和 Y 方向上都是30 像素。将此图层的透明度降低到40%

  4. 创建一个名为高光-右侧瓶子的透明图层。将其设置为图层堆栈的顶部。

  5. 创建一个与之前相同的选择,但将位置设置为420 × 280。在工具箱中单击前景色框,并将 RGB 值分别设置为198/31/31。填充选择区域,然后移除它,但不要模糊。将图层透明度设置为40%

  6. 从工具箱中选择椭圆选择工具。从 340/200 的指南交叉点到 400/280 创建一个椭圆形选择。在工具选项对话框中,设置位置为400 × 210

  7. 从工具箱中选择旋转工具。在工具选项对话框中,将变换选项设置为选择。在图像窗口中单击,并在打开的旋转对话框中,将角度设置为-40 度,然后单击旋转按钮以旋转选择区域。

  8. 将选择区域缩小(选择缩小10 像素,并使用5 像素进行羽化(选择羽化)。用与上一个选择相同颜色的颜色填充选择区域,然后移除选择。最后,对图层应用30 像素的高斯模糊。

  9. 添加一个名为高光-喉咙的透明图层。从 320/40 的指南交叉点向下拖动矩形选择到 340/200。在工具选项对话框中,更改选择的大小为20 × 120,位置为380 × 60。将选择圆角化,使用5 像素进行羽化,并用白色填充。移除选择。

  10. 在同一图层上重复此选择,但将位置设置为408 × 60,大小设置为15 × 90。再次羽化并使用之前创建的右侧选择中的红色填充。移除选择。

  11. 最后,通过20 像素模糊整个图层,并将透明度设置为40%

    无标题图片

    白色和红色选择不完全相同,模拟瓶子玻璃形状和厚度的变化。

制作带有金色镶边的白色标签

没有标签的酒瓶会是什么样子?至少是无聊的。这个瓶子的标签将再次使用参考线勾勒,但将使用一些新工具创建:渐变和 Colorize 对话框。标签将用多片金色装饰边缘。这些装饰的技巧将是创建多个不连续的选择,并一次性应用装饰填充和着色。

  1. 创建一个名为 White Label 的透明图层并将其放置在图层堆栈顶部。在 200、480 和 600 像素偏移量处添加垂直参考线。在 340 和 410 处添加水平参考线。从工具箱中选择 Rectangle Select 工具,确保在工具选项对话框中禁用圆角选项,并从 320/280 的参考线交点拖动选择到 480/410。

  2. 通过在画布上输入 D 重置前景和背景颜色。从工具箱中选择 Gradient 工具。在工具选项对话框中,将形状设置为 Bi-linear。将渐变设置为 FG to BG (RGB) 并点击 Reverse 按钮。在图像窗口中,从 370/340 左侧的参考线交点拖动到 200/340 的交点。清除选择。

    无标题图片

    从偏离中心的垂直参考线拖动,可以将标签上的光照移动以匹配之前创建的高光。

  3. 在图层堆栈顶部创建一个名为 Gold Trim 的透明图层。在 415、445、450 和 515 处添加水平参考线。使用 Rectangle Select 工具创建一个从 320/410 交点开始并向右拖动到 480/415 交点的选择。在工具选项对话框中,将模式设置为 Add(从左数第二个图标)。现在创建从 320/445 到 480/450 和 320/515 到 480/520 的选择。这创建了三个独立的选择。

  4. 使用与 White Label 相同设置的 Gradient 工具,从 370 左侧的水平参考线拖动到 200 的参考线。打开 Colorize 对话框(ColorsColorize),将色调设置为 50,饱和度设置为 86,亮度设置为 0 并应用这些设置。最后,通过将输入级别中点值设置为 0.25 应用一个级别调整(ColorsLevels)。清除选择。

    无标题图片

    尝试创建一个更复杂的渐变,包含多个灰度级别,以使金色装饰看起来更精致。

制作蓝色条纹和金色包装

标签上的一条粗蓝色条纹将增加颜色,同样,瓶颈周围的金色包装也会。这些将像白色标签和金色边缘一样制作。

  1. 在图层堆栈顶部开始创建一个名为 Blue Stripe 的透明图层。使用 Rectangular Select 工具创建一个矩形选择区域(在工具选项对话框中设置模式为 Replace),从 320/450 的交点开始,向下并向右拖动到 480/515 的交点。

  2. 从工具箱中选择渐变工具。选择前景到背景(RGB)渐变并确保反转按钮已设置。确保形状设置为双线性。从垂直引导线 370 开始,向左拖动到垂直引导线 200,在任意水平引导线上进行拖动。

  3. 最后,使用着色对话框将标签涂成深蓝色。将色调设置为200,饱和度设置为77,亮度设置为-30。在色阶对话框中调整中点滑块至0.25。清除选择。

  4. 在图层堆栈顶部创建一个名为金包装的透明图层。在 140 处添加一个水平引导线,在 390 和 430 处添加垂直引导线。创建一个选择,从 370/40 的交点开始,拖动到 430/140。使用与蓝色条纹相同的设置创建渐变,但这次从左到右拖动,从垂直引导线 390 到垂直引导线 480。使用着色,将色调、饱和度和亮度分别设置为50860。通过调整此选择上的色阶来完成本教程的这一部分,将黑点设置为175,中点设置为0.15

    无标题图片

    从引导线开始应用渐变可以使包装反射与瓶子颈部的反射对齐。

进一步探索

这就是基本的瓶子。本教程的溅射图像通过添加瓶盖、文本和创意图形到标签上进一步扩展了这一点。瓶盖是通过更多的引导线以及与标签相同的选取和渐变过程创建的。图形是从库存图标书籍和库存照片中裁剪出来的,去饱和后与瓶子和标签混合。所有这些过程都是之前教程中已经学到的技术的扩展。只需尝试一下即可!

4.7 齿轮

使用 GIMP 的工作方式与使用木材的工作方式并不相似。如果你要制作一把椅子,你当然不会只用一块木头制作。你需要切割和塑造部件,然后逐个将它们组合在一起,直到得到最终产品。

复杂的 GIMP 项目也是以同样的方式创建的:通过将组件部分组合成一个统一的整体。你首先通过手工或从库存照片中制作图像片段,然后将它们作为图层组合到最终草稿中。在坐下来或更确切地说,将最终草稿挂在墙上之前,给草稿涂上一层清漆或其他“色彩校正”。也许使用 GIMP 并不完全像木工,但你应该明白了这个意思。

例如,如果你想在 GIMP 中创建一个手工机械时钟,你可能会从一个单独的齿轮开始,就像在本教程中将要创建的那样。这个齿轮可以被复制和重新排列,也可以在全新的项目中重复使用。

这个项目不需要任何外部库存照片或专业图形知识。无论你是 GIMP 大师还是刚开始使用 GIMP,都应该能够跟上。

无标题图片

这样的原始图形是通过简单的旋转和精确尺寸和位置的选择得到的。

制作齿轮 cogs

齿轮边缘的小齿被称为cogs。你将从这个项目开始,围绕一个圆圈创建 32 个均匀分布的 cogs。稍后,你将用金属环连接这些 cogs,然后通过添加深度来使整个齿轮呈现出 3-D 效果。

cog 的制作过程非常简单,我会在你开始之前就解释它。你在一个单独的图层中创建一个正方形画布窗口顶部的单个 cog。然后复制图层并将其旋转 90 度。然后将副本与原始图层合并。重复一次,以在 12、3、6 和 9 点钟位置定位 cogs。然后重复此过程,但将旋转量减半。每次连续重复都将旋转量再减半。现在你可以看到这个过程是如何进行的。

  1. 打开一个新的图像,并将宽度设置为480 像素,高度设置为480 像素。背景色应为白色,以便更容易看到你的操作。选择图像参考线新建参考线(按百分比)。添加一个水平参考线在50%和垂直参考线在50%。然后使用图像参考线新建参考线添加水平参考线在10 像素470 像素。然后添加相同偏移量的垂直参考线。

  2. 创建一个透明图层。将此图层命名为Cogs。从工具箱中选择矩形选择工具。在图像窗口中拖动一个矩形选择到任何位置。此时选择的大小和位置不重要;你将手动更改这些设置。

  3. 在工具选项对话框中,将选择的大小设置为20 像素宽和40 像素高,位置设置为230 像素10 像素。这将把 20 × 40 像素的选择放置在图像窗口的顶部中央。通过在工具选项对话框中点击圆角选项来为齿轮圆角。这将显示一个滑块来设置圆角半径。将滑块完全向右移动,将半径设置为100.0

    无标题图片

    一个正方形的图像窗口将使旋转齿轮图层变得更容易。

  4. 点击工具箱中的前景色框,通过在 HTML 表示框中输入808080将前景色更改为灰色。点击确定,关闭对话框,然后将工具箱中的前景色框拖动到选择上。

  5. 复制选择并将其粘贴到图像窗口中。将浮动选择转换为新的图层(图层转换为新图层)。将图层调整为与图像大小匹配(图层图层到图像大小)。

  6. 将图层旋转 180 度(图层变换旋转 180 度)。注意,如果你没有将图层扩展到与图像大小匹配,旋转将会围绕齿轮的中心进行。相反,由于图层边界已扩展以匹配正方形图像窗口,你已将图层围绕图像窗口的中心旋转。结果是,复制的齿轮现在位于 6 点钟位置。

  7. 将新图层与下面的图层合并(图层向下合并)。新图层将继承原始齿轮图层名称Cogs

    无标题的图像

    第一个齿轮位于 12 点钟位置,并水平对齐在图像窗口的中心。这种对齐将允许你在构建齿轮时精确地定位其余的齿轮。

    无标题的图像

    当合并两个图层时,新的合并图层将始终继承较低级别(如图层对话框所示)的图层名称。

    创建了两个齿轮后,你只需通过复制现有的齿轮图层,旋转复制件适当的角度,然后再次合并两个齿轮图层,就可以简单地制作出其余的齿轮。

  8. 复制齿轮图层。将此图层旋转 90 度(图层变换顺时针旋转 90 度)以添加 3 点钟和 9 点钟位置的齿轮。(对于这一步,你顺时针旋转还是逆时针旋转无关紧要。)将此图层与上一个图层合并。

    无标题的图像

    每次旋转图层时,旋转量是前一次旋转量的一半。

    如果你没有注意到,上一次 90 度的旋转是第一次旋转的一半。这种每次迭代减少旋转量一半的模式将一直持续到你拥有所有想要的齿轮。

  9. 在放置了 4 个齿轮后,你通过复制图层,旋转 90/2 = 45 度,并合并图层来移动到 8 个齿轮。这里的技巧是,你不再有一个简单的菜单选项来选择“旋转 45 度”。相反,你选择图层变换任意旋转。打开的对话框中有一个标记为“角度”的输入字段。与使用滑块相比,直接输入数量(45)并点击旋转按钮更容易。别忘了合并图层。

  10. 剩下两个旋转,它们遵循与上一步相同的流程。对于 16 个齿轮:复制图层,旋转 45/2 = 22.5 度,然后合并图层。对于 32 个齿轮:复制图层,旋转 22.5/2 = 11.25 度,然后合并图层。这就足够为这个齿轮提供足够的齿轮了。

  11. 旋转对最终图层有副作用:其图层边界比图像窗口大。为了修复这个问题,再次选择图层图层到图像大小

    无标题的图像

    在 90 度旋转之后,你需要使用任意旋转对话框来设置旋转角度。最终的 32 个齿轮(左下角)应该均匀地分布在图像周围。

创建外环

你齿轮设计的下一步是连接所有这些齿轮齿。通过创建一个实心圆盘并从中切割出一个内圆盘来创建一个环,在它自己的图层中。然后你可以将环和齿轮齿层合并。首先添加一个透明图层。将此图层命名为外环

  1. 从工具箱中选择椭圆选择工具。使用辅助线创建一个完美的椭圆形,使其正确地与齿轮的外边缘对齐。在图像窗口中,点击顶部和左侧辅助线的左上角交点,然后拖动到底部和右侧辅助线的右下角交点。由此创建的圆形选择完全覆盖了齿轮,因此减小选择区域的大小。齿轮的高度为 40 像素,所以减小选择区域的一半应该就足够了。选择选择缩小并设置大小为20。然后点击确定以缩小选择区域。

    无标题图片

    外环是连接齿轮齿的金属部分。齿轮当然不需要有外环和内圆盘。齿轮也可以是一个完整的金属块。

  2. 前景色应该仍然是你为齿轮使用的颜色,所以继续将其拖入选择区域。现在你想要从这个选择区域中切割出一个圆盘。记住齿轮的高度是 40 像素,所以外环至少需要 20 像素(20 + 我们第一次在选择区域中缩小的 20 像素 = 齿轮的内边缘)。给自己留一点额外的空间,将选择区域缩小25 像素。完成外环的最后一步是从现有的灰色圆盘中切割选择区域。到这一点,你可以将齿轮层与外环层合并。

    无标题图片

    齿轮齿和外环已经完成,但这样的齿轮需要在一个东西上旋转,所以你将在设计中添加一个内圆盘。

    接下来,你将在齿轮中添加一个内圆盘。记住,除了齿轮齿之外,齿轮的形状(内环和装饰)完全是艺术选择。为了磨练你的技能,你可以尝试复制一个真实的齿轮,直到最小的细节。或者,你可以在外环内创建不均匀的圆盘和杆形状。然而,对于你的第一个齿轮,保持简单,使用易于创建和复制的形状。

  3. 你的齿轮的内盘从另一个椭圆选择开始。创建这个选择最简单的方法是选择齿轮图层外环内的透明区域。齿轮图层是活动的,所以首先从工具箱中选择模糊选择工具。在图像窗口内环内的区域中单击。这创建了一个跟随该环内部边缘的选择。添加一个透明图层,在其中创建内盘,并将图层命名为内盘。然而,你想要的盘比这个选择小得多。现在是时候做一点数学计算了。

  4. 记住图像窗口是一个每边 480 像素的正方形。此外,你创建了一个高 40 像素的齿轮,垂直向下放置 10 像素(垂直)。这意味着齿轮的底部边缘距离图像窗口顶部 50 像素。图像窗口的垂直中心在 480/2 = 240 像素处。这意味着当前选择具有半径 240 - 50 = 190 像素(不包括创建外环时添加的 5 像素额外空间)。让我们将其减半到 95 像素,将选择缩小 95 像素,并用灰色填充它。清除选择。

    无标题图片

    像这样的项目,使用方形图像窗口和旋转定位图形元素,通常需要一点数学知识。

连接盘和环

  1. 在合并内盘之前,你将在内盘和外环之间添加一些连接杆。你可以使用与创建原始齿轮类似的技术,手动调整选择的大小和位置以创建第一个杆,然后复制图层并旋转每个副本图层。

  2. 从工具箱中选择矩形选择工具,并在画布上绘制一个初始选择。在工具选项对话框中,将大小设置为20 像素宽和115 像素高,并将位置设置为230 像素45 像素。这将使选择位于外环和内盘之间的中央垂直引导线上。这次你可以禁用圆角选项(点击它以移除勾选标记)。添加一个名为的透明图层,然后从前景色填充选择。

    无标题图片

    连接杆是用与创建齿轮相同的过程创建的,尽管你只需要四个连接杆。

  3. 选择仍然有效,所以像处理原始 cog 一样复制并粘贴它。将浮动的选择(在粘贴时创建)转换为一个新的图层。将图层边界设置为图像大小。现在将粘贴的图层垂直翻转(图层变换垂直翻转)。合并两个杆图层。再次复制合并后的图层。将图层旋转 90 度。再次合并两个杆图层。最后,将杆图层与内盘图层合并,然后将内盘图层与齿轮图层合并。

这就是你的齿轮模板。现在你可以给它添加深度和纹理。

无标题图片

基本齿轮形状足够简单。当你添加纹理和深度时,乐趣就开始了。

添加深度和纹理

  1. 复制齿轮层并将其命名为 齿轮模糊

  2. 水平垂直应用 5 像素 的 RLE 高斯模糊。在图层对话框中关闭模糊图层的可见性。

  3. 选择 齿轮 图层。打开凹凸贴图滤镜(滤镜映射凹凸贴图)。将凹凸贴图选项设置为 齿轮模糊 图层。将方位角设置为 135,仰角设置为 45,深度设置为 30。点击 确定 应用这些设置。这将给齿轮图层一些深度。

    无标题图片

    三维效果很简单。只需模糊一下物品的副本,然后使用模糊版本作为凹凸贴图。

  4. 齿轮 层处于活动状态时,选择整个齿轮(图层透明度alpha 到选择)。创建一个透明图层并将其命名为 噪声。使用 RGB 噪声滤镜(滤镜噪声RGB 噪声)将噪声填充到选择区域。禁用 独立噪声 按钮,并将所有滑块移动到最左侧(将它们的值设置为 0),除了 Alpha 滑块,它应该被移动到最右侧。

  5. 将运动模糊(滤镜模糊运动模糊)应用到噪声图层。将长度设置为 10,角度设置为 45。将此应用到 噪声 图层。将噪声图层与齿轮图层合并。打开着色对话框并选择一个合适的颜色为齿轮。清除选择(选择)。

    无标题图片

    你可以尝试其他类型的纹理,如锈迹或闪亮的金属。这些只是对这里显示的刷金属效果的变体。

进一步探索

你可以用这个教程尝试很多变体。尝试创建正方形齿轮并将它们放得更近一些(提示:你需要创建更多的齿轮)。你可以尝试的其他形状包括锯齿形,或者如果你真的很喜欢冒险,你可以尝试曲线齿轮。你还可以在连接齿轮的方式上发挥创意。与其使用环形和圆盘,你可能会尝试将齿轮连接到一个使用漩涡形状的环形,在这个教程中圆盘和杆子被使用。

对于齿轮设计的想法,尝试在互联网上搜索齿轮、时钟和手表。此外,剪贴画书籍有很多不寻常的形状可以用来替换连接杆和内部圆盘。

4.8 立方城市

如果上一个教程对你项目的需求来说有点过于艺术化,你可以转向库存图像,以获得更易识别的、如果说是二维的城市景观。或者你可以放弃高雅艺术,玩得更有趣一些。也许你需要一点卡通风格的东西。也许你需要的是立方城市。

无标题图片

使用 GIMP 实现卡通建筑是一个简单效果。

在本教程中,您将从简单的 3-D 立方体创建三个建筑,然后稍微弯曲建筑以给设计增添卡通效果。整个图像只需几分钟就可以组合完成——一旦您熟悉了行业技巧。

该过程从生成一个单一的 3-D 立方体开始,该立方体被复制并拉伸以创建三个建筑中的每一个。尽管 GIMP 明显倾向于 2-D 艺术品,但创建立方体比看起来要容易得多。此设计以 250 ppi 创建,以产生 4 × 6 英寸的打印品。如果您想要更大的打印品,您需要创建一个更大的立方体。您可以将原始立方体缩小以制作较小的打印品,但这样做的话,建筑中的窗户将难以看清,因此最好从较小的立方体版本开始制作较小的打印品。

入门

打开一个新的透明画布(文件新建2 × 2 英寸250 ppi。此图像将用于创建主要项目中的 3-D 立方体。为了比较,请注意,如果您计划创建一个 420 × 300 像素的立方体城市,以 72 ppi 开始,您将从一个 60 × 60 像素的图层开始。

创建建筑的立面

  1. 从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到背景(RGB)并将形状设置为线性。其余选项应设置为默认值。

  2. 选择画布后,按D键重置默认的前景和背景颜色,然后从左到右在画布上水平拖动。

  3. 通过设置宽度为0.4 英寸和高度为0.33 英寸创建一个 6 × 5 的网格(图像配置网格)。确保开启网格的可见性(视图显示网格)并启用对齐网格(视图对齐到网格)。如有必要,按 SHIFT-+键放大以更好地查看渐变层。点击确定

    无标题图片

    建筑从渐变和网格开始,有助于勾勒窗户的轮廓。

  4. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新的透明图层。您将立即将其与背景合并,因此不要命名它。

  5. 从工具箱中选择矩形选择工具。使用网格交叉点作为选择的角落,拖动以创建一个方形选择,该选择位于由网格创建的矩形内部,但不覆盖整个网格矩形。选择之间的额外空间是相邻窗户之间的墙壁。

  6. 对这个立方体层内的大多数网格框重复此过程,留出一些空白。渐变右侧的选择在最终图像中会更明显,所以不要留空。在拖动或设置工具选项对话框中的模式为 添加 时按住 SHIFT 键。这将向现有选择中添加新的选择。这些选择不需要都是相同的大小。毕竟,这是一个卡通设计。

  7. 在创建完所有选择后,再次点击 混合 工具使其激活。从右向左拖动层宽度以填充选择。取消全部选择(CTRL-SHIFT-A)。

  8. 打开高斯模糊过滤器(滤镜模糊高斯模糊),将模糊半径设置为 3 像素,然后点击 确定 将模糊应用到窗户上。

  9. 在图层对话框中,将图层模式设置为 硬光 并将此图层与背景图层合并(图层向下合并)。

  10. 隐藏网格(视图显示网格)并禁用对齐到网格(视图对齐到网格)。

    无标题图片

    留出一些空白区域(没有窗户)会给卡通建筑的纹理增添一些变化。

将脸部制作成立方体

  1. 打开地图对象过滤器(滤镜地图地图对象)。从地图下拉菜单中选择 盒子 并勾选 透明背景 复选框。确保也勾选了 启用抗锯齿 复选框。

  2. 方向 选项卡中,将 Y 旋转设置为 45 度。如果预览没有显示你的矩形转换成如这里所示的漂亮立方体,请检查 盒子 选项卡并确保每个侧面的下拉菜单中选对了正确的图层(立方体)。

  3. 盒子 选项卡中,将 Y 滑块设置为 0.75,然后点击 确定 应用地图对象过滤器。

  4. 选择整个画布(选择全部) 并按 CTRL-C 复制立方体。如果你愿意,然后可以关闭此图像以节省内存。

注意

在继续之前,你应该将此图像(文件另存为)保存为 XCF 文件,这样你总是会有源立方体的副本用于未来的立方体城市项目。保存此类项目的子组件是常见的做法,随着时间的推移,这将帮助你建立一个适用于多个项目的组件库。

无标题图片

地图对象过滤器简化了这个项目,因为它将单个建筑面转换成立方体,几乎瞬间就能得到一个建筑。

乘以建筑

  1. 打开一个新的画布,大小为 4 × 6 英寸,分辨率为 250 ppi

  2. 在选择工具箱后,按 D 重置前景和背景颜色,然后将前景颜色拖到画布上以填充画布为黑色。

  3. 通过按 CTRL-V 并选择 转到新层,将复制的立方体粘贴到黑色画布上作为新图层。

  4. 从工具箱中选择缩放工具。点击立方体图层,向上拖动一点以使建筑变高。在缩放信息对话框中点击缩放按钮以应用更改。

  5. 通过选择图层复制两次来复制此图层两次。将三个图层命名为左侧中间右侧

  6. 点击左侧图层使其变为活动状态,然后使用移动工具将其拖动到画布的左侧中心(如有必要,请按住 SHIFT 键)。然后点击右侧图层并将其移动到右侧中心。调整图层,使左侧图层与中间图层重叠,中间图层与右侧图层重叠。

    无标题图片

    从左侧的黑色到右侧的白色渐变,很好地模拟了每座建筑侧面的阴影区域。

  7. 从工具箱中选择透视工具。在图层对话框中,点击左侧图层使其变为活动状态。然后点击画布以显示图层周围的拖动点。将图层左上角和右上角的点向外拖动,使其远离图层中心。在透视变换信息对话框中,点击变换按钮以应用更改。

  8. 右侧中间图层重复此过程。

  9. 当所有三座建筑都完成时,使用移动工具调整图层,使建筑的底部边缘对齐。

    无标题图片

    改变建筑的透视可以使城市景观具有卡通效果。因为每座建筑的透视改变量不同,所以建筑并不完全相同。

添加颜色

建筑应该有不同的颜色,但你不想颜色冲突。

  1. 对于每个图层,打开着色对话框(颜色着色)。

  2. 对于左侧图层,将色调设置为33,饱和度设置为66,亮度设置为-15。对于中间图层,将色调设置为180,饱和度设置为60,亮度设置为-15。对于右侧图层,将色调设置为100,饱和度设置为50,亮度设置为-15

  3. 在此阶段,你可以使用锐化滤镜或USM 锐化滤镜(滤镜增强)来减少在修改透视时引入的任何模糊。

    无标题图片

    使用着色工具是给建筑添加颜色的最简单方法,尽管你也可以使用带有颜色或颗粒合并模式的桶填充工具。

添加高光

  1. 通过选择滤镜光照与阴影阴影,为左侧和中间图层添加阴影。将偏移 X 值设置为15 像素,偏移 Y 值设置为3 像素,并将模糊半径设置为15 像素。点击确定以应用阴影。

  2. 点击前景色框以打开更改前景色对话框。将 RGB 值设置为252/255/0以显示此处所示的黄色,然后点击确定

  3. 点击左侧图层使其变为活动状态,复制图层(图层复制图层),并将新图层命名为左侧黄色椭圆。按 CTRL-A 然后按 CTRL-X 以清除图层内容。

  4. 在图层对话框中,取消勾选如图所示的锁定 Alpha 通道框。

    无标题图片

    添加一个阴影可以使图像的深度更加明显

  5. 从工具箱中选择椭圆选择工具,并使用它来在建筑的左侧创建一个椭圆形选择。

  6. 通过30 像素选择羽化)羽化选择,然后将前景色框拖入选择中,用黄色填充它。

  7. 使用移动工具将选择拖动到建筑的右侧。将前景色框拖入新的选择中。取消选择所有(CTRL-SHIFT-A)。

  8. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并应用60 像素的模糊。

  9. 将图层模式设置为颗粒合并,并将不透明度降低到35%

  10. 复制左侧黄色椭圆图层(图层复制图层)。将复制的图层命名为中间黄色椭圆

  11. 使用移动工具将中间黄色椭圆图层移动到中间建筑上,然后在图层对话框中将中间黄色椭圆图层移动到中间图层之上。对右侧图层重复此过程,将最后一个复制的图层命名为右侧黄色椭圆

  12. 调整黄色椭圆图层的不透明度图层模式,如果需要,调整它们的大小以适应建筑。

    无标题图片

    黄色高光增加了光感,尽管图像中没有路灯。毕竟,这是一个卡通

进一步探索

在 GIMP 中创建 3D 对象非常容易。正如你所看到的,这只是一个使用渐变和阴影与彩色高光混合的问题。

并且很容易将这个项目提升到下一个层次。本节的第一张图像显示了已经添加到城市景观中的人行道和一些街灯。可以从图标集中添加更多元素,粘贴到图像中,并着色。

4.9 水下

我们已经讨论了在广告中设置情绪对于传达你的信息是多么关键。在 4.6 瓶装酒中,你看到了光线如何从瓶子内外反射。

无标题图片

这条广告的威胁信息通过一种模糊、水一样的效果得到了增强

我们可以前往的一个地方来设置一种神秘的氛围是水下。海底氛围是光减弱、视觉扭曲和表面颠倒的复杂混合。然而,在 GIMP 的世界里,水下领域却很容易创建。

在本节中,你将创建一个用于印刷广告的水下图像。产生这种效果并不特别困难,但要得到逼真的效果需要一些耐心和实验。如果你第一次尝试没有成功,请对实体噪声滤镜的设置进行细微调整,然后再次尝试。

开始

  1. 打开一个大小为1024 × 768 像素的新画布。

  2. D键然后按X键以重置并交换默认的前景和背景颜色。在工具箱中,单击前景颜色框以打开更改前景颜色对话框。将 RGB 值设置为23/137/125以显示此处的水绿色,然后单击确定

  3. 从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到背景(RGB),将形状设置为线性,并从重复下拉菜单中选择。从画布窗口的顶部垂直拖动到底部。

  4. 在图层对话框中,暂时关闭背景层的可见性。你将在创建去饱和波浪后再次打开它。

    无标题图片

    最浅的颜色在画布顶部,这样你添加到上方的波浪就会可见。

创建波浪

你将首先使用实体噪声滤镜来生成波浪。在此滤镜中增加细节设置将增加图像某些部分的对比度,并将效果水平拉伸将有助于模拟水而不是云。

  1. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新透明图层。将新图层命名为表面

  2. 打开实体噪声滤镜(滤镜渲染云彩实体噪声)。勾选随机化复选框,将细节设置为5,将 X 大小设置为5,将 Y 大小设置为10。单击确定以应用滤镜。

  3. 重复此过程四次,创建四个新层,并确保在每个层上取消勾选并勾选随机化框,以便新的随机值改变每个渲染的形状。除了原始表面层外,将每个层的模式设置为差异

    无标题图片

    由于在实体噪声滤镜的对话框中勾选了随机化框,你的波浪可能不会完全像这样。你可能发现只需要一个噪声层就足够了,或者你可能需要 10 个噪声层。如果你没有得到你想要的外观,尝试选择不同的随机种子。

  4. 将可见图层合并为单个图层(图像合并可见图层)。将合并图层的模式设置为颗粒合并

  5. 打开背景层的可见性。

  6. 如果需要,调整表面层的亮度和对比度以锐化或软化波浪的波峰和波谷之间的边缘(颜色亮度-对比度)。当鼠标在画布窗口中时,按减号(–)键以缩小视图。

  7. 从工具箱中选择透视工具。点击画布以显示表面层四个角上的拖动点。向上拉动左下角和右下角,使其大约是画布高度的三分之一到一半。

  8. 按照所示,将左上角点向左拖动,将右上角点向右拖动。在透视变换信息对话框中,点击变换按钮将这些建议应用到图层上。

  9. 如果波浪看起来太小或太拥挤,使用缩放工具拉伸图层。完成此操作后,按 SHIFT-+键放大视图。

  10. 在此阶段,你可以使用高斯模糊滤镜(滤镜模糊高斯模糊)应用2 到 5 像素的模糊。你也可以使用波纹滤镜(滤镜扭曲波纹)来添加扭曲。这些步骤都不是必需的——根据自己的判断来获得最佳效果。

  11. 添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  12. 按下D键然后按X键,在画布被选中时重置并交换默认的前景色和背景色。

  13. 从工具箱中选择混合工具。在工具选项对话框中,使用你之前使用的相同设置。垂直拖动,从图层顶部和中间开始,直到接近图层底部。这将使表面层淡入背景,使其看起来像表面正在消失到远处。

  14. 关闭图层边界(视图图层边界),以便更清楚地看到水下效果。这也是保存项目副本以供将来使用的好时机(文件另存为)。

    无标题图片

    使用透视工具拖动超过画布边缘不会对你造成任何损失,除非你保存为 XCF 格式。当你将文件导出为 TIFF、JPEG 或其他图像格式时,多余的部分不会被保存。

    无标题图片

    透视变化改变了表面层的尺寸。但没有蒙版,距离有一个明显的边缘。

添加漫射光

现在是时候添加一个出现在水面之上的光源了。

  1. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个新图层。将图层命名为光源

  2. 再次从工具箱中选择混合工具。将渐变设置为前景到背景(RGB),将形状设置为径向,并从重复下拉菜单中选择。点击画布中间附近的上部,并向下拖动至画布大约一半的位置。

    无标题图片

    选择从白色到黑色的径向形状是创建球体的一种简单方法。在这种情况下,你正在创建一个辐射光源。

  3. 向此图层添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  4. Blend工具仍然激活的状态下,在工具选项对话框中将形状设置为Linear。然后从画布顶部垂直拖动到中间。

  5. 将此层的模式设置为Grain Merge。图层中的黑色会使波浪变暗一些,但白色也会使其中一些波浪变亮——整体呈现出夜间水下场景的效果。

    无标题图片

    图层蒙版可以防止光线超出一定深度。

添加光线

现在你可以真正让这个场景发光了。

  1. 点击Background图层使其变为活动图层。

  2. 从工具箱中选择Rectangle Select工具。通过画布的上半部分拖动以创建一个方形选择。选择应覆盖整个光源。

  3. 复制并粘贴选择的内容,然后选择LayerTo New Layer以将粘贴的选择制作成新图层。将其命名为Light Rays。你不会使用复制的图层内容,但这是一种创建适当大小图层的简单方法。确保图层边界是可见的(ViewLayer Boundary)。

  4. 再次选择Blend工具。这次将渐变设置为Flare Rays Size 1,将形状设置为Bi-linear,并从重复下拉菜单中选择Sawtooth wave。从新图层的中间三分之一处水平从左向右拖动。

    无标题图片

    Flare Rays 渐变与 Crown Molding 渐变类似,不过 Flare Rays 渐变中光暗的垂直色调更接近。

  5. 打开极坐标滤镜(FiltersDistortsPolar Coordinates)。将圆的深度设置为0%,并调整Offset angle,以便原始图层边缘的最明显线条(如果有)位于预览的底部。应勾选To polarMap from top复选框,但Map backwards复选框应保持未勾选。点击OK以应用滤镜。

  6. 从工具箱中选择Scale工具。点击画布以显示图层角落的拖动点。在图层底部附近点击并向下拖动,直到中心拖动点与原始图层的底部对齐,如图所示。将两侧向外拖动,直到达到画布边缘。在此阶段,缩放不需要非常精确。点击中心拖动点并将其向上移动到画布顶部中央附近。在对话框中点击Scale以应用缩放更改。

    无标题图片

    这些放射线的中心点应移动到画布的顶部中央。这确保了线条看起来是从你之前创建的光源辐射出来的。

  7. 添加一个白色图层蒙版(LayerMaskAdd Layer Mask)。然后按D键然后按X键以重置并交换默认的前景色和背景色。

  8. 从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到背景(RGB),将形状设置为径向,并从重复下拉菜单中选择。从画布顶部拖动到中间,将光束与背景混合。

  9. 通过将光束层模式设置为颗粒合并,将此层与背景层混合。

    无标题图片

    将光束层模式设置为颗粒合并,将光区与背景层混合。图层蒙版导致光线随着距离光源的增大而变淡

增强光线

  1. 通过选择图层新建图层并设置图层填充类型为透明来添加一个新透明层。将此新图层命名为日光

  2. 混合工具应仍然处于活动状态。在工具选项对话框中,将渐变更改为前景到透明,但保留其他设置不变。点击画布的顶部中心,向下拖动至画布的四分之一到三分之一处。将图层模式设置为颗粒合并

  3. 如果光源仍然太暗,则复制此层(图层复制)。如果使用这两个层的颗粒合并设置无法产生您想要的效果,尝试将图层模式更改为柔光或叠加。

    无标题图片

    由于图层模式设置为颗粒合并,额外的光源与光束和背景层合并。不要害怕尝试不同的图层模式,以找到最适合您项目效果的模式

进一步探索

通过改变水的颜色或其上方光源的位置,可以实现此效果的多种变化,但真正让您的海洋生动起来的还是您在水面以下添加的内容。如果您愿意,可以通过在光束层上应用高斯模糊滤镜(滤镜模糊高斯模糊)和涟漪滤镜(滤镜扭曲涟漪)来对最终图像进行实验。这两个滤镜都将有助于柔化光束。您甚至可以添加一个文字层,如本节第一张图片所示,或者剪切并粘贴一些海洋生物到场景中,以完成项目。为了特别的效果,寻找包含气泡的库存画笔、图像或字体!

4.10 色彩照明

不论是在肖像工作室还是在 GIMP 中工作,色彩照明效果可以设定氛围。不同的颜色可以唤起不同的感觉——蓝色是凉爽的,红色是温暖的,黄色为晴朗的一天营造舞台,绿色让人想到春天。

色彩照明可以应用于光线指向主体而不是背景。但为了达到最戏剧性的效果,色彩照明应该是环境照明。它应该应用于房间、背景,甚至是主体周围的露天空间。

数字彩色光照效果是通过径向渐变和各种图层模式创建的。最合适的库存图像具有明显的左右两侧。这允许你在两侧模拟光源,而不会重叠。

在这个教程中,你将在不使原始图像褪色的前提下,为工作室人像添加彩色光照。你添加的彩色光照将与模特的原始肤色混合。

无标题的图片

黄色和蓝色色调可以增强模型的肤色、发色和眼色。

入门

  1. 在 GIMP 中打开原始图像文件。在这个例子中,图像非常明亮,添加彩色光照只会使其更亮。

  2. 首先,使用颜色层级对话框来降低亮度。将黑色点移动到大约三分之一的右侧,将灰色点移动到更右侧,然后点击确定应用层级更改。并非所有图像都需要这种调整,对于一些图像,使用曲线或亮度-对比度工具可能会得到更好的效果。

    无标题的图片

    降低层级直方图的中点将使图像变暗,同时保持对比度较高。

添加冷光

你可能想通过添加冷光和暖光来增强这张图片,先从冷光开始。

  1. 通过选择图层新建图层并设置图层填充类型为透明来添加一个新的透明图层。将新图层命名为左侧 - 冷色调

  2. 点击工具箱中的前景色以打开更改前景色对话框。将 RGB 值设置为25/59/225,用于本例中的蓝色,然后点击确定

  3. 从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到透明,形状设置为线性

  4. 我们想在新的图层中添加一个从蓝色到透明的渐变,但渐变应该朝哪个方向流动?想象一条从模特右耳(图像的左侧)开始,沿着模特下巴边缘延伸的直线。从画布的左下角开始,拖动一条穿过并垂直于这条想象中的线的线。这将应用渐变到左侧 - 冷色调图层。

  5. 将图层模式设置为颜色,以将渐变图层中的颜色与原始图层中的颜色混合。

  6. 这种光照只照亮图像的左侧。你需要在右侧添加类似的光照效果。通过选择图层新建图层并设置图层填充类型为透明来添加另一个新的透明图层。将新图层命名为右侧 - 冷色调

  7. 这次,想象一条沿着模特左侧脸颊(图像的右侧)的线。从画布的右下角开始,拖动一条穿过并垂直于这条想象中的线的线。将此图层的模式设置为颜色

  8. 这一侧的色彩应该比另一侧稍暗,因此复制此图层一次(图层复制图层)。

    无标题图片

    在更改图层模式为颜色之前,显示的渐变从画布的左下角延伸到右上角,并与模特的下颌线垂直。

    无标题图片

    另一个渐变从画布的右下角向上延伸到模特的左眼。

添加暖色调照明

现在添加暖色调照明。

  1. 添加另一个新的透明图层,并将其命名为暖色调照明。再次打开更改前景色对话框,并将 RGB 值设置为255/222/3,以显示此处所示的暖黄色。

  2. 在继续之前,Blend 工具应该已经处于活动状态,但您应该在工具选项对话框中将其形状更改为径向

  3. 要应用暖色调照明,点击模特的右侧太阳穴,并向下拖动到她颈部的中间。在更改图层模式之前,显示在较小窗口中的径向渐变应用结果如下。将此图层的模式更改为柔光

  4. 为了进一步增强光线,复制图层一次(图层复制图层)。

    无标题图片

    暖色调应用于模特右侧的额头上方,这样最亮的部分就不会压倒她的眼睛颜色。

添加高光

需要再添加一个高光。使用混合工具来添加它。

  1. 添加另一个新的透明图层,并将其命名为暖色调

  2. 通过在画布中按D键然后按X键将前景色重置为白色。

  3. Blend 工具仍然应该处于活动状态,但如果它没有,请从工具箱中选择它。确保在工具选项对话框中,渐变设置为前景色到透明,形状设置为径向。点击模特右侧眉毛的外侧尖端,并拖动到该眼睛的内角。

  4. 将此图层的模式设置为柔光,以在额头和眉毛区域产生更亮的黄色,就像光线是朝这个方向最强烈地照射过来一样。

    无标题图片

    使用混合工具应用白色径向渐变来增强暖色调的强度。

软化图像

为了添加最后的修饰,软化模特的脸部。

  1. 复制原始图层(图层复制图层)。

  2. 打开高斯模糊滤镜(滤镜模糊高斯模糊)。应用大约8 像素的模糊。如果您对结果不满意,按 CTRL-Z 撤销,然后尝试使用不同的模糊半径值再次尝试。模糊使模特的脸部变柔和,但她的眼睛、嘴巴和部分头发应该保持清晰。

  3. 添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  4. 通过在画布中按D键将前景色重置为黑色。

  5. 从工具箱中选择喷枪工具。选择一个软边刷,并用它用黑色在蒙版上绘画。在眼睛、嘴巴和头发上绘画,直到这三个部分都更加清晰,但周围的面部特征保持模糊。

    无标题图片

    高斯模糊滤镜用于复制图层以柔化模特的脸部。还使用图层蒙版,以便原始图层中的细节可以通过模糊图层显示出来。

进一步探索

光线在像这样的图像中设定了氛围。尝试使用不同颜色的光照图层,看看你是否能创造出传达困惑或愤怒情绪的图像,尽管模特的面部表情可能不是这样的。

4.11 iPod

由于我节俭的本性,我很少给自己买奢侈品。幸运的是,我有一个了不起的女儿,她决定我需要一件真正漂亮的礼物:一个 iPod Nano。

iPod 现在是流行文化的王者。这个头衔在很大程度上归功于简单而有效的广告活动,广告中描绘了轮廓鲜明的跳舞潮人,他们手持高对比度的 iPod,耳机线跳动。对于 GIMP 用户来说,所有这些有趣的地方在于设计的纯粹简单。iPod 广告作品只需要适度的 GIMP 专业知识,只要你(你早就知道了)从好的库存图像开始。

在这个教程中,我将展示如何将你的跳舞傻瓜变成 iPodicize 广告中的“nerdvana”。这个教程你需要的是一点直接的选择和图层经验。

无标题图片

在这个项目中,轮廓中不失细节的库存图像是一个重要的起点。

入门

在 BigStockPhoto.com 或 iStockphoto.com 等网站上找到充满活力的音乐爱好者的照片没问题。这个流派很受欢迎,照片很多。iPod 广告中的舞者都有一个共同点:他们的手和脚在轮廓中通常是可以辨认的。在网上搜索图像存档时要记住这一点。在这个项目中寻找库存图像时,另一个重要的特征是单色背景,最好是白色。

  1. 从工具箱中选择模糊选择工具,点击白色背景以创建初始选择。对于这张图片,点击应靠近下手的阴影处。按住 SHIFT 键进行额外的点击以扩展选择。使用快速蒙版清理背景选择,并通过选择扩展将选择扩大1 像素

    无标题图片

    这个项目不需要精确的选择,但轮廓将受益于手部、夹克臂末端的白色空间、运动鞋和袖带周围的调整。

  2. 创建的选择是背景,因此将其反转(选择反转)以创建舞者的选择。

  3. 复制(CTRL-C)并将选择内容粘贴到新图层(图层新建图层)。将图层命名为轮廓

  4. 为新图层启用锁定透明度选项,然后使用黑色填充图层。

  5. 记住,最好不要修改原始图像,以便以后如果需要可以再次使用,因此添加一个新的白色图层并将其移动到轮廓图层下方。

    无标题的图片

    在轮廓图层下方添加一个名为白色背景的图层,可以移除原始图像中的阴影。稍后我们将重新添加阴影,但这次将更符合 iPod 广告的风格。

舞者轮廓需要一点清理。注意在原始图片中围巾和夹克从身体上脱落的位置。在轮廓中,这些不是有用的特征。

  1. 使用自由选择工具拖动选择大部分这些区域,然后切换到快速蒙版模式,使用硬边刷详细选择区域。

  2. 切换回选择模式并剪切选择。不要用白色填充选择!轮廓位于一个单独的图层上,周围有透明度。在这里的编辑应该用透明度替换轮廓的所选部分。

    无标题的图片

    通常使用软边刷将边缘与背景融合,但 iPod 风格使用硬边且不融合的边缘

添加 iPod

创建轮廓很简单,实际上创建 iPod 也很简单。由于设备上没有太多细节,它可以在单独的图像窗口中创建,然后复制到舞者窗口中,并调整大小和旋转以适应。调整大小和旋转将模糊设备的细节,但由于它非常小且缺乏细节,这不会对项目造成问题。

  1. 将轮廓图像暂时移开,但不要关闭它。打开一个新的图像窗口(文件新建),宽度为380,高度为420。对于这个任务,背景颜色不重要。现在,在图层对话框中关闭背景图层的可见性。

  2. 将透明图层(图层新建图层)添加到图像窗口。从工具箱中选择矩形选择工具。在工具选项对话框中,启用圆角选项,然后将半径设置为20

  3. 在图像窗口中拖动以创建具有圆角的选区。确切的尺寸不重要,尽管宽度应该小于高度。通过在画布窗口中键入D重置前景色和背景色,然后将工具箱中的背景色(白色)拖动到选区中。

  4. 此时选择仍然处于编辑模式,这意味着可以使用选择手柄来调整选择的大小。将选择的四个边向内拖动,形成一个位于原始白色填充矩形上半部分的更小的矩形。

    无标题图片

    如果选择不再处于编辑模式但仍然处于活动状态,请点击选择内部以返回编辑模式。

  5. 在工具箱中单击前景色框,将颜色更改为中等灰色,RGB 设置为160。关闭对话框,将前景色从工具箱拖动到图像窗口选择中。这样就创建了 iPod 显示屏窗口。记住,这种风格非常简单,因此不需要添加额外的细节,例如在显示屏周围添加深度。即使添加了深度,在 iPod 在舞者的图像中缩放和旋转后也不会被看到。

  6. 使用椭圆选择工具在显示屏下方拖动一个圆形选择。即使不是圆形,选择也应跨越显示屏的宽度。将选择拖动到定位在 iPod 外壳下半部分的中心。再次使用前景色填充选择。清除选择(选择)。从工具箱中使用缩放工具挤压 iPod,直到旋钮呈圆形。

    无标题图片

    iPod 是在单个图层上创建的(在黑色背景上显示以显示缩放量),因此将其挤压成圆形旋钮是一个简单的操作,只需凭目测即可完成。

将 iPod 放入口袋

  1. 复制iPod图层并将其粘贴到轮廓图像中。使用缩放工具缩小粘贴的图层以适应,然后旋转它以与一个假想的裤子口袋对齐。在缩放时按住 CTRL 键以保持设备的宽高比。使用旋转工具旋转 iPod,然后使用移动工具将其定位在裤子口袋附近。

  2. 在 iPod 图层上添加一个白色图层蒙版。使用画笔工具和硬边笔将 iPod 底部的部分区域涂黑,只留下一点旋钮可见。这模拟了 iPod 放在口袋里的效果(尽管不会像这个人跳舞那样久)。

    无标题图片

    口袋的位置由艺术家决定。其他选项包括将 iPod 固定在手臂上或放入衬衫口袋中。

绘制耳机

  1. 添加一个透明图层并将其命名为“耳机”。在绘制路径之前,选择一个用于绘制导线的画笔。如果按比例调整得当,硬边画笔,如书法画笔,适用于此大小图像。所选画笔将用于描边路径。选择画笔工具,并在工具选项对话框中启用基本动态。此外,在工具箱中将前景色设置为白色,在图像窗口中输入D后跟X

  2. 从工具箱中选择路径工具,并在舞者左侧耳朵附近(或耳朵应该所在的位置)单击。在画布上拖动到导线应该与 iPod 相交的位置。单击你刚才创建的线条以调整导线的形状。

    无标题图片

    导线可能比这个项目中其他任何部分都需要更多的微调,因为它们和 iPod 是最容易识别的特征。

  3. 在路径对话框底部单击描边路径按钮。这将打开描边路径对话框。选择使用画笔描边,这将利用之前选择的画笔。为了增加效果,单击启用画笔动态选项。这会导致画笔在路径两端淡入淡出。最后,单击描边按钮以沿路径应用画笔描边。为从右侧耳朵发出的导线并连接到胸部的第一根导线重复此过程。

放置最终阴影

此设计的最后一个主要组件是在舞者下方的阴影。与轮廓一样,iPod 广告中的阴影边缘很硬。实际上,这使得创建阴影相当容易。

  1. 在“图层”对话框中,复制“轮廓”图层并将其副本重命名为“阴影”。将此图层移动到“轮廓”图层下方在“图层”对话框中。从工具箱中选择透视工具,并在画布上单击以显示拖动句柄。将左上角句柄直接向下拖动,将右上角句柄向下并向左拖动,然后按回车键接受更改。

    无标题图片

    在应用透视后,阴影图层可能需要稍微移动一下,以便与舞者的手对齐。

  2. 在阴影图层上添加一个白色图层蒙版。在画布上输入D以将前景色重置为黑色。从工具箱中选择渐变工具,并在工具选项对话框中确保渐变反转按钮设置为从白色渐变到黑色。从舞者的手拖动到阴影图层右上角附近以应用阴影的渐隐效果。最后,将阴影图层的透明度降低到80%

进一步探索

当你点击图像窗口时,透视工具将打开一个对话框,但这个对话框对大多数用户来说价值不大。它显示一个变换矩阵,如果你对数学感兴趣,这很酷,但对于这种设计工作帮助不大。忽略对话框,只需在图像窗口中拖动手柄。然后按回车键接受更改。

此外,拖动手柄不受图像可视尺寸的限制。在图像窗口中缩小视图,将手柄拖到画布的可见边缘之外。这将允许透视层流向图像边缘甚至更远。当然,超出画布可见边缘的内容不会包含在最终图像中,但这是一种设计选择。

在这个项目中,阴影没有流向图像边界,但也没有理由不能这样做。实际上,调整阴影为设计提供了非常具体的感觉,因为它让观看者知道光线是从哪个方向照射过来的。

你可以通过在白色背景上添加颜色来为这个效果添加一点色彩。最终,iPod 风格的简洁性使得它既容易识别,对于 GIMP 用户来说,也容易复制。

广告和特效的技巧

在应用 GIMP 工具和技术进行网页和印刷广告设计时,请记住以下建议。

创建 3-D 效果

光线和阴影是 3-D 效果的关键组成部分。如果你想给你的作品增加一个额外的维度,首先确定光线的方向。然后使用 GIMP 工具增加面向光线的表面的光线,并减少可能处于阴影中的表面的光线。

添加纹理

没有任何表面是完全无纹理的,即使是玻璃。木纹、刷过的金属和划痕都可以通过使用噪声滤镜与运动模糊滤镜的组合来创建。

使用层模式

层模式可以用来合并白色反射与纹理。尝试使用叠加模式来加深图像,或者使用柔光和颗粒合并模式来加亮和混合。

使用渐变进行反射

一个盒子中的渐变看起来并不起眼。但是,将渐变应用于圆形或矩形等形状内部,可以看起来像反射。玩转混合工具的渐变——其中许多可以产生反射效果。

简单地浮雕

浮雕滤镜(滤镜▸扭曲▸浮雕)和凹凸贴图滤镜(滤镜▸贴图▸凹凸贴图)都工作得相当好,但是文本浮雕效果非常容易实现,你不妨手动操作。只需复制、偏移、模糊和剪切。为了使事情更加简单,模糊和剪切步骤是可选的。

消除锯齿

GIMP 在执行旋转或剪切等变换后不再留下许多“锯齿”,但如果您发现任何,可以应用轻微的模糊到图层边缘以清除这些锯齿。缩小视图以查看图层边缘超出画布区域的部分。在正面和侧面图像交汇处的包装边缘的几个锯齿可能并不是那么糟糕——它们可以提供对比度,显示在常见颜色混合处的实际边缘。模糊锯齿边缘可能会给您带来更好的对比度。

不要担心水平对齐

在创建包装项目的正面和侧面图像时,不要在应用透视变换之前尝试对齐水平元素。对任何一侧应用透视变化很可能会扭曲那些水平元素,使它们变得不对齐。相反,避免添加或使用需要在包装的正面和侧面对齐的水平线条。

注意画布大小

较大的画布占用更多内存。设置为打印在法律纸张大小的纯白画布仅静置就占用 20 到 30MB。然而,用于网络的图像通常是在 98 ppi 下创建的,这大大减少了项目的文件大小。

第五章. 字体效果

无标题图片

第一章介绍了在 GIMP 中使用文本的一些基础知识。在第五章中,你将看到如何利用光照、阴影、颜色、纹理、形状和透视来充分利用字体。

GIMP 并非设计为字体编辑器;它是一个图形设计工具。但你在 GIMP 中可以做的文本处理远比字体编辑器有趣。GIMP 为你提供了改变字体显示环境的能力。无论你使用哪种可用的字体,你都可以改变文本字符串的深度、颜色和纹理。这以更有意义的方式拓宽了你的图形设计可能性。

GIMP 的文本工具

工具箱中有一个用于处理文本的单个工具:文本工具。当你选择此工具时,GIMP 会打开工具选项对话框,在其中你可以选择字体和大小,并调整其他文本格式,如颜色和对齐方式。文本可以直接在画布窗口中输入,以进行短语的所见即所得编辑,或者你可以使用文本编辑器对话框来处理更大的文本块。在任一窗口中输入的文本将立即出现在当前图层中,并采用文本工具的当前设置。

无标题图片

文本工具的工具选项对话框(左)和可选的文本编辑器对话框。短短语可以直接在画布中输入。较长的文本块更容易加载到文本编辑器中。

你将在第五章中的所有教程中使用文本工具、其工具选项对话框和文本编辑器,但文本本身只是起点。每次你处理文本时,你的目标都是传达特定的信息,而你选择的词语只是第一步。像 GIMP 这样的图像编辑器真的允许你在位图效果中发挥文本的创造力。

无标题图片

文本在输入时直接渲染到图层中。

预定义文本效果

GIMP 提供了一系列预定义的文本效果,从粉笔到铬色到霜冻到纹理。如果你需要达到某种效果但没有时间尝试,这些预定义效果就是你的选择。所有预定义效果都可以通过选择任何画布菜单中的文件▸创建▸标志来访问。点击此菜单中的任何选项将打开一个对话框,你可以选择字体和颜色,并设置各种其他选项。然而,事实是,这些现成工具有其局限性,在接下来的教程中你不会依赖它们。要实现真正独特的效果,你需要自己动手。

无标题图片

通过访问文件▸创建▸标志菜单来创建现成的标志。

无标题图片

所有文本标志滤镜,如这里显示的铬滤镜,允许你调整一些设置,但结果通常相当可预测

创建您自己的文字效果

现在是时候在创建自己的效果(如阴影和侵蚀)的同时探索 GIMP 的文本工具了。以下教程将教会你如何将普通的字符转换成令人惊叹的图形信息。

5.1 铬和金属文字

金属效果通常应用于文本,但你也可以在用户界面设计中利用这些通用纹理。金属效果是通过曲线对话框创建的。调整渐变或平滑纹理的曲线会导致色调的逐渐变化变得更加明显,并产生闪亮的金属外观。本套教程将向您展示如何创建三种不同的金属效果。

无标题图片

高对比度,通过曲线对话框生成,给这些示例带来了金属的外观

刷过金属

刷过金属效果是两个基本过程的产物。首先,你应用运动模糊滤镜,这使得表面看起来像是覆盖着微小的划痕。将噪声应用于图层会给原本平坦的图像添加纹理。然后,你在曲线对话框中调整图像的灰度色调。对于具有非线性变化的图像(即层中灰色随机分布的图像),调整值曲线会加速从黑色到白色的变化,并模仿反射金属。最终效果通过将字母拉伸到三维空间得到增强。

无标题图片

字母 S 被制作成看起来像刷过金属的效果

创建文本

首先使用默认的 640 × 400 模板打开一个新的画布。白色背景是不错的选择,或者如果你选择的话,也可以尝试其他颜色。关闭背景层的可见性。

  1. 从工具箱中选择 文本 工具。在工具选项对话框中,选择合适的字体。在这个例子中,我使用了名为 Gilde Broad Thin 的字体,大小为 500 像素。在这个大小下,字体足够粗,可以清楚地显示刷过金属的纹理;在字符较细的字体中,细微的效果可能会丢失。在工具选项对话框中将文字颜色设置为 白色

  2. 点击画布图层并输入字母 S

  3. 使用 对齐 工具对齐文本层。在工具选项对话框中,将相对选项设置为 图像 并点击图层。然后点击菜单下方仅有的 居中对齐垂直居中对齐 按钮。

  4. 将文本层与画布大小匹配(图层图层到图像大小)。

    无标题图片

    使用对齐工具将文本放置在画布的中心位置

使用凹凸贴图滤镜拉伸文本

  1. 复制文本图层(图层复制图层)。将此图层命名为模糊

  2. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊设置为10 像素应用于复制的图层。

  3. 在图层对话框中点击原始文本图层以使其处于活动状态。

  4. 打开凹凸贴图滤镜(滤镜映射凹凸贴图)。从映射类型下拉菜单中选择正弦波,然后从凹凸贴图下拉菜单中选择模糊图层。将方位角设置为132 度,将仰角设置为30 度,将深度设置为7。点击确定应用滤镜。

    正弦波映射产生了一个更真实的三维效果,其边缘比线性选项和球形选项产生的边缘更不圆润。方位角滑块设置光照方向在 360 度内。仰角滑块改变边缘的圆润度,深度滑块设置阴影侧面的柔和度。为了充分利用这个教程,我选择了强调深度的值。

    无标题图片

    使用轻微的模糊和凹凸贴图滤镜将字母 S 拉伸到三维空间

  5. 打开曲线对话框(颜色曲线),调整值通道的曲线以尽可能接近这里显示的曲线。实际的设置将根据图层中灰度色调的变化而变化。点击确定。这将是你看到的第一个看起来有点金属质感的可见变化。

  6. 再次打开高斯模糊滤镜(滤镜模糊高斯模糊)并应用10 像素的模糊。这稍微柔和了阴影边缘,使侧面看起来更加圆润,而不会模糊到透明区域。

  7. 复制原始图层(图层复制图层)。在复制的图层处于活动状态时,通过选择图层透明度alpha 到选择来选择文本。

  8. D键重置默认的前景色和背景颜色。

  9. 从工具箱中选择混合工具。在工具选项对话框中,将模式设置为颗粒合并,将渐变设置为前景到透明。从画布的左上角拖动到右下角。然后从画布底部拖动到顶部。

  10. 在图层对话框中,将模式设置为柔光

  11. 按下 CTRL-SHIFT-A 来取消选择所有内容。

    无标题图片

    混合增强了三维效果。这不是实现刷金属外观所必需的,但它为你提供了一个有趣的标志

添加金属质感

  1. 合并渐变图层和原始的 S 图层(图层合并向下)。

  2. 打开颜色曲线,调整值通道的曲线以尽可能接近这里显示的曲线。实际的设置将根据图层中灰度色调的变化而变化。点击确定。这将是你看到的第一个看起来有点金属质感的可见变化。

  3. 复制图层(图层复制图层)。

  4. 通过选择图层透明度alpha 到选择来选择此复制的图层中的字母。

  5. 使用RGB 噪声滤镜填充选择区域以产生噪声(滤镜噪声RGB 噪声)。取消选择相关噪声独立 RGB复选框。将所有三个颜色通道滑块设置为0.44,并将 Alpha 滑块设置为0。点击确定应用此滤镜。对这一层进行去饱和处理(颜色去饱和)。

    RGB 噪声滤镜在选择的区域填充随机点——在这种情况下,点是有色的,并且必须去饱和。将颜色通道滑块设置为 0.44 会增加噪声。(更高的值意味着更多的噪声,而较低的值意味着较少的噪声。)在这里不使用 Alpha 通道。

  6. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并应用2 像素的模糊。

  7. 仍然选择文本,使用运动模糊滤镜进一步模糊图层(滤镜模糊运动模糊)。将角度设置为45 度,并将长度设置为20 像素

    无标题图片

    给文本添加噪声,并使用曲线对话框增加暗部和亮部噪声的分离。

  8. 最后一步是添加给金属带来闪亮外观的蓝色色调。添加一个新图层(图层新建图层)。将其命名为Tint

  9. 点击前景色框以启动更改前景色对话框,并将 RGB 值设置为16/59/130。点击确定关闭对话框。将前景色拖动到新图层中的选择区域以填充该颜色。(步骤 4 中选择的字母应该仍然被选中。)

    无标题图片

    添加蓝色色调完成效果

  10. 取消选择所有内容(CTRL-SHIFT-A),然后将图层模式设置为柔光,并将不透明度降低到52%。

  11. 在图层对话框中设置下一层的模式为Grain Extract,并将其不透明度设置为60%。使用高斯模糊滤镜将2 像素的模糊应用到原始文本层。就这样!只需这几步就能产生你在这里看到的结果。

  12. 再次打开背景层的可见性。然后添加一个阴影以更好地看到效果。

重金属

重金属效果与刷金属效果类似,但它使用纯色噪声滤镜产生云状纹理,并依赖于更戏剧性的曲线调整以达到光滑、反光的外观。

无标题图片

重金属看起来比刷金属更光滑

创建文本

如前一个教程所述,首先使用默认的 640 × 400 模板打开一个新的画布。

  1. 通过在图层对话框中关闭其可见性来隐藏背景层。

  2. D键重置默认的前景色和背景色,然后按X键交换它们。

  3. 从工具箱中选择文本工具并选择合适的字体。将文本颜色更改为白色。对于这个教程,我选择了 GraverplateExtrabold Thin,这是一种使用大写字母表示小写字母的字体(称为小写字母大写)。这种字体的宽表面使重金属效果更容易看到。我将字体大小设置为 182 像素,并减少了字母间距,直到ET紧挨在一起。

    注意

    在尝试达到这种效果时,始终选择一个坚实的字体(而不是轮廓字体)并且字符较粗。如果你想使用特定的字体但字符看起来太细,该字体的粗体版本可能有效。

  4. 在画布上单击并输入金属

  5. 使用对齐工具将文本层在画布中居中。

  6. 调整文本层的大小以匹配图像大小(图层图层到图像大小)。

    无标题图片

    使用粗体字体会使最终效果更容易看到。

添加深度

  1. 清除任何选择(CTRL-SHIFT-A)。

  2. 正如你在刷金属效果中所做的那样,你现在将拉伸文本。请注意,在这个教程中,拉伸不是可选的。沿着文本边缘创建的深度会在重金属效果中产生反射变化。首先,复制文本层(图层复制图层)。将复制的层命名为模糊

  3. 使用高斯模糊滤镜将10 像素的模糊应用于复制层。

  4. 单击原始文本层使其变为活动层。

  5. 打开凹凸贴图滤镜(滤镜映射凹凸贴图)。将凹凸贴图选项设置为模糊层。将映射类型设置为线性并勾选补偿变暗复选框。将方位角设置为130 度,仰角设置为30 度,深度设置为7。单击确定将此滤镜应用于图层。

    无标题图片

    “凹凸贴图”滤镜使原始文本看起来具有三维效果。

  6. 在此阶段,您可以删除复制的层。通过在图层对话框中关闭其可见性来隐藏模糊层。

  7. 复制原始文本层。将新层命名为

  8. 通过选择图层透明度alpha 到选择选择文本。

  9. 使用从滤镜渲染云彩纯色噪声渲染的云填充选择区域,如 1.10 基本教程中所述。将随机种子设置为0。将 X 大小设置为10,Y 大小设置为2

  10. 随机种子值用于改变云的形状,所以请随意尝试不同的值进行实验。当设置为 0 时,这里使用的随机种子值,你应该会得到与我相同的云结构。然而,因为云仅在选择区域内渲染,所以你实际上看不到它。你只会看到选择区域内的各种灰色阴影。

  11. 在选择仍然激活的状态下,打开Motion Blur filterFiltersBlurMotion Blur)。将角度滑块设置为95 degrees,长度滑块设置为20,然后应用滤镜到图层。取消选择所有(CTRL-SHIFT-A)。运动模糊滤镜将云变成更像是光线的反射。

  12. 将此层的模式设置为Grain Merge以提亮云层并使其看起来像高反射金属。

  13. 将此层与最初应用 Bump Map 滤镜的层合并(LayerMerge Down)。

    无标题图片

    使用Solid Noise filter在文本上渲染云,然后应用Motion Blur filter

添加金属光泽

通过增加明暗区域的对比度可以进一步提高此效果。

  1. 打开曲线对话框(ColorsCurves)并应用如图所示的曲线。这为你提供了基本的金属效果,但你还可以进一步增强它。

  2. 添加阴影(FiltersLight and ShadowDrop Shadow)。将偏移 X 和偏移 Y 值设置为–2 pixels以将阴影向上和向左移动,并将模糊半径设置为10 pixels。将此应用到图像上。

  3. 也许文本的边缘太柔和,需要更鲜明的视觉效果。你可以通过灰色轮廓描边来锐化文本边缘,以获得鲜明的视觉效果。通过选择LayerTransparencyAlpha to Selection选择此层中的文本。将选择扩大2 pixelsSelectGrow)。

  4. 通过选择LayerNew Layer添加一个新透明层,并将图层填充类型设置为Transparency。将新图层命名为Outline

    无标题图片

    曲线调整可以突出金属外观,而阴影则会让效果在页面上更加突出。

  5. 在工具箱中点击前景色图标,并在更改前景色对话框的 HTML 表示字段中输入a4a4a4来设置前景色为灰色。点击OK并关闭对话框。

  6. 打开描边选择对话框(EditStroke Selection)并将线宽设置为2 pixels。点击Stroke按钮来描边选择。

  7. 取消选择所有(CTRL-SHIFT-A)。

  8. 将轮廓层的模式更改为Multiply

  9. 像铬这样的闪亮金属有蓝色调,因此你应该添加这种色调以增加真实感。添加一个新图层(LayerNew Layer)命名为Color,并用蓝色填充它,设置 RGB 值为16/59/130。将工具箱中的前景色拖动到画布上。

  10. 将此蓝色层的模式设置为Soft Light并将不透明度降低到53 percent。打开背景层的可见性以查看劳动成果。

    无标题图片

    用灰色勾勒原始文本的轮廓,并使用柔光模式混合颜色,使文本看起来更有立体感。

液体金属

使用曲线对话框在重金属教程中对金属效果进行了重大改进。但你可以从这里去哪里——你还能用金属文本做什么?将这个过程再进一步:向图像中添加非文本组件。

无标题图片

在这里,你模拟液体金属。当然,GIMP 提供热量。

创建文本

  1. 选择工具箱后,按 D 键重置,然后交换默认的前景色和背景色。然后以默认大小打开一个新的画布窗口。关闭背景图层可见性。

  2. 从工具箱中选择 文本 工具。选择一个粗大的字体——我使用了 220 像素的 Arial Black 字体。正如在重金属教程中一样,粗体字体使得效果更容易看到。在这种情况下,你还需要一个带有小写字母和像 ij 这样的字母上的点的字体。这些元素将增强熔化效果。一旦选择了合适的字体,将字体颜色设置为白色。

  3. 点击画布并输入单词 液体。完成输入后,点击 确定 关闭文本编辑器。

  4. 使用 对齐 工具将文本层居中。

  5. 将图层边界扩展到图像大小(图层图层到图像大小)。

    无标题图片

    粗体字体对于这个效果至关重要。对于细体字体,金属的反射性质更难区分。

液化字母

  1. 使用 自由选择 工具在第一个字母下方绘制一个圆形选择。按住 SHIFT 键在文本下方绘制更多选择。使用 SHIFT 键(或在工具选项对话框中的添加模式)允许你将新选择添加到现有选择中,即使新选择在物理上没有接触到现有选择。确保选择重叠在每个字母的部分。

  2. 画了几次选择后,通过 1 像素选择扩大)来增长它们,以软化手绘选择的边缘。

  3. 通过从工具箱中将前景色框拖动到图像中,用白色填充选择区域。

  4. 取消所有选择(CTRL-SHIFT-A)。

    无标题图片

    将手绘选择添加到文本层并填充为白色。

  5. 打开 波浪 滤镜(滤镜扭曲波浪)。将振幅设置为 6,相位设置为 107,波长设置为 29。点击 确定 应用此滤镜。

    下面的文本和 Blob 将以波浪形式扭曲——效果将取决于你为这个教程选择的字体。如果你选择了不同的字体,你可能需要尝试波浪滤镜的不同设置。

  6. 将此图层命名为 Blob 并复制它(图层复制图层)。

  7. 打开高斯模糊滤镜(滤镜模糊高斯)并应用10 像素的模糊。将这个模糊层命名为模糊。点击 Blob 层使其再次变为活动状态。

    无标题图片

    在这个教程中,波浪滤镜真正做了工作。模糊层为你设置了舞台,以便使用凹凸图滤镜添加深度。

添加深度和光泽

  1. 打开凹凸图滤镜(滤镜映射凹凸图)并使用模糊层将滤镜应用于 Blob 层。将映射类型设置为线性,并勾选补偿变暗复选框。将方位角设置为130 度,仰角设置为30 度,深度设置为7。点击确定应用此滤镜。

  2. 关闭模糊层的可见性。

  3. 复制 Blob 层(图层复制图层)。在这个副本层中选择凹凸图的选区,方法是选择图层透明度Alpha 到选区

  4. 用纯噪声填充副本层(滤镜渲染云彩纯噪声)。

  5. 打开运动模糊滤镜(滤镜模糊运动模糊)。将长度设置为20,角度设置为95 度。点击确定应用此滤镜。

  6. 将副本层的模式设置为颗粒合并,然后将其与原始 Blob 层合并(图层合并向下)。

    无标题图片

    正如在重金属教程中,使用噪声和模糊来模拟反射。

  7. 取消全部选择(CTRL-SHIFT-A)。

  8. 打开曲线对话框,并按图所示调整曲线。

  9. 添加一个新图层(图层新建图层),像之前一样用蓝色填充,并将新图层的模式设置为柔光

    无标题图片

    添加一个颜色层,使其看起来像物体在金属表面上反射。

进一步探索

通过更仔细地控制文本的扭曲,这个最终版本可以改进。例如,你可以使用 IWarp 滤镜而不是波浪滤镜来做这件事。还可以添加额外的颜色。尝试添加红色和黄色的图层,并使用纯噪声图层蒙版,使其看起来像字母很热——金属是液体的原因肯定是有一些的,对吧?

5.2 果冻类型

这里展示的果冻效果不过是柔和的阴影、光滑的表面和白色的反射。想象一下玻璃管中的水看起来是什么样子,你就明白了。果冻效果在网页设计中特别受欢迎,但你也会在许多不同的环境中看到它们。Mac OS X 用户界面采用了苹果公司称之为Aqua的风格,该风格使用蓝色调的果冻效果。

无标题图片

看起来像果冻,不是吗?

本教程中描述的过程可以应用于文本、边框和按钮——几乎任何表面。根据您为曲线对话框、光照效果滤镜和 Bump Map 滤镜设置的参数,您得到的结果可能与我的不同。您应该从这一过程中吸取的是如何使用 Bump Map、光照效果和图层模式。

创建文本

通过在图像窗口中按D键重置前景色和背景色。然后使用默认大小(640 × 400 像素)的画布开始。

  1. 点击前景色框以打开更改前景色对话框并选择一种漂亮的蓝色。我已将 RGB 值设置为 0/51/222 以获得这种色调。

  2. 从工具箱中选择文本工具。在工具选项对话框中,选择一种衬线字体。本教程使用 Bookplate Thin,字体大小设置为 280 像素。衬线字体在这里效果最好,因为它们的字符容易在后续过程中被圆滑处理。点击画布并输入Gel

  3. 使用对齐工具将新图层在画布中居中。

  4. 选择图层图层到图像大小以将文本图层扩展到图像边界。

    无标题图片

    使用文本工具时,您还可以通过在工具选项对话框中点击颜色块来更改文本颜色。

文本表面的圆滑处理

  1. 通过选择图层透明度alpha 到选择来围绕文本创建选择区域。

  2. 将选择缩小2 个像素选择缩小)并使用2 个像素进行羽化(选择羽化)。

    无标题图片

    创建文本的选择,然后缩小并羽化。在此选择快速蒙版视图中的字母的暗边显示,选择区域小于字母。

  3. 点击前景色框以打开更改前景色对话框,并将 RGB 值设置为31/82/255以获得略亮的蓝色。

  4. 通过选择图层新建图层或点击图层对话框中的新建图层按钮来创建一个新图层。将新图层命名为Bump Map

  5. 在图层对话框中点击Bump Map图层使其变为活动状态,然后通过从工具箱拖动到选择区域来使用前景色填充选择区域。

  6. 取消所有选择(选择)。

  7. 复制图层(图层复制图层)。将复制的图层命名为Blur

  8. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊应用于10 像素的 Blur 图层。

  9. 点击Bump Map图层使其变为活动状态。

  10. 打开 Bump Map 滤镜(滤镜映射Bump Map)。将方位角设置为105 度,仰角设置为5.75 度,深度设置为10。将映射类型设置为线性,勾选补偿变暗复选框,并从 Bump Map 下拉菜单中选择Blur图层。点击确定将滤镜应用于 Bump Map 图层。

    无标题图片

    复制图层的模糊边缘被用作 Bump Map 滤镜的输入以模拟深度。使用 Bump Map 滤镜添加深度。

  11. 将 Bump Map 图层的模式设置为添加

  12. 您需要调整 Bump Map 图层的颜色,以便使文字看起来更像凝胶状。打开曲线对话框(颜色曲线)并设置曲线如图所示。当模糊图层的可见性关闭时,您可以看到 Bump Map 图层变得更亮。

    无标题图片

    调整 Bump Map 图层的曲线对话框使文字呈现出凝胶状外观,但请确保在图层对话框中关闭模糊图层的可见性以查看更改。

注意

我们不会在项目后期再次使用模糊图层,所以现在关闭其可见性,以便更容易看到您其余的工作。

添加照明效果

现在您将对 Bump Map 图层应用另一个滤镜。

  1. 打开照明效果滤镜(滤镜光与阴影照明效果)。在选项选项卡中,点击并拖动蓝色点到预览窗口的左上角。蓝色点代表您的光源。调整蓝色点的位置,使凝胶文字突出显示到您满意的程度。这有点棘手!如果您丢失了这个点,请禁用此光源(通过在光选项卡中将类型更改为无,然后从光设置菜单中选择不同的光源)并创建一个新的光源。

    无标题图片

    在预览中定位光源可能很困难。不要害怕点击取消并再次尝试。

  2. 选项卡中,从下拉菜单中选择方向。您的蓝色点现在与表示光源方向的线条相关联。您选择的强度设置对整体效果有很大影响,就像您在曲线对话框中进行的更改一样。我将强度设置为 1.15。如果您对凝胶效果不满意,请通过调整此值或添加额外的光源进行实验。点击确定应用照明效果滤镜。

    无标题图片

    在所有照明效果滤镜的设置中,强度设置的影响最大。

  3. 应用照明效果滤镜后,将 Bump Map 图层偏移–2/–2 像素图层变换偏移)。

  4. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将该图层应用5 像素的模糊。

    无标题图片

    柔和的模糊使边缘平滑,使文字看起来更像真实的凝胶状。

调亮文字并添加阴影

要突出凝胶的曲面,你可以增加文本的对比度并添加背景阴影。如果你关闭了模糊层的可见性,请将其重新打开以继续此项目。

  1. 确保在图层对话框中模糊层是激活的。通过选择图层复制图层(默认情况下,副本层将被命名为 Blur copy)来复制此层。

  2. 将模糊副本层偏移2/2 像素图层变换偏移)。

  3. 点击原始的模糊层使其变为活动状态,然后将其偏移–2/–2 像素图层变换偏移)。

  4. 将模糊层的混合模式设置为添加,并将模糊副本层的混合模式设置为屏幕

    无标题图片

    重新访问模糊层,并使用它进一步淡化凝胶颜色。

  5. 点击凝胶文本层使其变为活动状态。添加一个偏移量为4 像素、模糊度为6 像素的阴影(滤镜光与阴影阴影)。

    无标题图片

    现在文本如此之淡,它融入了白色背景。添加阴影有助于效果突出。

进一步探索

创建凝胶效果的基本过程无论修改哪种表面都是相同的。为了增加多样性,尝试使用不同的凝胶颜色,或者使用波浪或 IWarp 滤镜添加扭曲。

5.3 受损文本

在室内设计中,受损效果用于给家具赋予陈旧和风化的外观。在图形设计中,它起到类似的作用——它给干净利落的物体,如文本,增加了视觉兴趣。虽然可以围绕这种效果设计完整的字体集,但预制效果总是限制艺术家的设计选择。如果你的文本中的每个 F 都看起来完全相同,那么添加个人风格就变得困难了。

无标题图片

受损文本示例

创建文本

  1. 在工具箱中选择,按D键将前景色设置为黑色。

  2. 打开一个设置为默认大小(640 × 400 像素)的白色画布。

  3. 点击文本工具使其变为活动状态,然后在工具选项对话框中选择合适的字体。本例使用 SoutaneBlack Thin,其粗体字符使受损效果更容易看到,字体大小设置为 80 像素。

  4. 在画布上单击并输入 BRoKEN SPARRoWS,字母 o 使用小写,只是为了增加一点活力。按ENTER键在单词之间添加换行符,然后在单词 SPARRoWS 前插入几个空格。

  5. 使用对齐工具将文本居中对齐在画布上。

  6. 选择图层图层到图像大小将文本层扩展到图像边界。

  7. 通过选择图层新建图层添加一个透明的新图层。将其命名为 Distressed 并将图层填充类型设置为透明

    无标题图像

    如果您从粗体字体开始,破损文本效果更容易看到。

创建破损图层

下一个部分是最难的。您将添加一系列不同宽度的垂直线条,用作破损效果的基线。这里的难点在于将线条随机放置在字母上。

  1. 打开图像网格(视图显示网格)并将 GIMP 设置为吸附到网格(视图吸附到网格)。您将使用网格来使绘制完美垂直(因此平行)的线条更容易。

  2. 从工具箱中选择 铅笔 工具,并在工具选项对话框中选择 圆形 笔刷,大小设置为 1.00。绘制一条从画布顶部延伸到底部的单线。为此,在画布顶部靠近网格点处点击,按住 SHIFT 键,然后在画布底部相同垂直线上靠近原始点的网格点处点击。这将绘制一条宽度为 1 像素的直线。

    无标题图像

    借助图像网格和网格吸附选项,您可以轻松地绘制直线。

    注意

    您也可以通过按 CTRL-SHIFT 来绘制没有网格的直线。这种方法将使线条的角度以 15 度的增量进行约束。

  3. 隐藏图像网格(视图显示网格)并关闭网格吸附(视图吸附到网格)。在此阶段,您可能还想关闭文本层的可见性,但这不是必需的。

  4. 从工具箱中选择 模糊选择 工具,并使用它来点击您刚刚用铅笔工具绘制的线条。您可能需要放大线条以便更容易点击。

  5. 选中线条后,按 CTRL-C 复制它,按 CTRL-SHIFT-A 取消选择所有内容,然后按 CTRL-V 将重复的线条粘贴为浮动选择。

  6. 使用 移动 工具将重复的线条向右或向左移动,然后点击浮动选择之外的区域以将其锚定到原始图层。这样做几次,将线条随机放置在画布的宽度上。完成时,您应该有一个包含许多线条的图层。复制此图层(图层复制图层)。

  7. 在偏移 X 字段中输入 1 像素 来偏移重复图层(图层变换偏移)。

  8. 通过选择 图层向下合并 将活动图层与下面的图层合并。这实际上将线条的宽度在单个图层中加倍。您也可以从一开始就使用宽度为 2 像素的画笔,但了解如何通过复制和偏移图层来增强效果是一项有用的技能。

    无标题图像

    这些随机放置的线条将被用来遮盖原始文本的部分。

  9. 破损图层处于活动状态时,再次选择铅笔工具,在工具选项对话框中将画笔大小设置为3.00,重复上述过程,这次绘制较粗的线条,覆盖你已定位的线条。避免均匀间隔这些较粗的线条,并确保它们在这里和那里与文本相交。别忘了使用网格绘制第一条线!

    无标题图片

    使几条线比其他线粗一些,可以使图案更具随机性,但确保线条与文本相交,否则你将无法在最终效果中看到差异

  10. 打开Hurl滤镜(滤镜杂色Hurl)。将随机种子设置为150,随机化设置为10%,重复设置为1 次。Hurl 滤镜在当前图层中散布点,必要时覆盖像素。随机化值指定了图层中应填充多少点。较高的重复值表示滤镜应重复应用,从而增加应用的总点数。点击确定将 Hurl 滤镜应用于破损图层。

  11. 打开拾取滤镜(滤镜杂色拾取)。将随机种子设置为10,随机化设置为20%,重复设置为3 次。点击确定将此滤镜应用于破损图层。拾取滤镜与 Hurl 滤镜类似,但它以稍微不同的方式选择像素及其颜色。在这种情况下,使用拾取滤镜使点分布更加随机,并在图案中引入一些较大的点。应用 Hurl 和拾取滤镜后,你将得到一组破损线条。

    无标题图片

    使用 Hurl 和拾取滤镜创建随机噪声,使线条看起来破损

破损效果应用于文本

现在是时候将破损线条与文本混合了。

  1. 破损图层中反转颜色(颜色反转)。

  2. Hurl 和拾取滤镜在破损图层中散布彩色点,但你追求的是黑白效果,所以继续去饱和度图层(颜色去饱和度)。确保重新打开文本图层的可见性。将图层模式更改为叠加

  3. 使用移动工具将图层定位到所需的位置以获得最佳效果。

    无标题图片

    因为背景是白色的,所以当线条不与文本相交时,白色线条就会消失。如果你的背景是另一种颜色,复制破损图层,将其粘贴到你在文本图层上创建的图层蒙版中(图层蒙版添加图层蒙版),然后关闭破损图层的可见性

进一步探索

有许多其他方法可以使用破损图层来增强原始文本。尝试将其用作文本图层的图层蒙版或用作位于文本之上的彩色或纹理图层的图层蒙版。你还可以使用凹凸贴图滤镜来挤压破损文本,产生类似侵蚀的效果。

5.4 霜冻

标准的 GIMP 安装提供了几个特殊滤镜,包括闪光滤镜(滤镜光与阴影闪光),它将图像中的白色颗粒拉伸成光束。你可以使用闪光滤镜来产生霜冻、雪和冰柱效果,但结果并不总是理想的,因为光束相当均匀。本教程探讨了实现霜冻效果的其他方法。

无标题图片

享受这个酷炫的教程吧

在这个教程中,你将使用拾取和滑动滤镜来随机化选择区域的边缘,然后应用滤镜来生成冰柱。你已经在 5.3 破损文本中使用了拾取滤镜,所以你应该熟悉它是如何工作的。滑动滤镜是一个相当标准的噪声滤镜;它通过用附近像素的颜色替换随机选择的像素的颜色来工作。

这里的教训是,你很少能找到一个能完全满足你所需效果的单一滤镜。你必须学会组合使用滤镜,并且按照正确的顺序使用。

创建背景和文本

打开一个新的白色画布,设置为默认大小(640 × 400 像素)。

  1. 从工具箱中选择混合工具。在工具选项对话框中,点击重置按钮,然后从渐变菜单中选择地平线 2。这个渐变将背景填充成类似地平线的样子。从画布窗口的顶部向下拖动,直到底部。当你拖动超过画布窗口时,你实际上是在拉伸渐变。结果是模拟的地平线接近画布的底部边缘。地平线的位置并不重要,因为你只是使用这个蓝色背景来增加设计的霜冻感。

    无标题图片

    *使用工具选项对话框中的渐变菜单选择地平线 2渐变。

  2. 复制背景图层(图层复制图层)。你将很快将复制的背景图层与浮雕文字图层合并。

  3. 选择文本工具。将字体颜色设置为黑色并选择粗体字体。我选择了 SoutaneBlack Thin,设置为 100 像素。点击画布并输入北极

  4. 使用对齐工具将文本居中于画布上。

  5. 通过选择图层透明度alpha 到选择来创建文本的选择。将选择保存到通道(选择保存到通道)。点击通道名称并将其更改为轮廓

  6. 取消全选(CTRL-SHIFT-A)。

    无标题图片

    将文本轮廓保存到通道中。

将文本向前移动

  1. 在图层对话框中点击文本层,通过选择图层向下合并将其与副本背景层合并。点击图层名称,将其更改为文本层

    无标题图片

    将文本层与背景层的副本合并,为浮雕效果做准备。

  2. 将文本层的模式设置为颗粒合并。一旦文本被浮雕处理,颗粒合并模式将允许文本边缘与原始背景层融合。

  3. 现在你可以对文本层进行浮雕效果处理(滤镜扭曲浮雕)。使用浮雕功能,然后将方位角设置为313 度,仰角设置为39 度,深度设置为19。根据你使用的字体,你可能需要更改这些设置,但如果你使用粗体字体,类似的设置应该对你很适用。点击确定应用此滤镜。

  4. 在通道对话框中右键点击保存的轮廓通道,并选择通道到选择。记住这个过程;你很快将需要重新创建这个选择。

  5. 将选择区域扩展2 像素选择扩展)。

  6. 将选择区域羽化1.6 像素选择羽化),然后反转它(选择反转)。这将选择除了字母之外的所有内容。

  7. 在图层对话框中点击文本层使其变为活动状态。从文本层剪切此选择(CTRL-X)。这将留下带有彩色背景的浮雕文本。

    无标题图片

    浮雕滤镜有两个功能选项:凹凸贴图和浮雕。对于本教程,请使用浮雕选项。注意,文本的最内部区域呈现出背景层的外观。

    无标题图片

    通过移除文本层的周围部分,由于文本层的颗粒合并模式,你将得到更深的背景和更亮的文本。

  8. 当前选择仍然会显示,但你应该替换它。再次检索轮廓通道的选择。将此选择扩展2 像素选择扩展),并将其保存到另一个通道。将此通道命名为描边

  9. 将前景色设置为白色。在新创建的描边通道中,使用3 像素的线宽(编辑描边选择)描边选择区域,然后取消选择所有内容(CTRL-SHIFT-A)。暂时打开此通道的可见性,以便在接下来的几个步骤中查看操作。

    无标题图片

    这种技术与之前教程中使用的技术不同。在这里,描边操作是在通道中而不是在图层中进行的。

  10. 打开“拾取”滤镜(滤镜噪声拾取)。将随机种子设置为10,随机化滑块设置为30%,重复滑块设置为2 次。点击确定将这组设置应用到描边通道。在通道中而不是在图层中工作,可以让你轻松创建一个可以稍后转换为选择并填充为白色的形状。并非所有滤镜都在通道中工作。幸运的是,噪声滤镜是一个例外,效果非常好。

    无标题图片

    使用“拾取”滤镜为保存的选择通道添加噪声。

  11. 打开“涂抹”滤镜(滤镜噪声涂抹)。将随机种子设置为100,随机化滑块设置为30%,重复滑块设置为3 次。点击确定将这组设置应用到描边通道。

  12. “拾取”和“涂抹”滤镜向图层或选择区域添加一些随机扰动。噪声滤镜可能在通道顶部产生伪影。如果发生这种情况,在通道顶部创建一个选择区域并将其填充为黑色。

添加雪

  1. 在“图层”对话框中,添加一个透明图层并将其命名为

  2. 描边通道作为选择区域检索(从“通道”对话框)。

  3. 使用矩形选择工具将选择区域裁剪到最高字母高度的一半。在工具选项对话框中,将模式设置为减去。裁剪选择区域的下半部分后,按回车键接受对选择区域的变化。

    无标题图片

    使用矩形选择工具裁剪描边选择。

  4. 从当前选择中减去轮廓通道。为此,在“通道”对话框中选择轮廓通道,然后按住 CTRL 键,点击该对话框底部的通道到选择按钮。

  5. 通过3 像素对结果选择区域进行羽化(选择羽化)。

  6. 在“图层”对话框中点击图层,然后填充选择区域为白色。

  7. 取消所有选择(CTRL-SHIFT-A)。

    无标题图片

    从裁剪的描边选择中减去轮廓通道,留下一个位于文本顶部的选择区域。当这个选择区域被填充为白色时,它变成了字母顶部的落雪。

创建下落雪

你在你的文本上堆了一个可爱的雪堆,但你还可以做更多来增强这个设计的冰冻感。

  1. 将图像顺时针旋转 90 度(图像变换顺时针旋转 90 度)。

  2. 按 CTRL-J 将窗口调整到图像大小。

  3. 打开滤镜(滤镜扭曲)。将样式设置为爆炸以获得更粗的条纹,将方向设置为以指示风的方向,将边缘影响设置为前导以指示条纹应随风从冲击点流动。将阈值滑块设置为20,强度滑块设置为5。点击确定将此滤镜应用到雪层。

  4. 重新应用滤镜,这次将样式设置为,方向设置为,边缘影响设置为前导。将阈值滑块设置为20,强度滑块设置为20。第二次应用会添加更多条纹,但会软化整体效果。

    无标题图片

    旋转图片并应用风滤镜可以将雪堆变成下落的雪花和冰柱。

  5. 为了添加最后的修饰,首先将图片逆时针旋转 90 度(图像变换旋转 90 度逆时针)。

  6. 再次调整画布大小以适应窗口。

  7. 再次打开“Slur”滤镜(滤镜噪声Slur)。将随机种子设置为100,随机化滑块设置为20%,重复滑块设置为2 次。点击确定将此滤镜应用到雪层。这将向雪条中添加冰粒子。

  8. 将雪层的模式设置为颗粒合并

  9. 复制雪层(图层复制图层),然后将复制图层的模式设置为叠加

  10. 如果还没有关闭,请关闭“描边通道”的可见性。

    无标题图片

    当复制雪层与原始雪层结合时,整体雪量会增加。将图层模式设置为叠加。

进一步探索

在这个教程中,你为文本应用了霜冻效果,但这种效果几乎可以应用到任何表面,无论是直的还是弯曲的。你甚至可以将其应用到照片上。使用相同的技巧处理房屋屋顶线的照片,你可以在一天之内将场景从夏天变成冬天!

5.5 霓虹灯牌

在数字艺术家的技巧包中最有趣的效果之一是发光的霓虹灯牌。这是 GIMP 用户最早可以使用的技巧之一,至今仍然是掌握起来最容易的。霓虹是一种气体,当通电时会发出红橙色的光。真正的霓虹灯是通过填充发出紫外线的气体(通常是氩气)来发光,以产生不同颜色的光。管内壁涂有荧光物质,当暴露于这些气体产生的紫外线时,荧光物质会发光。

无标题图片

现在是时候对主题本身进行一些解释了——霓虹灯。

虽然科学可以解释真实霓虹灯的工作原理,但使用 GIMP 生成的彩色光来模拟发光霓虹灯需要一点魔法。有许多方法可以执行这种魔法,但大多数方法都涉及使用浮雕滤镜将普通线条转换为 3D 管道,并且所有方法都使用一定程度的模糊。

尝试内置霓虹效果

在深入研究之前,看看 GIMP 内置的标志生成器。文件▸创建▸标志菜单提供了一系列现成的标志设计。这里展示了自动生成简单霓虹效果的标志滤镜,尽管如你所见,其默认设置产生的效果并不像你将要尝试的效果那样有趣。虽然这些现成的标志适合小型项目,但如果你自己构建效果,你可以创建一个更有深度和特色的图像。

无标题图片

霓虹标志效果适合小型、快速的项目。

创建背景

首先创建一个背景,霓虹灯光将在默认大小的白色画布(640 × 400 像素)上闪耀。

  1. 打开“图案”对话框(对话框图案),找到砖块图案,然后将该图案拖动到画布上。这将用所选图案填充画布。

  2. 将此图层去饱和(颜色去饱和)。

  3. 点击前景色框以启动“更改前景色”对话框,并将 RGB 值设置为244/0/0以显示此处所示的深红色。点击确定关闭对话框。

    无标题图片

    为 Joe 的酒吧设定氛围:外墙由砖块构成。

  4. 从工具箱中选择桶填充工具。在工具选项对话框中,将模式设置为柔光并将受影响区域设置为填充整个选择

  5. 在画布内部点击以将砖块染成红色。

准备霓虹灯管

现在你可以开始处理标志本身了。

  1. 从工具箱中选择文本工具,然后选择适合你项目的字体。本例使用 SoutaneBlack Thin,大小为 110 像素,字母间距设置为 5.0。这种粗体字体效果很好,尤其是在你还在学习如何掌握这项技术时,但霓虹灯可以有多种形状,所以请随意实验。

  2. 文本颜色应设置为当前前景色,但如果不是,请将 RGB 值设置为244/0/0以匹配背景中的红色。

  3. 点击画布并输入Joe’s Bar。使用对齐工具将文本定位在画布中心。

  4. 扩展文本图层边界以匹配图像大小(图层图层到图像大小)。这允许你添加原本会被原始图层边界裁剪掉的内容。

    无标题图片

    在定位文本后,别忘了通过选择“图层”▸“图层到图像大小”来调整图层大小。

  5. 通过选择图层透明度alpha 到选择来创建文本轮廓的选择。将此选择保存到通道(选择保存到通道),然后双击通道名称并将其更改为轮廓。你稍后会再次使用此通道。

  6. 通过选择扩大将选择扩大3 像素

  7. 创建一个新的图层(图层新建图层)并将其命名为描边。返回图层对话框以查看新图层。

  8. 通过选择编辑描边选择并将线宽设置为5 像素来描边选择。

  9. 删除原始文本图层然后取消选择所有内容(CTRL-SHIFT-A)。你现在有了创建霓虹管的轮廓。

    无标题图片

    描边轮廓可能难以看清。添加一个临时的白色图层可能会有所帮助。此外,尝试使用更宽的描边,但请注意:在创建描边选择之前,你可能需要调整文本的字母间距!

  10. 复制描边图层并将副本图层命名为浮雕

  11. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将此图层模糊6 像素

  12. 打开浮雕滤镜(滤镜扭曲浮雕)。将功能设置为浮雕,将方位角滑块设置为43,将仰角滑块设置为30,将深度滑块设置为43。这些设置使浮雕图层具有切割外观。点击确定将此滤镜应用于图层。

  13. 在图层对话框中选择图层堆叠降低图层一次,将浮雕图层降低。

  14. 将浮雕图层的模式设置为叠加

  15. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将原始描边图层模糊6 像素。将模式设置为颗粒合并

    无标题图片

    将浮雕图层移至原始文本下方。将图层模式设置为叠加会将此图层添加到背景图层并使浮雕区域变亮。

  16. 将此图层添加阴影效果(滤镜光与阴影阴影)。通过设置偏移 X 和偏移 Y 值为8 像素来偏移阴影。将模糊半径设置为6 像素,将不透明度滑块设置为100%,并取消选中允许调整大小复选框。如果你选择选中允许调整大小复选框,它将调整画布大小并在边缘放置透明区域。这不是本教程所期望的。应用此阴影效果。

  17. 描边图层应该仍然处于活动状态,如果不是,请点击图层对话框中的描边图层使其再次变为活动状态。

  18. 添加第二个阴影。这次,将偏移 X 和偏移 Y 值设置为9 像素,模糊半径设置为15 像素,并将不透明度滑块设置为100%。同样,取消选中允许调整大小复选框。应用这些阴影效果会使霓虹管高于背景墙。

  19. 浮雕图层移动到投影图层之上但描边图层之下。

    无标题图片

    在投影滤镜中,正的偏移 X 值表示向右移动,正的偏移 Y 值表示向下移动。注意,两个投影都是应用在浮雕图层之上的。

添加发光效果

  1. 通过选择图层新建图层并设置图层填充类型为透明度来添加一个透明图层。将新图层命名为发光

  2. 通过在通道对话框中点击该通道然后点击通道到选区按钮来从通道对话框中检索轮廓通道选择。

  3. 通过选择扩大扩大选择25 像素。注意,扩大选择会使边缘圆润。

  4. 通过15 像素选择羽化)羽化选择。

  5. 在图层对话框中点击发光图层使其变为活动状态。将工具箱中的前景色拖入选择中,用该颜色填充选择,然后取消选择所有内容(CTRL-SHIFT-A)。

  6. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并将模糊度设置为20 像素应用于模糊图层。通过按两次 CTRL-F 应用相同的模糊两次。模糊的程度由你决定。如果你想使发光效果更加柔和,可以多应用几次模糊。

    无标题图片

    霓虹发光效果最初是一个边缘柔和、颜色填充的选择。

  7. 在图层对话框中,将发光图层降低到仅高于背景图层。

  8. 将发光图层的模式设置为屏幕

    无标题图片

    如果你喜欢,可以对发光图层应用多次模糊。

添加玻璃边缘反射

  1. 添加一个新图层(图层新建图层)。将其移动到图层对话框中的顶部并命名为高光

  2. 再次检索轮廓通道选择。通过选择扩大扩大这个选择2 像素

  3. 将前景色设置为白色,然后在图层对话框中点击高光图层使其再次变为活动状态。

  4. 通过选择编辑描边并设置线宽为4 像素来描边选择,然后取消选择所有内容(CTRL-SHIFT-A)。

  5. 通过选择图层变换偏移来偏移这个图层,并将偏移 X 和偏移 Y 值设置为-2 像素

  6. 打开高斯模糊滤镜(滤镜模糊高斯模糊)并应用2 像素的模糊。

  7. 在图层对话框中,将高光图层移动到最低投影图层之下。

  8. 将高光图层的模式设置为硬光

    这最后一步真正让霓虹灯管看起来逼真。通过添加光,使灯管看起来更加圆润。

    无标题图片

    当白色描边图层的混合模式设置为硬光时,它会拾取颜色。

进一步探索

这种技术有成千上万的变化,适用于文本和图形设计。尝试使用剪贴画而不是文本。使用模糊选择工具选择剪贴画的不连续部分。结果将是你的剪贴画的霓虹轮廓!

5.6 喷漆

在 1.2 图层和模式中,你学习了使用图层模式的基本知识,它提供了一种独特的方式将一个图层与另一个图层合并。虽然模式可用于所有 GIMP 绘图工具,但基于工具的模式直接在图层内混合并实际更改图层像素。如果你制作了一系列的笔触,例如,并且想要稍后回溯,这可能会成为一个问题。如果你在首选项对话框中没有指定足够的撤销级别,你可能无法撤销其中的一些笔触。

无标题图片

这不是你常见的涂鸦,但效果很容易实现。

另一方面,图层模式不会改变任何底层像素。混合仅在合成期间进行,这意味着它发生在 GIMP 将所有图层组合以在画布上生成显示时。这种混合是非破坏性的,并为实验提供了更大的灵活性。

喷漆效果利用图层模式将绘制的图层与纹理图层混合。在上一个教程中,您使用了图层模式将霓虹灯投射的光与后面的砖墙合并。同样的过程也适用于喷漆纹理表面。首先创建表面,然后在第一层之上添加喷漆图层,最后使用图层模式将两者混合在一起。

创建背景

就像上一个教程中做的那样开始,创建一个砖墙。打开一个新的画布窗口,使用默认大小。从图案对话框中点击并拖动砖块图案到画布上。在画布区域输入DX以设置前景色为白色。

添加文本轮廓

  1. 从工具箱中选择文本工具,并在工具选项对话框中选择字体和字体大小。本例使用 XBAND Rough 字体大小为 210 像素。

  2. 点击画布并输入Kilroy。使用对齐工具将文本居中对齐画布。

  3. 创建文本的选择(图层透明度Alpha to Selection)并将该选择保存到通道(选择保存到通道)。

  4. 双击通道名称在通道对话框中,并将其更改为Outline

  5. 取消选择所有内容(选择)。

    无标题图片

    文本颜色目前不重要。你只需要在这个阶段有一个轮廓。

将文本转换为喷漆

  1. 返回图层对话框并删除文本图层。

  2. 通过选择图层新建图层并将图层填充类型设置为透明度来添加一个新的透明图层。将新图层命名为Paint

  3. 从通道对话框中检索轮廓通道选择区域,然后通过选择增长将选择区域扩大2 像素,并通过选择羽化将其羽化10 像素。这些步骤将软化选择区域的边缘,增强喷漆效果。

  4. 点击图层对话框中的油漆图层以使其再次变为活动图层。

  5. 从画布菜单中选择Windows可停靠对话框画笔以打开画笔对话框,然后选择圆形画笔。

    无标题图片

    通过快速蒙版显示的文本选择区域增长和羽化,以指示其软边缘

  6. 从工具箱中选择喷枪工具。在工具选项对话框中,将大小设置为20

  7. 点击工具箱中的前景色框以打开更改前景色对话框,在 HTML 字段中输入黄色,按回车键,然后关闭对话框。

  8. 用快速、不均匀的笔触在选区内部上色,但不要完全填充选区。如果文字看起来还不是喷漆的效果,不用担心。取消所有选择(选择)。

  9. 从工具箱中选择旋转工具,并使用它将油漆图层旋转-20 度

  10. 打开 IWarp 滤镜(滤镜扭曲IWarp)。将变形半径设置为40 像素,然后通过字母拖动鼠标以轻微扭曲它。这一步使喷漆看起来更加随机。

    无标题图片

    选择区域充当你画笔笔触的边界区域

    无标题图片

    旋转和扭曲文字可以使其看起来更像是喷上去的

  11. 复制油漆图层(图层复制图层)。将原始油漆图层的模式设置为颜色,然后将副本图层的模式设置为颗粒混合。这些图层模式允许砖块的阴影和裂缝透过你的喷漆显示出来。

    无标题图片

    更改图层模式会将文字与其下方的墙面混合在一起

  12. 再次复制原始油漆图层(图层复制),并将此图层命名为滴落

  13. 你将重复使用在 5.4 冰霜中创建霜冻冰锥的技术,这次用来创建油漆滴。首先将滴落图层顺时针旋转 90 度(图层变换旋转 90 度顺时针)。

  14. 打开风滤镜(滤镜扭曲)。将样式设置为爆炸,方向设置为,受影响的边缘设置为两者。然后设置阈值到3,强度到20。点击确定将此滤镜应用到滴落图层。

  15. 将滴落图层逆时针旋转 90 度(图层变换旋转 90 度逆时针)。

  16. 将滴落层的模式设置为屏幕。为了增强滴落效果,可以复制滴落层一次或多次。

    无标题图片

    旋转的滴落层被风力过滤器击中

进一步探索

你能从这个教程中学到什么?你已经了解到像风力过滤器这样的简单工具可以服务于广泛的用途,并帮助你实现令人惊讶的多种效果。你已经使用风力过滤器创建了霜冻的冰柱和滴落的油漆。你接下来会创造什么?

字体效果技巧

广告、网页设计和许多其他类型的项目涉及将文本与图像结合。当你开始在 GIMP 项目中处理字体时,请考虑这一点。

使对齐更简单

在这些教程中,你是否发现自己反复创建文本层,然后将其居中对齐到另一个层上?使用对齐工具可以使这个过程变得轻松。请记住,在画布上点击一个层,在工具选项对话框中设置相对位置选项,然后点击适当的对齐按钮。

寻找好字体

一个好的字体可以将你的信息传达得更远。但是,有好字体,也有不那么好的字体。虽然免费字体通常足以用于家庭、教堂、俱乐部和学校项目,但它们可能不会提供与知名字库创建的字体相同的质量或功能。高质量的字体包括适当的字距调整、连字符、完整的字符集、多种字体粗细、甚至小写字母和旧式数字,所有这些都可以为你的字体设计增添更多的影响力。如果你试图将其用于印刷,你将需要支付一些高质量字体的费用。一些商业字库包括以下内容:

只使用你需要的字体

如果你不是专业出版你的作品,免费字体档案可能提供你所需要的一切。即使在那种情况下,你也需要决定安装哪些字体。拥有 1000 种字体给你提供了很多选择,但 GIMP 使用简单的列表进行字体选择,所以你可能需要滚动几天才能找到它们。删除无用的字体,例如那些包含你不需要的特殊符号和非字母特征。

为印刷项目使用大号字体和高分辨率

如果你在一个最终将以 300 dpi 打印的项目中使用 72 dpi 的 12 磅字体,你可能需要显微镜才能阅读它。或者更糟糕的是,打印机的光栅化器可能会放大文本,使其像素化且难以辨认。如果你的项目是用于印刷的,从一开始就将分辨率设置为 300 dpi。记住,缩小很容易优雅地处理,但放大而不给自己带来问题则很困难。

记住所有 GIMP 文本都会被转换为位图

你可以在 GIMP 中创建文本,然后将其缩放到更大的尺寸,但前提是文本必须保持在文本图层中。文本图层是矢量图层,这意味着它们可以轻松地缩放或编辑而不会损失质量。它们还包含有关文本实际内容的详细信息。但是一旦该图层被转换为位图,缩放图层或图像应尽量保持最小。

转换为位图的图层只包含彩色像素,可能还有一定程度的透明度。所以即使一个位图图层看起来像文本,也没有关于该文本的信息,缩放它就像缩放任何其他照片一样:你放大得越多,图像就越糟糕。

以类似的方式,当你将图像保存为 JPEG、PNG 或其他任何位图图像格式时,所有图层和文本信息都会丢失。因此,编辑文件将会变得非常困难(甚至不可能)。为了保留图层和文本信息,你必须将文件保存为 XCF 格式,这是 GIMP 的本地文件格式。

手动练习排版

在 2.8 版本中,GIMP 增加了边界框,也称为编辑框,用于编辑文本。要将段落映射到特定空间,选择文本工具,并在工具选项对话框中将框选项设置为固定。在画布上单击并拖动编辑框到所需的大小和位置。

如果你有很多文本,将编辑框塑造成所需的大小,然后使用编辑器对话框(从文本工具的工具选项对话框中可用)将文件中的附加文本读取到框中。在塑形框之前插入没有换行符的文本可以创建一个非常宽的边界框,需要你大幅度缩小以找到框的右侧边缘。确保在从文件中读取文本到框中之前塑形框。

聪明地编辑文本图层

你可以在创建文本图层后任何时候编辑它,只要没有应用位图效果。例如,应用模糊、曲线或级别更改将图层转换为标准图层。一旦发生这种情况,文本就无法再使用文本工具进行编辑。如果意外发生这种情况,请尝试使用 CTRL-Z 撤消更改,直到图层返回到文本图层。

当你需要编辑文本图层时,在图层对话框中单击它以使其处于活动状态,从工具箱中选择文本工具,然后在画布上单击该图层中的任何字母。

提前规划

就像任何项目一样,一个平面设计项目需要一个高效的流程。你的项目几乎总是有两个目标:它注定要用于印刷或网络,并且旨在宣传或提供信息。为了达到这些目标,你必须是有组织的。在实际上在 GIMP 中开始工作之前,知道你的文本应该说什么以及它应该看起来如何,可以减少你以后需要做出更改的可能性,那时它们将导致过度的工作。规划你的文本只是开始,然而。提前考虑图像、颜色、主题和信息。这些都是设计师工作流程的一部分。

创建字体映射

字体映射是一个包含一个或多个字体示例的图像。GIMP 可以为你自动完成这项工作,尽管这个功能有点隐藏的宝石。在工具选项对话框中点击字体预览以打开菜单。菜单底部是一个按钮栏。使用最右边的按钮打开字体选择对话框。

右键点击任何条目并选择渲染字体映射以打开一个对话框来选择要渲染的字体。使用过滤器字段来限制要渲染的字体集合。例如,你可以在过滤器字段中输入^as来为每个以字母as开头的字体创建一个。

第六章:创意灵感

无标题图片

在《GIMP 艺术家指南》的第二版中,我想鼓励读者超越简单的桌面艺术,使用 GIMP 进行创作。Photoshop 可以实现的大多数艺术效果用 GIMP 也能轻松实现,原因很简单:它们的根源都在于对像素的调整。它们的菜单和用户界面不同,但底层过程却惊人地相似。

我经常将从 Photoshop 转到 GIMP 的过程比作从一个城市搬到另一个城市。当你搬到一座新城市时,需要时间来找到杂货店或剧院的路线。但一旦你学会了如何到达那里,杂货店和剧院可能和你离开的那里的非常相似。所以 GIMP 也是如此。需要耐心来找到执行特定任务的工具或过滤器,但最终的结果将对你来说同样可识别和熟悉。

没有理由认为,一旦你熟悉了 GIMP,你就不能创作出自己的艺术作品。GIMP 不必仅仅是一个美化了的图标编辑器或照片修饰工具。它远不止于此:它是表达自我的工具。

无标题图片

我喜欢使用库存图片,并反复扭曲它们,直到创造出我自己的小世界。

现在,诚然,艺术是非常个人化的事情。一个人的艺术可能是另一个人的鱼包装纸。但这并不改变这样一个事实:你仍然可以用 GIMP 创作出你愿意装裱并挂在自家墙上的艺术作品。另一方面,你的配偶、重要他人或室友可能会有不同的想法。

话虽如此,我想通过一些高级教程来展示如何仅仅为了创意而创意。这些教程建立在之前教程中学到的技巧之上,并为你自己的艺术作品打下基础:初步设计、外部图像的整合、上色以及高光和阴影。通过这些来逐渐展现你内心的梵高。

这些教程将假设你对 GIMP 的工具、菜单、对话框和过滤器有更深入的理解。但别担心……我不会让你完全无助!所以大胆地深入探索你的创意面!

6.1 火女

这个效果创造了一个被火焰环绕的幽灵般的形象——一个恶魔、一个天使、一个鬼魂,或者一个精灵,这取决于你的视角。我简单地称她为火女。创建这个效果的过程可以简化为以下基本步骤:

  1. 将女孩从背景中分离出来。

  2. 在多个图层上检测女孩的边缘。

  3. 添加并混合装饰性元素。

  4. 混合以去除多余的细节。

  5. 添加火焰和色彩。

  6. 添加背景标志。

在整个项目中,您会发现火焰不仅仅是图像的组成部分,还被用来上色。使用火焰给图层上色的简单方法是首先去饱和图层,然后在上面添加一个火焰图层,并将火焰图层的混合模式设置为“看起来合适”的模式。然而,如果您在火焰图层下方放置一个图像,火焰周围的黑色区域可能会根据火焰图层的混合模式阻止下层可见。为了避免这种情况,您将在火焰图层上使用图层蒙版,或者简单地复制和粘贴火焰,注意从源图像中省略黑色背景。

注意,即使您完全按照这个教程操作,您也不会得到相同的图像。步骤允许太多的变化,尤其是在创建火焰王冠时。如果您的第一次尝试不够理想,请不要气馁。我在确定这个流程之前经历了七个不同的设计。而且,为了对自己宽容,前四或五个设计我永远不会在公共场合展示。我甚至不会把它们给我的妻子看。

本教程的过程从一个大画布(2350 × 2033)开始,以制作一个打印就绪的设计。为了减少内存和 CPU 需求,您可以在开始之前将库存图片缩小 50%。

无标题图片

在这个项目中使用了几个库存图片,但最终结果与那些原始图片相差甚远。

将女孩从背景中分离

本项目的第一步是将女孩从她的背景中分离出来。这主要是因为女孩的源图像中的背景对于项目来说不是必需的,并且其颜色可能与其他图层混合时引起问题。将女孩分离出来还将允许在背后添加背景元素。

  1. 将源图像去饱和(颜色去饱和)并选择亮度选项。当从原始颜色空间(在从库存图片网站下载时提供的图像中)转换为 GIMP 中的颜色管理显示时,源图像会有一种黄色调。当在去饱和对话框中选择亮度选项时,黄色调会转换为明亮的白色。如果您不使用颜色管理显示,那么在去饱和对话框中选择哪个设置可能无关紧要。

  2. 使用按颜色选择。在工具选项对话框中,将阈值设置为50并点击白色背景。这将选择所有背景,一些头发,以及一些脸部和颈部。

  3. 切换到快速蒙版模式,并使用黑色前景色和大型画笔在女孩身上涂抹出白色区域。关闭快速蒙版模式并反转选择。

    无标题图片

    在快速蒙版颜色中使用黑色绘制将面部和颈部的白色区域着色,有效地将这些区域从选择中去除。头发周围的糟糕选择无关紧要——你将在下一步去除毛发。

  4. 将选择复制并粘贴到一个新图层,并将其命名为女孩。使用图层图层到图像大小将新图层调整到画布大小,以便对女孩所做的任何修改都不会受到图层大小的限制。

  5. 在原始图层(默认标题为“背景”)中,使用 CTRL-A 选择整个图层,然后将黑色前景色拖入画布以填充该图层。

  6. 现在是时候使用图层蒙版去除毛发。向“女孩”图层添加一个白色图层蒙版。从大画笔开始,切换到小画笔,在图层蒙版中用黑色绘制,直到大多数毛发被去除。留下少量毛发,以便在使用边缘检测滤镜时提供额外的视觉特征。关闭“女孩”图层的可见性,以免干扰下一步。应用图层蒙版(图层蒙版应用图层蒙版)。

    无标题图片

    脸部毛发将在稍后清理。只留下头顶周围的一点点毛发。

使用边缘检测创建多个图层

本项目的下一步是使用边缘检测滤镜创建女孩的详细轮廓。将使用两个这样的滤镜:滤镜边缘检测边缘滤镜边缘检测霓虹。这些滤镜会产生类似的结果,将使用图层模式进行组合。

  1. 复制“女孩”图层,在图层对话框中使复制图层可见,并将其命名为边缘检测。打开边缘检测滤镜并选择Prewitt 罗盘算法。算法的选择基于预览。选择显示最多细节的算法。将滤镜应用于图层并将图层模式设置为屏幕

  2. 复制“女孩”图层,并再次打开复制图层的可见性,这次将新图层命名为霓虹检测。将此图层移动到图层堆栈的顶部。

  3. 在此图层中反转颜色(颜色反转),然后应用霓虹边缘检测滤镜。将图层模式设置为屏幕。复制此图层,在“女孩”图层上方创建三个边缘检测图层。

    无标题图片

    可能需要多个设置为屏幕或加法的边缘检测图层副本来突出项目中的细节。在这个项目中,只需要一个额外的图层。

放大查看,你可能会发现一些之前在“女孩”图层上应用蒙版时遗漏的毛发。这些可以保留,或者可以使用橡皮擦去除。如果使用橡皮擦,可能需要在三个边缘检测图层的相同区域上应用。

添加装饰元素

现在是时候装饰女孩了。找到这些类型设计最好的地方是在装饰性的画框和建筑结构上。这个项目只使用了画框,因为我找不到任何真正好的维多利亚式建筑的照片。

设计中添加了两个装饰件:一个在额头,一个在颈部周围。前者来自一个主要呈矩形的框架,而后者来自一个椭圆形的框架。

  1. 从一个矩形框架的图像开始,并对其进行去饱和处理。(选择一个易于隔离的框架,比如这个有纯色背景的框架。)

  2. 使用模糊选择工具,阈值设置为50。在框架外部单击一次,然后按住 SHIFT 键在内部单击以创建背景的完整选择。将选择区域扩大1 像素(我几乎总是这样做以避免选中对象边缘的光色像素),然后反转选择。

  3. 将框架复制并粘贴到工作画布上,作为图层堆栈顶部的新的图层。将其命名为装饰:额头。图层模式应设置为正常

  4. 缩放、旋转并定位装饰:额头图层在女孩的脸部上方。使用图层蒙版去除框架不需要的侧面和边缘。复制图层并将复制图层的模式设置为** dodge**。在去饱和的正常模式原始图上使用复制图层可以增强对比度(在这种情况下,它使我们的女孩看起来更闪亮)。

    无标题图片

    缩放、旋转和定位的过程需要实验。如果将工具选项预览设置为网格而不是图像,旋转和缩放会更简单。

颈部周围的装饰以相同的方式创建,尽管开始时使用的是不同的框架。旋转、大小和位置将与额头版本不同,更不用说蒙版方式也不同。在这个例子中,保留了框架的底部边缘,其余部分被蒙版遮盖。

  1. 将另一个框架选择复制并粘贴为新的图层。这个复制的图层名称为装饰:颈部。适当地旋转、调整大小、定位和蒙版。最后,添加蒙版以仅保留(现在)框架的底部部分。

  2. 复制颈部图层并将图层模式更改为dodge

注意,在这个例子中,实际的帧图像比主图像窗口小,但比女孩大。这需要缩小帧的大小。如果它们太小,可以放大它们。这很少做,因为放大的图像很快就会变得像素化。然而,在这种情况下,由于弱识别形状(华丽的结构没有可识别的对象——它只是波浪线),像素化几乎不明显。此外,使用多个帧层和混合层模式可以隐藏一些像素化,后来用火焰着色可以隐藏更多。这个图像的巨大尺寸在工作时也隐藏了一些像素化。然而,大型印刷品可能会显示出像素化。因此,当层放大时,任何这种尺寸图像的打印品都不应大于杂志或书页的大小。

无标题的图片

稍后您可能会发现,用火焰着色会使装饰层显得相当单调。如果发生这种情况,请尝试返回这些步骤并使用未去饱和的框架。

混合以去除多余细节

装饰品可能无法像期望的那样隐藏很多头发或面部瑕疵。要从女孩的脸上移除这些,使用橡皮擦和模糊工具以及绘图板。如果您没有绘图板,只需使用较小的画笔并手动调整不透明度。

注意

绘图板是平面输入设备,一些带有内置显示屏,使用触控笔。用触控笔在绘图板上绘图会将光标移动到显示器上,就像移动鼠标一样。这些板通常通过串行或 USB 端口连接到计算机。许多艺术家发现使用绘图板进行设计工作比使用标准鼠标更容易。流行的绘图板制造商包括 Wacom、Genius、Adesso 和 Aiptek。

在边缘检测层中可以进行模糊处理(白色和黑色,当模糊时,会给出灰色阴影),但最好保留一些脸部线条细节。为了实现这一点,使用带有粗糙刷子的橡皮擦,并将画笔动态设置为在用绘图板(或手动用不同的笔触)施加压力时增加不透明度、硬度和大小。

  1. 将橡皮擦应用于每个边缘检测层,从这三个层中最上面的开始。在移动到下一个层之前,每个层只做一小部分,然后旋转回顶部并重复。目标是尽量保留尽可能多的细节,同时去除女孩脸上的明显瑕疵。

    无标题的图片

    请注意,耳朵上的头发没有被触及。这只会增强后来添加的火焰的随机性。

  2. 关闭三个边缘检测层的可见性,并打开女孩层的可见性。为女孩层启用锁定 Alpha 通道选项。

  3. 选择涂抹工具,使用任何合适的画笔将此图层中的头发混合掉。尝试通过首先在较亮区域(脸颊)点击并拖动到较暗区域(头发)来保持脸颊的照明平滑。同时涂抹颈部和衣服。

  4. 当图层锁定启用时,你不必小心不要将涂抹超出女孩的范围。

  5. 完成后,打开边缘检测图层的可见性。

    无标题图片

    边缘检测图层(右下角)在原始女孩图层被涂抹后,给女孩图层带来了一种更玻璃般的外观。为了增加效果,考虑完全删除女孩图层,以显著改变最终图像。

添加火焰着色

  1. 从图层对话框中选择女孩图层。打开着色对话框,并将色调、饱和度和亮度分别设置为3090-30

  2. 在图层堆栈顶部打开并复制一个熊熊燃烧的火焰图像(火焰和黑色背景)作为新图层。调整图层大小,使火焰完全覆盖女孩,然后裁剪图层以适应图像(图层图层到图像大小)。将图层模式设置为硬光。这使火焰中的红色更加突出。

  3. 图层可能不会跨越图像的宽度。在这种情况下,你可能会得到一个白色带填充额外空间。如果发生这种情况,使用模糊选择工具,扩大1倍,并用黑色填充选择区域。

  4. 在这个阶段,火焰遮住了女孩的脸。你有几个选择:让它保持原样(因为你认为这样看起来很酷),使用涂抹工具,或者为火焰层添加一个图层蒙版,以便让脸和饰品透出来。

    无标题图片

    使用大号、边缘清晰的画笔(圆形 101,大小为 150 像素)和喷枪轻轻去除女孩脸上的火焰。

创建火焰王冠

创建王冠的过程很简单,但你可能需要尝试几次才能做到正确。

  1. 从这里显示的火焰图像开始——一个火焰,而不是熊熊燃烧的火焰。仅将火焰(不是黑色背景)复制到工作画布上。将新图层命名为火焰帽子。调整此图层的大小,使其从女孩的额头到图像顶部。

  2. 复制此图层,水平翻转,并将副本放置在原始火焰帽子图层附近。

  3. 在火焰帽子复制图层上使用蒙版,根据需要混合火焰。然后通过选择两个图层中的顶层并选择图层合并向下来合并这两个图层。

  4. 将合并的图层移动到图像窗口的中间,并将图层大小调整到图像大小。现在你有了基本的火焰帽子框架,周围有空间来创建火焰漩涡。

    无标题图片

    库存火焰图像本身就是一个很好的帽子,但我发现其向下指向的高光有点令人沮丧。所以接下来我会应用一点扭曲魔法。

  5. 使用 IWarp 滤镜(滤镜扭曲IWarp)来创建火焰漩涡。使用 Swirl CW 模式旋转帽子的左侧,使用 Swirl CCW 模式旋转帽子的右侧。在每个侧面选择一个或多个可以形成良好漩涡的位置。在不同的预览位置点击(而不是拖动)以创建几乎均匀外观的漩涡。点击并保持也可以,但保持的时间不要太长,否则漩涡会变得太大。

  6. 尝试调整 变形半径变形量,以及在哪里点击预览。如果预览变得混乱或者你不喜欢它,请按重置并再次尝试。记住:这一步需要大量的实验!

  7. 在将 IWarp 设置应用于 火焰帽子 图层后,将帽子定位并旋转到女孩的头上。将图层模式设置为 屏幕。从上面的着色步骤中添加另一个咆哮的火焰副本,将其缩放以使整个火焰适合在帽子里。将咆哮火焰图层的图层模式设置为 屏幕。使用图层蒙版将其融合到帽子里。

进一步探索

为了给这个项目增添一种玛雅风格,从 GIMP Paint Shop 收集中选择曼荼罗画笔(或任何合适的椭圆形图标转换为画笔)。使用画笔工具并增加画笔的缩放,直到单次点击大约是图像窗口大小的 3/4。在背景图层之上添加一个透明图层,将前景色设置为白色,并在新图层中点击一次。

注意

GIMP Paint Shop 是一个包含画笔、图案、调色板和工具预设的附加包,允许用户模拟特定的绘画和绘画工具和技术,例如水彩、蓝色墨水笔和炭笔。GIMP Paint Shop 可在以下网址获取 code.google.com/p/gps-gimp-paint-studio/

无标题图片

复制火焰图层,遮罩不同的部分,然后设置不同的图层模式也可以影响你艺术作品的最终版本。不要害怕实验——只是确保定期保存你的作品!

在曼荼罗印记层之上,添加一个新的图层,并在其中放置咆哮的火焰图像。将火焰图像缩放以覆盖大部分印记,并将图层模式设置为乘法模式。

为了增强火焰帽子,添加一个火焰徽章。徽章可以是库存图像或手工制作的图像,复制、粘贴、缩放、旋转并定位在帽子上。与 IWarp 漩涡相比,这简直是小菜一碟,对吧?

6.2 星空

创建一个奇幻的科幻星系的流程实际上非常简单。你只需创建一个随机星系,它通过星团和星空来反映真实的夜空;在其上方叠加元素,如附近的螺旋和礼帽形状的星系、太空尘埃和星云、前景中的大星星;然后为结果上色。对于那些想要更多亮点的人来说,你还可以添加一个附近的行星或宇宙飞船。

最后一步是最难的,尽管 GIMP 的球体设计器过滤器使创建行星变得相当容易。除了最后一步之外,你可能大部分时间都会花在调整星星簇上。

无标题图片

这可能是迪士尼的《黑洞》中的一幕,或者是《大爆炸理论》的开场场景。 无论如何,这不仅仅是一个普通的星系。

注意

这个教程是基于 Greg Martin 在 Photoshop 教程中描述的过程 (www.gallery.artofgregmartin.com/tuts_arts/making_a_star_field.html)。我已经将其翻译成 GIMP 特定的方法,但我的基本流程受到了他的启发。

从小开始

这个流程的核心是使用噪声过滤器,它们在黑色背景上提供随机点。然而,这些点对于典型的项目来说太小了,尤其是那些打算用于印刷的项目。为了解决这个问题,从星星的小规模版本开始,然后将图像放大。通常,我不会推荐放大这样的光栅图像。使用噪声创建光点是这一规则的少数例外之一。这个项目的第一层将产生远处的背景星星集合。

  1. 从一个设置为 640 × 480 像素,背景为白色的新图像开始。在图像窗口中输入D以重置前景和背景颜色到它们的默认设置,即黑色和白色。将前景颜色从工具箱拖动到图像窗口中,以用黑色填充背景层。

  2. 向图像窗口添加一个新层(图层新建图层),并将该层命名为小星星。将图层颜色设置为前景颜色。打开 HSV 噪声过滤器(滤镜噪声HSV 噪声)。将色调保持为3,色调为20,饱和度为90,亮度为100。通过点击确定将此应用于图层。

  3. HSV 噪声以彩色渲染噪声,因此该层需要去饱和。打开去饱和对话框(颜色去饱和)并使用亮度设置。点击确定以应用于图层。

  4. 渲染的噪声分布是随机的,但有点过于密集。打开亮度-对比度对话框(颜色亮度-对比度)。将亮度设置为45,对比度设置为65,然后点击确定。结果将会有更少的星星,其中一些会稍微亮一些。

  5. 这些设置是可变的,这意味着改变它们可以对图像的最终外观产生重要影响。将两者都增加以进一步减少小星星的数量。但要注意不要使星星太亮。记住,这些只是背景和远处的星星。更亮、更明显的星星和星团即将到来。

这个项目处理的是非常小的光点,在显示器上可能很难看到,在打印时更难看到。为了更容易看到发生的情况,通过300%放大图像窗口。当图像对比度在打印中更容易看到时,再缩小图像。

无标题图片

截图中的缩放比例(300%)可以在图像窗口的状态栏中看到。在去饱和度对话框中选择的亮度设置是因为它比其他选项更能增加点的亮度。

放大星星

背景星星就足够了。接下来是一些更大、更远的星星。

  1. 复制“小星星”图层(图层复制),并将新图层命名为“大星星”。在亮度-对比度对话框中稍微减少星星的亮度,亮度设置为50,对比度设置为110

  2. 下一步需要将这些星星放大很多。将图层放大到200%图层缩放图层)。选择百分比选项。使用百分比将更容易知道稍后缩放此图层时的缩放量。使用默认设置进行质量插值选项。

  3. 在不放大图像的情况下放大图层,使得图层比图像大小还要大。现在这并不重要;下一步仍将对整个图层进行操作,稍后调整大小将使图层重新适应图像大小。

    无标题图片

    这里显示的过度图层,图层边界扩展到可见的黑色图层之外,不会引起问题。即使部分不可见,更改仍将应用于整个图层。

将图层放大 200%有助于使大星星更明显,但它们仍然很难看。是时候解决这个问题了。

  1. 反转“大星星”图层的颜色(颜色反转)。此时大星星将会相当暗。接下来的这一步将改善这种情况。

  2. 打开“色阶”对话框(颜色色阶)。将黑色点设置为230,中点(也称为伽玛)设置为1.00,白色点设置为250。色阶调整将使大星星变暗并更加清晰。反转颜色使选择正确的色阶调整设置更容易。如果这些设置没有改善星星,尝试提高黑色和白色点的值。

    无标题图片

    当你在电脑上处理这一步时,你会看到反转后的版本非常清晰,这使得选择层级设置变得更容易。

  3. 再次反转颜色。现在可以缩小图层的大小,但不是完全缩小。要将它缩小到原始大小,你需要将图层缩放至 50%(或当前大小的一半)。这是你项目中的另一个可变点。相反,将图层缩放至当前大小的60%。这样,星星就会比它们的小星星表亲略大。如果这还不够大,可以增加百分比。但不要让这些星星太大。后续的聚类过程将突出显示更亮、更大的星星群。缩放后,使用图层图层到图像大小菜单选项调整图层以适应图像,实际上就是裁剪多余的图层。

    无标题的图片

    大星星只比小星星略大,后续的聚类过程将改善两者的外观。

在更大规模上工作

现在是时候放大整个项目了。放大将产生一个更适合打印或网络的更漂亮的星星场。这也使得其他步骤更容易看到。记住,由于 HSV 噪声滤镜产生的噪声大小,开始时使用较小的图像大小是必要的。

  1. 将图像(图像缩放图像)缩放至250%。宽度和高度右侧的链接图标应该是完整的。这将保持宽高比,使星星保持基本上是圆形的。

  2. 将大型星星层的模式设置为屏幕。现在,整个遥远的小星星和较近的大星星都应该可见。新的图像大小应该是 1600 × 1200 像素。

  3. 在这一点上,你会更好地了解你在上一步中进行的层级调整效果如何。如果大星星太亮,应用另一个层级调整或更改亮度-对比度以稍微变暗。

    无标题的图片

    在将大星星与背景小星星缩放和混合后,很明显大星星太亮了,所以使用了亮度-对比度对话框来降低它们的亮度。

添加空间空洞

这是一个很棒的星星场,但还有很多可以改进的地方。首先是要在空间中创建一些空洞,即星星稀少的地方。这个步骤一开始可能看起来有些笨拙。没有特定的配方来决定哪些区域需要擦除。

这里的目标是创建一些空白的空间区域。在执行聚类过程时,这些区域可能会再次被星星填满。现在,清理掉大块区域。在大型星星层上也不要害羞。相信我:当你到达聚类步骤时,不需要留下很多大星星。

  1. 大型恒星小型恒星 层添加白色图层蒙版(图层蒙版添加图层蒙版)。从工具箱中选择 画笔 工具,并选择一个相当大的画笔。在工具选项对话框中,将画笔的初始不透明度设置为 50%。在图像窗口中输入 D 以确保前景色重置为黑色。现在逐层绘画,擦除大量星星。

  2. 无论你选择哪种画笔,都要将其大小增加到用于大型恒星层。尝试不同的画笔,并在使用过程中调整它们的透明度。

  3. 避免在空白区域中形成任何明显的图案,并移除在将亮度-对比度和级别调整应用于原始 HSV 噪声时创建的任何图案。使用短画笔笔触,交替垂直和水平笔触方向。

  4. 当空白区域众多且明显时,首先以 XCF 格式保存项目,这样如果剩余步骤没有产生你梦想中的星场,你可以再次尝试而无需从头开始。最后,将图像(图像合并)合并为单个图层。

    无标题的图片

    这些放大视图显示,许多大星星的亮度降低,甚至完全消失。背景星星现在也以簇状分布,这对于下一步的簇状排列将很有用。

簇状

这个项目的真正艺术方面在于星星的簇状排列。要创建星系和其他簇,请从工具箱中使用克隆工具。同样,这里可能需要各种画笔,这取决于你个人的品味。硬边画笔似乎能产生最好的效果,但不要害怕尝试几乎任何画笔。

  1. 要使用克隆工具,请按住 CTRL 键并在画布上的任何位置单击。这是源位置。释放 CTRL 并开始在画布上的任何位置绘画。在工具选项对话框中,使用 正常 模式进行克隆,只是简单地用源位置的像素替换光标下的当前像素。源位置相对于画笔移动,始终保持在当前位置精确的距离和方向。

  2. 要获得非常漂亮的簇,在克隆工具的工具选项对话框中交替使用 正常屏幕叠加 模式。在创建簇时,使用有星星的区域作为源位置。在尝试将簇与其他区域分离时,使用空白区域作为源位置。

  3. 尝试创建一些旋转的簇或从正上方或边缘看到的螺旋星系。尝试几次克隆操作,看看你得到了什么,然后使用 CTRL-Z 撤销这些更改并再次尝试。一旦你开始看到簇是如何形成的,你就不需要撤销更改了。在实验过程中,经常保存你的工作,并使用不同的文件,这样你就可以在实验失控时回到之前的变体。

  4. 下一步将为星系添加柔和的光晕。复制背景图层(在此阶段,在之前合并图像后应该只有一个图层)并将新图层命名为星光。打开高斯模糊滤镜(滤镜模糊高斯模糊)。将水平和垂直模糊半径设置为 5 到 40 之间的某个值。实际数量取决于您星系群的密度。选择预览窗口中具有最明显白色点的星系。根据该预览调整模糊半径。模糊的结果应该是星光图层呈现出某种云状外观。

    无标题图片

    这是一个正常大小的视图(级别略有调整以确保在印刷中显示),在克隆工具的大量工作中完成。看看一组暗淡的背景星星与几颗较大、较近的星星混合,如何变成星系团!

  5. 将星光图层模式设置为** dodge(用于微妙增强)或 screen(用于生动增强)。通过一些着色增强了光泽。打开着色对话框(颜色着色)并将色调、饱和度和亮度分别设置为215900**。

    无标题图片

    星光图层用于突出星系中的细节,同时基本上不改变背景星星。

着色

接下来添加一点颜色。这个过程不会添加颜色爆炸,只是为选定的点添加一点颜色提示。

  1. 复制背景图层并将其命名为红星。将此图层移动到图层堆栈的顶部。使用级别对话框减少可见星星的数量。将黑色点设置为90,中点设置为1.00,白色点设置为160。与其他应用级别对话框的情况一样,这些值可以根据需要调整。

  2. 再次打开着色对话框,并将色调、饱和度和亮度滑块分别设置为080-10。将红星图层的图层模式设置为** dodge。这次不要使用 screen**,因为它会冲淡此过程为图像添加的光色。

  3. 重复此过程,根据需要使用级别和着色设置的变体。您还可以使用图层蒙版为复制图层中的不同星星集合着色。

    无标题图片

    第一层红色只是将一些蓝色光变成了紫色。创建方式与第一层相同,但着色设置不同,添加并使用图层蒙版混合,以突出强烈的红色阴影。

使用镜头和渐变光晕进行高光

星际背景中明亮的光点需要变得柔和和宽阔。这可以通过使用镜头光晕和渐变光晕滤镜轻松实现。

  1. 创建一个新图层,大小为250 × 250 像素。将填充类型设置为前景色(假设这里的前景色仍然是黑色;如果不是,在画布中输入D以重置它)。将新图层命名为镜头光晕。将此新图层移动到图层堆栈的顶部。

  2. 打开镜头光晕滤镜(滤镜光与阴影镜头光晕)。不需要更改滤镜选项,因此点击确定以在镜头光晕图层中渲染光晕。光晕是有颜色的,你可能不想这样(但嘿,也可以尝试彩色光晕的实验!)因此去饱和它(颜色去饱和)。将图层模式设置为** dodge,然后使用移动**工具将图层拖动到一些星团上。

  3. 将此图层复制几次,每次稍微放大或缩小,并将副本放置在各个星团上。将光晕中心放置在空间空洞上,以使用光晕的外边缘突出区域。将光晕中心直接放置在星星上,使其更加明亮。这里有趣的是拖动这些小图层,看看它们如何拉出之前未看到的细节。

  4. 创建另一个大小为250 × 250 像素的黑色图层。将图层模式设置为** dodge,并将新图层命名为渐变光晕。打开渐变光晕滤镜(滤镜光与阴影渐变光晕)。在选择标签中,选择Hidden_PlanetBright_StarDistant_Sun**预设。将其渲染到新图层中。去饱和并定位,然后根据需要重复复制和定位。

    无标题图片

    在这个项目阶段,实验至关重要。尝试不同的渐变光晕预设,去饱和和着色。你可能,也可能会有很多光晕图层。

添加太空尘埃

到目前为止,星系基本上已经完成。下一步,添加太空尘埃,只是为项目增添更多活力。

  1. 添加一个透明图层,命名为太空尘埃,并将其移动到图层堆栈的顶部。将图层模式设置为屏幕,并将不透明度设置为20 百分比

  2. 选择一个新的前景色,如 RGB 值为57/99/176的柔和蓝色。从工具箱中选择画笔工具。在工具选项对话框中,将不透明度设置为20 百分比,并确保增量复选框被勾选。选择各种软边缘画笔,并在绘画时经常更改。

  3. 在太空尘埃图层上用长划线绘画,刷子水平、垂直和斜向。比所需的尘埃多填充图层,然后使用橡皮擦工具清除多余的部分。

    无标题图片

    太空尘埃基本上与星光层具有相同的作用:软化明亮的星团。它还向空间空洞添加颜色。

进一步探索

星空已经完成,但为了增加趣味性,它应该有一个前景物体:一个行星。球体设计器滤镜使得创建行星非常简单。创建一个透明、600 × 600 像素的图层,命名为Planet。打开滤镜(滤镜▸渲染▸球体设计器)。注意有三个默认图层。每个图层都可以编辑以更改其属性和变换。新的和重复的图层被添加到列表的底部。保持光图层在底部。图层顺序不能更改,因此复制光图层将它们移动到列表底部,然后编辑原始光图层将它们更改为纹理或凹凸贴图。

6.3 奶油色爱情

本教程基于对爱情符号的个人看法:太阳、光束、奶油色的天空和草地。这将是最容易的进阶教程之一。这里不需要特殊才能。但你需要找到一些额外的画笔添加到 GIMP 的库存中。我会告诉你在哪里可以找到这些画笔以及如何使用它们。还需要一张库存照片。我会指出我这里使用的是哪一张。在这个过程中,你将完成一些一段时间没有涉及的基础任务:自定义渐变和前景选择。

无标题的图片

在 GIMP-land 中,每一天都是阳光明媚的一天!

创建自定义渐变

项目从背景上的一抹颜色开始,应用渐变效果。这样做的一个简单方法是设置前景和背景颜色,并使用工具箱中的混合工具,从画布顶部拖动到底部。相反,让我们回顾一下如何创建自定义渐变。

  1. 在画布中输入D以重置前景和背景颜色为默认的黑色和白色。打开一个新的图像(文件新建),其分辨率为1600 × 1200 像素。大尺寸使得图像适合在 250 dpi 下打印明信片大小的打印品。但如果是为了网页,完成时请缩小图像尺寸。

  2. 在渐变对话框的底部(窗口可停靠对话框渐变)有一些用于管理渐变的图标。点击从左数第二个图标以创建一个新的渐变。这会打开渐变编辑器对话框。最初显示的渐变使用左侧的前景色和右侧的背景色。在渐变上点击并按住右键鼠标按钮以打开菜单。选择左侧端点的颜色。在打开的对话框中,将 RGB 值设置为219/122/2。点击确定以设置左侧端点的颜色。

  3. 创建自定义渐变主要是使用该菜单添加新的段,设置段两端的颜色,并调整段的大小。虽然可以创建更复杂的渐变,但本项目只需要这些。

  4. 在渐变编辑器中,将名称从“未命名”更改为RetroLove。然后点击对话框中的保存图标。关闭渐变编辑器对话框。

  5. 从工具箱中选择混合工具。在工具选项对话框中,点击渐变按钮并选择RetroLove渐变。在画布中,从窗口顶部拖动到底部。

    无标题图片

    渐变易于创建,可用于提供背景颜色主题、创建纹理图案或模拟 3-D 效果

创建临时草地山丘

下一步与渐变一样简单。将创建两个小山丘,并涂上不同深浅的绿色。然而,着色是临时的,并且仅提供微小的视觉提示,表明它们位于单独的图层上。稍后,当在它们上应用草地时,山丘将得到轮廓处理。

  1. 使用椭圆选择在单独的图层中创建两座山。缩小图像视图(视图缩放缩小)。创建一个透明图层并命名为前景山。从工具箱中选择椭圆选择工具,将一个宽椭圆形拖动到画布底部。点击工具箱中的前景色框并更改 RGB 值为60/138/60。将前景色框拖入选择中。清除选择(选择)。

  2. 第二座山以相同的方式创建,新图层命名为背景山。只需将选择稍微向右移动,在应用颜色后,使用亮度-对比度对话框(颜色亮度-对比度)将山丘稍微变暗。这使第二座山在项目进行过程中更加明显。

  3. 在图层对话框中将此图层移至前景山图层下方。清除选择。放大视图(视图缩放放大),以便图层适合图像窗口。

    无标题图片

    有两个山丘的原因是草地不会平坦或具有均匀的曲线。这将给最终图像增添变化

添加背景太阳

接下来是太阳。这将是两个图层,一个是有实色太阳的图层,另一个是带有柔和模糊效果的图层,使太阳看起来有点模糊。

  1. 添加一个透明图层并命名为太阳。在图层对话框中将此图层移至背景山图层下方。再次从工具箱中选择椭圆选择工具。在工具选项对话框中,点击固定复选框并确保设置为宽高比。在画布中拖动一个椭圆形选择并将其定位以跨越两座山。

  2. 您可以通过移动鼠标围绕圆圈边界的方块来改变选择的大小和位置。中间的方块用于在画布上移动选择。顶部、左侧、右侧和底部的方块改变选择的高度或宽度。角落同时改变宽度和高度。选择将保持可编辑状态,直到按下回车键或选择另一个工具。

    无标题图片

    简单的日落

  3. 点击工具箱中的前景色框以编辑颜色。将 RGB 值设置为248/236/166。点击确定关闭对话框。将前景色框拖动到画布上。清除选择。

  4. 如果太阳太大,缩小图层的大小。如果太阳在天空中的位置太高,使用移动工具将图层向下移动。如果移动图层,使用图层图层到图像大小来适应背景图层。

  5. 复制阳光图层(图层复制图层)并将复制的图层命名为阳光晕。打开高斯模糊滤镜(滤镜模糊高斯模糊)。调整预览,使太阳的边缘可见。将模糊半径设置为150,水平和垂直方向都适用。模糊方法应设置为RLE。点击确定将模糊应用到阳光晕图层。将该图层的图层模式设置为叠加。这样就会得到一个明亮的白色太阳,边缘只有一点黄色。

    image with no caption

    为了使太阳更黄,在原始阳光图层上使用较暗的颜色,然后降低阳光晕图层的透明度。

赋予复古感:阳光

下一步将添加从太阳发出的光线。这个过程涉及创建一个初始光线,然后复制、旋转、缩放和定位副本。如果再次缩小视图,创建这些光线会更容易。从一个从太阳延伸到左侧边缘的水平光线开始。

  1. 添加一个名为阳光光线的透明图层,并将其移动到图层对话框中的顶部。

  2. 点击画布左边的标尺,并将指南拖动到太阳的大致中心。点击画布顶部的标尺,并将其拖动到相同的位置。从工具箱中选择路径工具。

  3. 在画布上,点击指南交叉点的上方和下方。然后点击图层左边缘的外侧,以及前两个点的上方和下方。在工具选项对话框中点击从路径选择。用白色填充选择区域。

    image with no caption

    尽管模糊和透明度可以帮助调整,但尽量避免使初始光线太宽。

  4. 现在可以添加其余的光线。这与在 4.8 立方城市中制作齿轮齿的方法类似,使用复制、粘贴和旋转操作。选择区域应该仍然处于活动状态。复制(CTRL-C)并粘贴(CTRL-V)选择区域作为新图层(图层新建图层)。使用工具箱中的翻转工具水平翻转,然后使用移动工具定位图层,使其左边缘与指南的交叉点对齐。

  5. 复制此图层并将其逆时针旋转 90 度(图层变换旋转 90 度逆时针)。定位此图层,使其底部边缘与辅助线的交点对齐。

  6. 复制此图层并将其旋转45 度图层变换任意旋转)。旋转后,此图层的左下角可以与辅助线的交点对齐。复制图层并将其水平翻转,然后适当地定位新图层。

  7. 可以通过复制垂直或水平光线并旋转任意角度来创建额外的光线。在某些情况下,光线可能不会延伸到图像的边缘。使用缩放工具调整图层大小,使其延伸到边缘。

    无标题图片

    这些图层提供了一个轮廓,在其中将应用径向渐变。

  8. 合并光线图层。最简单的方法是在图层对话框中关闭除光线图层之外所有图层的可见性,然后合并剩余可见图层(图像合并可见图层)。从此创建选择(图层透明度alpha 到选择)。添加一个透明图层并将其命名为Sun Beam Gradient。在画布上输入D然后X以设置前景色为白色。

  9. 从工具箱中选择混合工具。在工具选项对话框中,将渐变设置为前景到透明,形状设置为径向。在画布上点击辅助线的交点并拖动到左上角。在图层对话框中关闭太阳光图层可见性,并打开其余图层的可见性。将太阳光渐变图层移动到图层对话框中的太阳图层下方。

  10. 清除选择。打开高斯模糊对话框并将模糊半径设置为20。点击确定将应用效果到太阳光渐变图层。

    无标题图片

    如果光线太暗,可以复制图层并调整模式和不透明度以适应口味。

添加爱人的剪影

本项目的下一个元素是用于创建情侣剪影的库存照片。在搜索此类项目照片时,寻找具有纯色背景的照片。这有助于仅选择情侣。此外,如果情侣相互接触但足够分开以区分个体,则此项目将受益。如果他们靠得太近,生成的剪影将难以识别。这张特定的照片非常适合与前景选择工具一起使用。

  1. 前景选择工具处于活动状态时,在夫妇周围绘制自由手选择。这会产生类似于快速蒙版的粗糙选择。接下来,从画笔对话框中选择一个画笔(窗口可停靠对话框画笔)。当鼠标悬停在画布上时,画笔应该显示出来。在这张照片中,画笔的大小不应超过女人最细的手臂。使用工具选项对话框中从小画笔到大画笔的滑块调整画笔大小。

  2. 在男人和女人身上涂色,确保覆盖衬衫和裤子相交的地方以及衣服过渡到皮肤的地方。基本上,覆盖任何你想包含在选择中的高对比度变化的地方。你不必非常精确,当然也不需要完全覆盖夫妇。

  3. 要完成选择,按ENTER键。这会将快速蒙版风格的着色转换为选择。如果需要,可以使用快速蒙版功能进行进一步改进。将选择复制并粘贴到原始画布作为新图层,并命名为夫妇。根据需要缩放和/或水平翻转图层。

  4. 创建一对夫妇的选择(图层透明度alpha 到选择)。通过10 像素增加图层边界(图层图层边界大小),宽度和高度都一样。点击中心选项以将图像居中于新的图层边界。点击调整大小以应用更改到图层边界。然后通过选择增长将选择增加1 像素。增长选择将在创建轮廓之前平滑选择中的任何粗糙边缘。

  5. 在图像中输入D以重置工具箱中的颜色,然后将前景色拖动到图层中。清除选择(选择)。

    无标题的图片

    通过使用一个小而硬边的画笔和一次通过夫妇,改善了粗糙的选择(左)并使其更完美(右)。选择并不完美(注意男人的脚和裤子),但不需要完美就能创建轮廓。

    无标题的图片

    缩放和翻转可能是将轮廓适当地定位在山丘上,在太阳前面的必要步骤。

完成草地山丘的绘制

项目几乎完成,最后一步是将山丘转换为草地轮廓。这种转换将产生副作用,隐藏男人的脚底,完成后看起来很自然。此外,此时不再需要指南。你可以隐藏它们(视图显示指南)或删除它们(图像指南删除所有指南)。

  1. 首先,将山丘从绿色变为黑色。一次选择一次,在图层对话框中选择每个图层并设置锁定 alpha 通道。从工具箱中获取前景色并将其拖动到图层中,就像对夫妇图层所做的那样。

  2. 在山丘上添加草地需要合适的画刷。GIMP 没有为这个项目提供适合的植物画刷,但互联网上有许多植物画刷集合可供下载。要将新画刷添加到 GIMP 中,只需在任何文件夹中解压缩集合。打开首选项对话框(编辑首选项)并选择左侧列表底部的画刷条目。将显示一组选项。选择画刷选项。首选项对话框的右侧将显示当前扫描画刷的文件夹集合。要添加新文件夹,点击新建文件夹图标以启用文本输入字段。输入文件夹名称并按回车键或使用文本字段右侧的文件夹选择按钮选择它。如果文件夹存在,红色圆圈图标将变为绿色。

  3. 一旦文件夹被添加到文件夹列表中,点击文件夹名称左侧的方框以允许将画刷保存到其中。要使用新画刷,您必须刷新画刷对话框或重启 GIMP。

    注意

    许多免费提供的画刷集合是专门为 Photoshop 创建的,它们是具有 .abr 文件扩展名的单个文件。这些文件包含多个画刷。GIMP 可以很好地读取这些文件,所以不要害怕尝试 Photoshop 画刷。

    无标题图片

    在项目进行中添加画刷是一种相当常见的做法。这也是经常保存项目文件的一个很好的理由。

  4. 添加一个透明图层并命名为Grass。将其移动到图层对话框中前景山图层之上。打开画刷对话框并选择一个合适的画刷。在对话框底部,将间距设置为 50 到 150(如果图像尺寸小于本项目使用的原始 1600 × 1200,则应选择更小的值)。从工具箱中选择画笔工具。在工具选项对话框中,设置缩放选项,使画刷轮廓(鼠标悬停在画布上可看到)为适当的大小。沿着山丘边缘多次绘画。切换到另一个草地画刷并重复。重复此过程,直到山丘足够有草。

    无标题图片

    这个草地是通过使用草地画刷集合中的多个画刷创建的。注意,绿色的小山现在也变成了草地。

进一步探索

最后一步是可选的,但会给项目增添活力:飞翔的鸟儿。同样,技巧是找到互联网上免费提供的鸟画刷。添加一个透明图层,选择一个鸟画刷,适当地调整其大小(对于更远的鸟儿,应选择更小的尺寸),然后在天空周围画几个小圆点。如果鸟儿不是剪影,创建鸟儿的选区并用黑色填充。

6.4 Mobsterville

喜欢的漫画书好莱坞大片,如黑暗骑士守望者,都非常受欢迎。这些对经典超级英雄视觉的更新都带有阴暗的色调。罪恶之城为这种新的黑暗漫画书故事风格铺平了道路,将 20 世纪 90 年代最粗犷的原创漫画在 2005 年搬上了银幕。幸运的是,对于 GIMP 爱好者来说,重新创建罪恶之城效果相当简单。

下一个教程将使用库存照片展示一个粗犷的英雄在雨夜中巡逻城市。这张照片是风格化的黑白,仅有一抹色彩。

无标题图片

黑白图像可以传达强大的信息,尤其是在仅添加少量色彩的情况下

建立基础图像

基础图像展示了我们的主要角色,一个手持枪支的硬汉,背景是坚实的浅色。这幅图像的分辨率为 1600 × 1067 像素。

  1. 将原始图像(在本项目中命名为Man)去饱和(颜色去饱和)。选择此图像的亮度选项,这将允许他的脸和背景之间的对比度保持较高。

  2. 打开“级别”对话框(颜色级别)。通过点击白色点吸管(位于级别直方图右侧下方),然后点击图像右上角的背景来设置白色点。这使得背景完全变白,白色点滑块移动到直方图的中心稍左的位置。将黑色点滑块向右移动,直到它非常接近白色点。结果将是一个几乎完全黑白图像。

    无标题图片

    本项目的风格需要调整原始库存图像的对比度

制作雨景

  1. 添加一个透明图层(图层新建图层)。将此图层命名为Rain 1。打开“Hurl”滤镜(滤镜噪声Hurl)。这里默认设置就足够了:随机种子=10,随机化%=50,重复=1。点击确定在图层中渲染噪声。噪声将着色,因此需要去饱和。虽然这里选择了亮度选项,但任何去饱和选项都可以工作。

  2. 打开“运动模糊”滤镜(滤镜模糊运动模糊)。将模糊类型设置为线性,长度设置为120 像素,角度设置为90 度。点击确定将模糊应用于图层的噪声。请注意,这种模糊在“运动模糊”对话框的预览中可能难以看到,但这不会影响这一步骤。

  3. 将图层(图层缩放图层)缩放至 140%。这是通过在“缩放图层”对话框中将缩放单位菜单更改为百分比,并将宽度设置为140来完成的。当按下缩放按钮时,高度字段将自动调整以保持宽度与高度的比率。

  4. 放大以查看 Rain 1 图层的图层边界。从工具箱中选择剪切变换工具。点击图像并拖动,直到剪切预览的边缘触及图像窗口的左右边缘。在对话框中点击剪切按钮以应用变换。

  5. 打开色阶对话框,并将黑点调整到大约107,白点调整到大约116。实际的设置将根据个人对下落雨滴外观的喜好而有所不同。将图层重置以适应图像大小(图层图层到图像大小)。

  6. 使用与第一层雨相同的过程添加第二层雨,但应用较少的剪切,以便雨滴垂直下落。色阶调整也可能略有不同,再次根据个人喜好。稍后,由于添加背景元素引起的对比度变化,两个雨层的效果和透明度可能需要调整。将第二层雨命名为Rain 2并确保它在 Rain 1 图层之上。

    无标题图片

    运动模糊噪声是伪造雨滴的快速方法。

  7. 为了添加背景,需要对基础图像进行蒙版处理。在图层对话框中点击基础图像图层以使其处于活动状态。向其添加一个 alpha 通道(图层透明度添加 alpha 通道)。向基础图像图层添加一个白色图层蒙版(图层蒙版添加图层蒙版)。

  8. 再次打开原始图像。你可以使用此图像的颜色特性来创建一个良好的蒙版。在工具箱中选择模糊选择工具。将阈值设置为 70 到 90 之间的任何值,然后点击男人头部右侧的蓝色区域中心。然后按住 SHIFT 键并点击男人头部左侧的蓝色区域。重复此过程,对枪的触发区域内的蓝色区域进行操作。复制(CTRL-C)然后粘贴(CTRL-V,随后图层锚定图层)此选择到基础图像图层的蒙版中。使用色阶对话框将黑点设置为254。代表图像中透明区域的棋盘图案将在原始图像中蓝色区域的位置显示出来。

    无标题图片

    蒙版背景将允许更合适的背景显示出来。

添加背景建筑和路灯

  1. 打开背景建筑图像。将其缩放以适应基础图像图层的大小(图像图像属性)。

  2. 在图层对话框中点击Rain 2图层。这是必要的,因为你不能在之前步骤中有一个活动蒙版的情况下粘贴新图层。

  3. 将其复制并粘贴到基础图像中,然后将新图层拖动到图层堆栈的底部。将建筑图层命名为Building。关闭所有其他图层的可见性(点击缩略图左侧的图层可见性图标),以便使以下步骤更容易进行。

  4. 调整图层的不饱和度。打开色阶对话框。点击白色点吸管并点击天空最暗的部分。将黑色点滑块拖向白色点滑块,直到建筑墙壁几乎完全变黑。如果背景中仍有云朵,将白色滑块向左稍微拖动一些。点击确定,然后打开所有其他图层的可见性。

    无标题图片

    我们之前已经使用过这张图片——通过一些裁剪和一些新的照明,2.7 湖面倒影中的建筑现在变成了一座阴郁的公寓楼。在库中保存库存图片是节省设计项目的好方法。

  5. 在添加路灯柱之前,需要将建筑的前门向左移动。打开缩放对话框(图层缩放图层)。点击宽度和高度字段之间的链形链接以断开它,以便更改图层的纵横比。将 Building 图层宽度调整为165%,高度调整为140%。应用此设置。

  6. 使用移动工具将图层向左拖动,直到烟囱和倒 V 形屋顶位于枪的左侧。确保不要拖动得太远,以免建筑物的右边缘位于图像窗口的右边缘左侧。将图层大小重置以匹配图像大小(图层图层到图像大小)。

  7. 添加一个透明图层并命名为Guideline。将此图层移动到 Building 图层之上。将前景色设置为中等灰色(HTML 表示法设置为cbcbcb)。使用铅笔工具在建筑顶层高度左右绘制一条从左到右的细线。这条指南线将用于绘制路灯柱。稍后,此图层将被移除。

    无标题图片

    指南线是临时的,仅用于辅助创建路灯柱。它不会在最终图像中可见。

  8. 在 Guideline 图层之上添加一个透明图层,将新图层命名为Lamp Posts。从工具箱中选择画笔工具。选择一个合适的画笔,大小刚好足以作为远处的路灯柱可见。在建筑前门左侧绘制一条直线,从指南线下到建筑的大致底部。对入口的右侧重复此过程。复制此图层,并在 X 方向上偏移 3 个或更多像素(偏移量取决于绘制柱子使用的画笔大小)。使用亮度-对比度对话框(颜色亮度-对比度)并将亮度降低到-127

  9. 雨层降低了图像的对比度。在图层对话框中,将每个雨层的透明度降低到大约 30%到 50%。点击Rain 2图层。将其与Rain 1图层合并(图层向下合并)。使用亮度-对比度对话框(颜色亮度-对比度)调整合并图层的对比度。设置取决于雨层的内容,但亮度应小于-100,对比度应提高到接近 127。

    image with no caption

    使用临时图层进行对齐是一种新技巧,但您会经常使用它来进行非严格垂直或水平对齐。

添加灯具和灯光

  1. 在“灯具副本”图层上方添加一个透明图层,命名为Lamps。在画布上靠近灯具的位置创建一个椭圆形选区。使用矩形选择工具剪切选区的下半部分。如果需要,使用缩放工具适当调整灯具上方灯具的大小。使用移动工具将选区定位在左侧灯具上方。使用旋转工具将选区的直线边缘与引导线对齐。选择混合工具,并从选区的曲线顶部开始,将线性渐变从黑色拖动到灰色,直到选区的直线边缘。

  2. 使用移动工具将选区拖动到另一个灯具上方。重复使用混合工具应用渐变。清除选区(选择)。

    image with no caption

    灯具顶部是一个简单的半圆形,这里通过关闭 Rain 1 图层的可见性来显示,以便更容易看到渐变。灰色水平引导图层在灯具之间可见。

  3. 创建一个透明图层,命名为Lights。在图层对话框中将它移动到Lamps图层下方。使用路径工具在左侧灯具下方绘制一个矩形。矩形顶部应较薄,底部较宽,底部呈圆形。在工具选项对话框中,将路径转换为选区。从工具箱中选择混合工具,并配置它使用从白色到透明的线性渐变。在图像窗口中选区的顶部附近点击,并拖动到底部。沿着灯具柱的线条对齐渐变。

  4. 使用移动工具将选区移动到第二个灯具下方。如果需要,使用缩放工具调整选区大小,然后应用另一个线性白色渐变。清除选区。

  5. 打开高斯模糊滤镜(滤镜模糊高斯模糊),并将图层在 X 和 Y 方向上应用10 像素的模糊。将图层不透明度设置为 35%到 60%之间。此时,您可以删除引导图层,或者在图层对话框中关闭其可见性。

    image with no caption

    灯具并非必需,但它们为影片增添了一种酷炫的赛博朋克风格

检索红色领带

  1. 打开一张有红色领带的匪徒图片。从工具箱中选择模糊选择工具,并将阈值设置为95。点击红色领带上的任何位置。高色彩对比度应该允许通过单次点击完全选择大部分领带。如果选择区域内有未选择的领带斑点,通过增加一个像素来扩展选择以选中它们。如果领带外部有一点区域被选中无关紧要。复制选择。

  2. 将选择粘贴到基础图像中,并使其成为一个新图层。将图层命名为红色领带。使用工具箱中的翻转工具水平翻转领带。去色该图层。从工具箱中的前景色中选择红色。在图层对话框中勾选锁定 Alpha 通道框。从工具箱中选择桶填充工具。在工具选项对话框中,将模式设置为颗粒合并,并将受影响区域设置为填充整个选择。在红色领带图层中点击以重新着色图像。这个过程专门用于去除打印中超出色域的颜色。如果你在首选项对话框中配置了颜色管理(编辑▸首选项),可能需要进一步调整。使用移动工具将领带定位在男子胸部的正确位置。将领带图层设置为图像大小。

  3. 将红色领带图层移动到 Rain 1 图层下方。

    无标题图片

    一点色彩可以吸引对匪徒的注意。内嵌图像显示了启用快速蒙版且蒙版颜色设置为绿色的选择区域

进一步探索

最后一步是将背景变暗,使主题成为图像的焦点。为此,在建筑图层之上添加一个透明图层。用黑色填充这个图层。为它添加一个图层蒙版。从工具箱中选择混合工具,并配置一个从黑色到中等灰度的径向形状。点击男子脸部的中间,然后拖动到枪的食指上以绘制径向的、从黑色到灰色的蒙版。

为了给图像增加深度,你可以使用两层雨。将 Rain 1 图层放在男子和建筑图层之间,并在图层堆栈顶部创建一个新的 Rain 2 图层。

posted @ 2025-11-25 17:06  绝不原创的飞龙  阅读(14)  评论(0)    收藏  举报