选中一张图片,在图片工具里通常能找到一栏效果。里面列着边框、阴影、映像、柔化边缘这些东西,还有一堆预设样式。
因为它们排在同一个地方,很容易被当成"同一类东西的几种样子"。
其实它们改的对象差得很远。用一个统一的问法就能看出来:这个效果,动的到底是什么?
边框动的是边界。阴影动的是关系。映像动的是数量。而柔化边缘,动的是图片自己。
下面一个个说,说清之后你就知道该对哪个动手,以及哪个是不该轻易动的。
边框:改的是"边界"
先说最简单的。
边框做的事,是在图片外围(或者内侧)画一圈线。你可以设它的颜色、粗细、线型——实线、虚线、双线都行。
它的关键在于:它没有碰图片本身。
图片还是那张图片,一个像素都没变。变的只是它外面多了一圈线。所以你把边框去掉,图片立刻回到原样,一点痕迹都不留。
这一点很重要,因为它决定了边框是"安全"的效果。你可以随便试颜色、试粗细,不满意就撤掉,不会有任何损失。
它适合什么场合?当你需要图片和周围的文字明确分开的时候。比如一张截图放在正文里,加一圈浅灰的细边框,它就不会和文字糊在一起。
但要注意它有一个代价:它会增加这张图的视觉重量。
一圈深色的粗边框,会让图片显得很"重",把读者的注意力拉过去。如果你只是想让图片和文字分开,一圈浅浅的细线就够了。太显眼的边框,反而会让人觉得这张图和内容不搭。
阴影:改的是"关系"
第二个是阴影。
它做的事,是在图片的某个方向加一块半透明的暗色,模拟出"光照过来、物体挡住光"的效果。
它的关键在于:它改变的是这张图和背景的关系。
加阴影之前,图片像是"印在纸上"的,和文字在同一个平面上。加完之后,它看起来像是"浮在纸上面"的,和文字不在同一层了。
所以阴影是在伪造一种立体感。它不改变图片,也不改变背景,它只是让你觉得这两者错开了一个高度。
它的参数一般有方向、模糊程度、距离、颜色。方向控制光从哪来,模糊和距离控制它浮得多高。
这里有一个很实用的判断:阴影在浅色背景上有效,在深色背景上容易变脏。
因为阴影本身是暗色的。底是白的,暗色叠上去就是一层柔和的灰,看着自然。但底本身就是深色的,再叠一层暗色,就变成一块糊糊的黑影,看起来像图片底下有污渍。
所以如果你的文档是深色底,那么阴影这个效果要慎用。这时候想让图片和背景分开,更好的办法是用一圈浅色的边框。
映像:改的是"数量"
第三个是映像,也有人叫倒影。
它做的事,是在图片下方生成一个镜像的副本——把图上下翻过来,淡化,贴在下边。
它的关键在于:它让同一张图出现了两次。
主图在上,一个变淡的镜像在下。两者合成一个整体,看起来像图片立在一面光滑的桌面上。
它给人的感觉和阴影不一样。阴影是"浮起来",映像是"放在有反光的台面上"。前者像贴纸飞起来,后者像产品拍照时的展示台。
它的参数一般是透明度、大小、偏移距离。透明度控制倒影多淡,大小控制它留多长。
有两个代价要留意。
一个是它会让图片实际占用的空间变大。因为下方多了一段倒影,那个区域也归这张图了。所以你在排版的时候,会发现图片下面莫名其妙多出一块空,那其实是倒影占的。
另一个是它的"分量"比较重。倒影是个很显眼的效果,它会让图片看起来像一张产品海报。所以如果这篇文档是正经的公文或者报告,加倒影往往显得太花。
柔化边缘:改的是"图片自己"
最后说柔化边缘。它是这四个里最特殊的一个。
它做的事,是让图片的边缘逐渐变透明——从中间往外,透明度慢慢增加,最后完全消失。
所以它看起来像是把图片的四周"晕开"了,边界不再是硬的,而是虚的。
而它的特殊之处在于它的作用对象。
前面三个效果,动的都是图片之外的东西:边框是在外面画线,阴影是在下面加暗块,映像是在下面加副本。它们都没有改图片本身。
而柔化边缘动的就是图片自己。 它改的是图片边缘那些像素——它让那些像素变半透明了。也就是说,它是一个"改在图上"的操作。
这个区别带来一个很实际的后果:前三样你随时可以去掉,图片立刻原样恢复;而柔化边缘不是同一类东西。
它和前面三个并列在一起,只是因为它也在那一栏里,但从性质上讲,它更接近"给图片做一个处理",而不是"给图片加一个装饰"。
那它有什么用?
它最有用的场合不是"让图片更好看",而是让图片不那么像贴上去的。
想象一下:你把一张截图放进一份文档里,四周是硬邦邦的直角边,看起来就是"一块图贴在了这里"。如果你把它的边缘稍微柔化一点,它就会和页面背景自然过渡,像是本来就在这张纸上。
所以柔化边缘的定位是"融合",而不是"装饰"。当你要把一张图溶进页面里,而不是让它在页面上凸出来的时候,用它。
一个可以先记住的结论
把四个放在一起,第一个结论是:
它们是"图片对象的属性",而不是"图片的内容"。
也就是说,这四个效果都记在"这张图片"这个对象上,跟着图片走。你把图片移到别处,效果跟着;你把效果关掉,图片回来。它们不是画上去的像素。
但这个结论有一个例外要说清:如果你把带效果的图片"另存为一张新图片",那这些效果就会被合成进去。
因为新的图片文件里没有"效果"这个概念了,它只有像素。所以它会老老实实把边框、阴影、映像、柔化的结果都烤进那张新图里。
这也是为什么我建议:如果你的排版以后还要改,就别急着把带效果的图另存成文件。留在文档里,那些效果就是可以随时调、随时撤的。
而如果这份文档要发给别人,那还是那句话——导出成 PDF 更稳。它会把当前的样子固定下来,你不用去猜对方那边这些效果会不会变样。
加效果的顺序,也有讲究
再补一条操作顺序上的建议,它能帮你少返工。
先说结论:先定图片的大小和位置,最后再加效果。
原因在于,这几个效果里有的会改变图片占用的空间。
最典型的是映像。它在下方生成一个副本,那段区域也算在这张图头上。所以如果你先把版面排好、位置都调顺了,最后再加映像,你就会发现图片下面凭空多出一块,把后面的文字或者别的图往下顶,整个版面跟着动一遍。
相比之下,边框和阴影对占位的影响要小一些——它们主要是在图片的周边或者下层做文章。不过边框如果加得比较粗,也可能让图片看起来稍微大了一圈,所以还是建议放在定尺寸之后。
所以顺序上是这样:先把"占多大地方"定下来,再决定"长什么样"。
如果几个效果要一起用,那就把改占位的排在最前面——先加映像,再考虑边框、阴影、柔化这些。这样你调位置的时候,心里对最终占地是清楚的。
这个顺序和我在别的地方说过的一个道理是一样的:结构上的事先定,装饰上的事后加。反过来做的话,装饰会不停地把结构推翻,你就一直在返工。
那到底该不该加
讲完四个,说落点。因为这一类效果最大的风险不是"用错",而是"用多"。
我在另一篇讲排版原理的文章里说过一件事:新手排版最容易犯的错不是缺了什么,而是加得太多。加粗、变色、加边框、加底纹、换字体,每一样单独看都像在让文档更好看,加起来就变成了乱。
图片效果也一样。你把边框、阴影、映像一起加上,那张图就会显得非常"用力"——像是在喊"看我"。而在一份正经文档里,读者想要的是内容,不是被一堆效果拦下来。
所以有一个很简单的判断法:把这四个效果全部关掉,看这张图还能不能传达它该传达的信息。
如果答案是可以,那这些效果就属于装饰。装饰少一点,专业感反而更高。
如果答案是不行——比如没有边框它就和文字糊在一起、没有柔化它就明显像贴上去的——那这个效果是"有功能的",可以留。
换句话说:留下那些解决问题的,去掉那些只是加气氛的。
几个常见的坑
第一个坑,是把这四个当成一类东西。前三个加在图片外面,第四个改在图片上,性质不一样。
第二个坑,是在深色背景上用阴影。它不会显得立体,只会显得脏。深色底要用浅色边框来分隔。
第三个坑,是加了映像之后发现下面多出一块空,以为是排版出错。那是倒影占的位置。
第四个坑,是几样一起加。边框加阴影加映像,图片会显得非常"吵"。
第五个坑,是把带效果的图另存成新图片文件,然后发现效果改不掉了。因为效果已经被烤进像素里了。
最后
如果只用三句话记住这篇,我希望是这三句。
这四个效果改的对象完全不同:边框改的是边界,它在图片外围画一圈,不碰图片;阴影改的是关系,它让图片看起来和背景不在同一层;映像改的是数量,它让同一张图出现两次;而柔化边缘改的是图片自己,它真的把边缘的像素变透明了。
所以前三个是"安全的",随时能撤、图片原样恢复;第四个不是同一类,它更像一次图片处理。它的用途也不是装饰,而是让图片和页面融合、不显得像贴上去的。
而最后一句是关于节制的:把这四个全关掉,看这张图还能不能传达信息。能的话,它们就是装饰,而装饰少一点,专业感反而更高。