Lightroom内置水印工具最大的缺点之一是,它经常使水印看起来太软/模糊,特别是在提取较小的JPEG图像时。这是由于Lightroom在图像水印方面的实现相当差。Lightroom不仅在添加水印之前对图像进行锐化,而且该软件使用的调整大小算法似乎非常糟糕。无论选择什么样的图像尺寸,Adobe都没有提供在水印编辑器中关闭缩放的方法,即使提供了具有正确尺寸的透明PNG / GIF图像。由于这个原因,许多摄影师最终使用Photoshop为图像添加水印,这当然需要更多的时间和精力,但相比之下,肯定会产生更清晰的结果。在看到糟糕的水印效果后,我决定寻找其他方法,看看是否有一种方法可以使用相同的工具使水印更清晰。经过一些实验,我提出了两种最终效果良好的方法,这就是我将在本文中与读者分享的。
看看下面的两张图片——“之前”的图像显示了Lightroom添加水印的效果有多差,而“之后”的图像显示了如果操作正确的话它会是什么样子:
请注意,下面讨论的方法有些高级,需要特定的软件,如Adobe Photoshop(用于第一种方法)和Illustrator(用于第二种方法)。对于第二种方法,你还需要下载一个名为FontForge的开源字体生成软件。
方法#1 -调整水印的精确尺寸
这种方法可能是最容易实现的,因为你只需要使用Photoshop来调整水印。基本上,这个想法是调整你的透明PNG或GIF图像,使其具有与输出图像完全相同的图像尺寸。例如,如果您有一个导出预设,导出图像为960像素宽,您将需要调整您的PNG / GIF图像,使图像宽度正好为960像素。这样,Lightroom可以强制不缩放水印,它将显示为锐利,因为你从Photoshop。
不幸的是,这种方法有一些严重的缺点。首先,如果您希望能够在所有四个角落放置水印,您将需要为图像的每一侧创建两组水印。其次,您需要分别为水平和垂直图像创建水印,否则Lightroom将再次恢复缩放。如果你输出多种分辨率,你将需要重复相同的过程,其余的,这可以迅速增加水印预设在你的电脑上的数量。不过,在我看来,这个结果绝对值得努力,因为与Lightroom默认情况下的拙劣调整版本相比,您的水印在清晰度和质量方面看起来会更好。
下面是你需要运行的完整步骤列表:
- 确定水平和垂直图像所需的图像尺寸。在这个特殊的例子中,我将只运行我想以960像素宽分辨率输出的水平图像。
- 在Adobe Photoshop中打开你的透明logo。确保logo的背景是透明的,如下图所示:
如果你的logo是白色的,可能很难看到它,因为背景是明亮的棋盘格图案。如果是这样的话,你可以通过访问“编辑->首选项->透明度和色域”轻松更改它,并将“网格颜色”设置为“深色”:现在应该更容易看到logo了:
注意,我们没有改变图像本身的任何东西-我们只是让透明背景看起来更暗。如果你的logo是深色的,你可以选择浅色的透明背景/棋盘。
- 现在确定在你想要的图像尺寸下导出的logo应该有多大——这就是我们需要调整的logo大小。对于我正在使用的960像素宽的图像大小示例,我将把logo大小调整为100像素宽,基本上大约是图像总宽度的10%。继续按CTRL+ALT+I (CMD+ALT+I在Mac上)在键盘上输入目标大小:
对于“重采样”算法,选择双三次锐化,因为我们正在降低图像尺寸,并希望在调整大小时保持图像锐化。 - 下一步是用额外的空间填充调整大小的标志,以覆盖丢失的维度。按CTRL+ALT+C (CMD+ALT+C在Mac上)调出画布大小工具:
将所需的图像尺寸放在宽度下(在本例中为960),并保持高度值不变-这一点无关紧要。确保向右移动锚点,这样水印就会移动到画布的右侧。点击OK后,你应该会看到如下内容:
- 水印图像已经准备好了,但我建议您采取一小步。如果图像右侧没有足够的空间,最好在那里留出一点空间,以避免在Lightroom中使用水平插入。不幸的是,如果您使用水平插入,Lightroom将再次缩小您的徽标,因此最好在徽标右侧留下一点空白空间。你可以简单地把logo往左拖一点,或者为了保持一致,我总是喜欢用键盘左键来代替。确保按“V”键切换到移动工具,然后选择相应的层,主机水印,只需按键盘上的左箭头开始移动标志远离框架的右边缘。我把我的移动了大约10次,距离帧的边缘10个像素。
- 再次按CTRL+SHIFT+ALT+S / CMD+SHIFT+ALT+S (Save for Web)将其保存为PNG文件,并选择PNG-24作为文件格式。确保选中“透明度”:
给它起个有意义的名字比如960px水平-右。png
- 重复上面的步骤,但这一次当调整画布大小时,将锚点放在左侧。这个将用于左侧,所以保存它就像上面一样,并命名为:960px水平-左。png
- 现在您已经有了用于水平图像的两个文件,让我们继续在Lightroom中创建必要的模板。打开水印编辑器,点击“编辑->编辑水印…”:
选择“Graphic”,选择我们刚刚创建的第一个文件。在我的例子中,我使用了“960px水平-右。png”图像。向下滚动到“水印效果”,并确保选择“适合”。这样,就不会增大或减小大小,因为水印的水平尺寸与图像的尺寸相匹配。在“插入”下,不要触摸水平值,但可以随意更改垂直值,因为您可能想要根据您在右侧放置水印的位置向上或向下移动它。
- 用一个有意义的名字保存模板,比如" 960px水平右下角":
- 对图像的顶部重复上面的最后一个twp步骤,然后对左侧的两个部分重复这一步骤,并给出所有三个适当的模板名称。
- 你都准备好了!从这里,你所要做的就是导出水平图像,并选择正确的模板来指定徽标的确切位置。
- 如果你打算提取垂直图像,对垂直图像重复上述所有步骤,并将模板命名为“960px vertical Bottom-Right”。
这是最终的结果,与一个清晰的水印应用到导出的图像:
毫无疑问,上述过程比它应该的要复杂得多。Adobe的软件设计团队真的应该被打一巴掌,因为他们不能选择精确尺寸的水印,也不能以任何方式缩放它。应该有一种方法可以在“水印效果”下添加一个简单的选项“No Scale”,它允许最终用户选择水印并将其应用到图像的任何一侧,通过简单地将水印水平或垂直移动像素来使“嵌入”工作。这肯定会节省很多步骤!
方法#2 -创建一个Logo字体
第二种方法稍微复杂一些,因为它涉及到创建字体并将其安装到计算机中的过程,与第一种方法相比,它是一种更好的方法,因为您不必处理不同的图像大小和尺寸-您实际上可以在Lightroom中有4个模板来制作水印,而不考虑图像尺寸。最初的过程有些痛苦,但如果你准备投入一些时间,你会对结果非常满意。
这种方法的唯一问题是,您不能在水印中有不同的颜色,因为字体只能是一种特定的颜色!在我的情况下,这不是问题,但如果你有不同的颜色和色调,你想要保留,你唯一的赌注是使用第一种方法。
基本上,这个想法是创建一个真正类型的字体,你的标志放在一个字符(比如“a”)。一旦字体创建并安装在您的计算机上,您就不再需要使用图形水印样式。您可以使用“文本”,只需输入包含水印的字符。由于字体是基于矢量的,增加或减少字体大小不会导致图像的放大或缩小,每次使用时都能保持水印的清晰度。
让我们开始吧:
- 首先,如果您还没有包含logo的svg格式文件,请确保使用Adobe Illustrator将其从. ai或. png格式的logo文件转换。打开Illustrator,然后打开你的logo。如果你已经在Illustrator矢量文件(。ai扩展),所有你需要做的是保存您的文件在SVG格式。如果你只有一个透明的。png文件,你需要首先打开它,然后运行图像跟踪,以便将标志转换为矢量,以便稍后导出。点击“Window->Image Trace”打开Image Trace面板:选择“高保真照片”进行最佳质量的矢量转换,然后取消选中“预览”,并单击“跟踪”开始该过程。
- 跟踪完成后,您将能够从顶部的下拉面板查看跟踪结果。看一下“轮廓”,确保你的logo边缘看起来不错。如果您对结果满意,单击“Expand”按钮将跟踪对象转换为路径。
- 现在你的标志被转换为矢量路径!如果你选择直接选择工具(A),你将能够选择不同的矢量路径,如下图所示:
正如你所看到的,我可以选择logo的“。com”部分——那些蓝点表示不同的矢量路径。 - Illustrator的最后一步是去除图像的潜在边界,这些边界是由于图像跟踪而添加的。只需点击如下图所示的蓝色边缘,然后按“删除”键删除它们:
此外,查看任何需要删除的透明区域——如果你有字母“o”,你需要清理那些中间区域,这样矢量路径只覆盖字母的实际边缘,而不是它们的内部。 - 从这里开始,我们需要做的就是将图像保存为SVG格式。转到“文件->另存为”,然后单击“另存为类型”的下拉菜单,选择SVG (*.SVG)。给你的文件起一个像“Logo.SVG”这样的名字,然后点击“保存”。将弹出一个类似这样的窗口:
只需选择默认值并单击OK。矢量文件已经准备好导入字体创建工具。您现在可以关闭adobeillustrator。 - 下载并安装名为FontForge的开源字体创建工具从这里.启动软件,然后当第一个窗口出现时,点击底部的“新建”按钮创建一个新字体:
你会看到一个新的窗口,看起来像这样:如果您以前从未使用过FontForge,那么该软件使用起来可能有点复杂。但是,我们在这里只需要执行两个任务——主要是将SVG文件导入到一个字符中,然后生成一个TTF文件。
- 将标志放入其中一个字符-只需双击其中任何一个。我直接选了大写字母A。你会看到另一个窗口弹出,看起来像这样:
进入“File->Import”,然后点击“Format”下拉菜单,选择“SVG”。双击之前在Illustrator中创建的Logo.SVG文件:
你现在会看到矢量路径出现在主窗口中,如下图所示:
一切看起来都很好,所以您可以继续并关闭该窗口以返回主窗口。 - 如果您点击任何其他单元格,您现在应该看到您之前选择的字符现在包含您的标志,这正是我们想要的!从这里,我们现在需要给出字体描述和名称并保存它。进入“元素->字体信息”(CTRL+SHIFT+F),输入必要的信息,如字体名称,家庭名称等:
我为“Fontname”字段选择了“PL-Logo”,为“Family Name”和“Name for Humans”字段选择了“PL Logo”。你可以给你的字体命名任何你想要的名字-只是不要在“Fontname”字段中使用任何特殊字符或空格。完成后,单击窗口底部的“OK”按钮。
- 我们完成了字体标志的创作!现在让我们继续,并将此字体保存为TTF格式。进入“文件->生成字体”(CTRL+SHIFT+G),输入字体文件名,然后从下拉菜单中选择“TrueType”:继续单击“Generate”以生成TTF文件。
- 现在已经创建了字体文件,让我们继续将其安装到操作系统中。在Windows中,你所要做的就是右键单击TTF文件,然后点击“安装”来安装字体。如果你是Mac用户,你可以双击字体文件打开字体。从那里,只需点击“安装字体”底部的预览得到字体安装。
- 字体现在已安装在您的操作系统中,但Lightroom并不知道它。请确保关闭Lightroom并重新打开。
- 在Lightroom重新启动后,转到“编辑->编辑水印”。选择“文本”作为水印样式,然后点击“字体”下拉框,找到你之前安装的字体。对我来说,是“PL Logo”。选择手机后,在左下角输入存储logo的字符。在我的例子中,我在大写“A”下保存了徽标,这正是我键入的:确保你取消选择“阴影”,这样阴影就不会添加到你的标志。最酷的是,现在如果你想,你可以用任何颜色制作你的标志,包括黑色和白色-只要选择适当的颜色,你就可以了。因为它是一种字体,所以它总是适用于任何颜色:)
- 就像任何其他字体一样,您将能够指示不透明度,插入和锚定位置。不要忘记字体大小是通过“比例”大小来设置的。在我的例子中,我必须将其设置为14,使其与PNG文件的大小相同:
就像我的如何在Lightroom中水印照片文章中,继续为框架的每个角落创建模板。
下面是使用上述设置时水印的外观:
还不错-比Lightroom通过PNG文件缩小水印时做的要好得多!
从现在开始,您将能够在图像的任何部分创建任何大小的水印,无论是水平图像还是垂直图像,这真的很整洁!现在你已经有了带有logo的字体,你也可以在Photoshop或任何其他应用程序中使用它-它将永远供你使用,甚至在文档中。请记住,其他人将无法使用您的标志查看您的文档,除非他们从您那里获得TTF文件并将其安装在他们的计算机上。
希望这篇文章对你有用——如果你有任何问题或反馈,请在下面的评论区告诉我!
嗨,谢谢你的建议!
但我有一个问题,当我生成字体。
我的SVG看起来很棒,当我看它在photoshop或internet explorer。
甚至在FontForge也是如此。
我有和你一样风格的logo,有文字和两种颜色,白色和一种几乎是黑色。
但是当我预览或导出字体时,我的标志的很大一部分是缺失的。
你是怎么保持颜色的?
非常感谢。
谢谢!!
我今天遇到了同样的问题(在后来研究这个问题和发现你的文章之前),并想出了以下我认为值得分享的替代工作:
1)我通过Photoshop CC的“快速导出为PNG选项(位于文件-导出下)将原始的。svg保存为光栅化的。PNG。在我的情况下,这产生了一个透明度为2480 x 2480像素的PNG。
2)然后在lightroom中创建了四个导出预设(每个角落的位置,我可能希望放置徽标(即“右上”,“左上”,“右下”,“左下”)。我设置了导出预设以创建全分辨率jpeg并保存到桌面上专门命名的文件(FULL RES LOGO图像),并使用导出功能将照片添加到lightroom目录中。
3)然后我创建了一个新的导出预设,导出尺寸设置为我选择的网页大小导出-在我的情况下,导出尺寸设置为800像素作为短边和最大文件大小200kb。“添加水印”复选框未选中,导出的位置为一个名为“WEBSIZE LOGO IMAGES”的新桌面文件夹
4)然后在lightroom中,我简单地找到桌面上的FULL RES IMAGES文件夹-选择所有图像(cmd A) -然后通过预先设置的websize调整大小重新导出它们(参见上面的第3项)。
在发布这些低分辨率图像后,我简单地选择了两个桌面文件夹中的所有图像,拒绝它们(键盘X),然后从lightroom和硬盘驱动器中删除它们(退格键)。
一旦预先设置好了,这个过程就相对快速了。
高清图像上的标志非常清晰。然后调整这张高分辨率的图像(完整的logo已经在原地),调整大小的图像上的logo比让lightroom在导出过程中调整logo图形文件的大小有了相当大的改进。
我完全同意,首先这个问题的存在有点令人震惊——一个相当大的故障,应该在软件开发期间被发现和纠正。
谢谢,谢谢,谢谢!真的是很棒的文章。
新年快乐,Nasim,多么棒的文章。我一直对LR渲染水印的方式感到沮丧。
不过我确实有个问题。我正试着遵循方法2。我有一个ai文件,由图形和一些文本组成。当我将其转换为SVG文件时,只转换了图形,而不是文本。我尝试光栅化整个图像,然后使用图像跟踪。这是可行的,但是我对有中心的字母的中心有问题,比如o。现在,封闭的外部路径没有边界,有一个黑色填充。内部封闭路径没有边界和白色填充。当我尝试像你描述的那样删除内部路径时,我松开了内部切口,外部路径整个变成纯黑色。我试图在不删除FontForge内部路径的情况下导入文件,但我最终得到了没有切割的固体字母。 Any ideas? I was trying to do all my edits in ai cs6, and thought that might be the problem. However, when I downloaded the trial of ia cc I still had the same problem. Any help would be greatly appreciated.
别担心,纳西姆。我睡了一觉就回答了自己的问题!我现在已经安装了字体,一切都很好!再次感谢你的好文章。
你好,伊丽莎白,
我现在也有同样的问题。你能告诉我你是如何保存内部切口的吗?
Nasim,
谢谢你的指导。非常有用的。
好文章,Nasim!我用方法一已经很长时间了。我在尝试方法二,但遇到了各种各样的问题。以下是我所做的总结:
我在Photoshop中为我的logo设置了文本图层,并为每个图层创建了一个工作路径。我用我的logo的光圈组件创建了一个选区,然后用钢笔工具为选区创建了一条路径。然后我在Photoshop中把所有的东西都非常干净地作为路径,并通过文件/导出菜单导出到Illustrator。我在Illustrator中打开保存的.ai文件,只检查作物区域,并将其保存为默认设置的.svg文件。我把它导入FontForge,这是一个我很快发现的可怕的程序。它有图形问题,只能看到C盘。但我把。svg导入到A,它看起来没问题,但它也是4750像素宽,如果上面的尺子是像素的话。它几乎比屏幕截图中logo所在的方框大5倍。我试了一遍,从Photoshop调整到72dpi,而不是300dpi,没有什么区别。在Photoshop中只有701 x 151。 When I generated a TTF font it warned about a non-standard Em-Size which should have a power of 2. I changed that easily from 1000 to 1024. The next error said the font contains errors: self intersecting, missing points at extrema, and non-integral coordinates. I ignored that and saved it anyway. I installed the font and chose it in Lightroom, and then the real fun begins! I can’t see more than 1/4 of the logo or reposition it properly without anchoring it right or center, I think because it’s so darn huge in the previous step. It also doesn’t show up at all after exporting, there’s no text or logo at all, even though it’s in the preview window. I’m guessing the font size exceeds some undocumented boundary or limitation in Lightroom on export and crashes but doesn’t display an error. Any idea how to fix this size issue in FontForge or maybe in a previous step in Illustrator? Maybe it’s the way Photoshop exports paths to Illustrator?
Aaron,很抱歉这么晚才回复!
我认为你的标志发生了什么,是你没有正确地关闭矢量路径-一些循环可能是打开的,导致“溢出”。你有没有试过在Illustrator中打开logo的PNG文件(透明的),然后执行跟踪?请注意,在默认情况下,轨迹看起来并不是很好——你仍然需要在Illustrator中调整矢量路径,清理一下它们。但在你完成之后,你应该有一个定义良好的向量路径。不要离开Illustrator,直到你的矢量看起来100%好。尝试不同的填充,看看你的标志中的字符在你填充颜色后是如何出现的——尝试白色背景上的黑色。
在您对矢量路径感到满意之后,才可以保存为SVG格式。在这样做时,确保填充保持黑色,以便您可以打开SVG文件并查看它是如何显示的。如果您没有一个好的SVG查看器,试着在Internet Explorer中打开它-它应该会很好地呈现它。如果logo在IE的SVG文件中看起来不错,那么你就可以把它带入FontForge。是的,软件有点糟糕,但嘿,它是免费的:)
之后试试吧。希望这次能成功!记住,如果它在FontForge中不好看,矢量路径在Illustrator中没有正确定义。如果你在Illustrator上有困难,我会把文件弹到一个可以以最低成本为你快速转换的人那里——试试fiverr.com或类似的服务。设计师应该能够在几分钟内完成它!
我也有同样的问题。输出后什么都没有显示。由于某种原因水印只出现在我输出图像在低分辨率。
最后,我成功地解决了你的水印很大,在最终图像导出后没有出现的问题。看来问题的根源在于FontForge。我猜它处理SVG文件错误。我已经尝试了一些免费的在线服务,将SVG转换为自定义字体。他们中的一些人还不能正确处理复杂的SVG。我有最好的icomoon.io.它很容易使用。只需上传SVG文件并分配代码。唯一的缺点是免费版本不允许更改字体名称,但我在FontForge中打开生成的TTF字体并在那里更正名称。
现在它在Lightroom中完美地工作。我也喜欢这个方法在Photoshop中也很有用。
谢谢纳西姆这么好的方法。
Capture One的水印实现与Lightroom的相比如何?
Harvey,我计划明年开始使用Capture One(先从8升级到10)。希望我可以为C1用户做类似的文章:)
伟大的教程。恭喜你,谢谢!!www.arasuweddingbobsports官网photography.com
欢迎你,阿拉苏!