PR 做渐变背景,实际上没啥复杂操作,就是让层叠的蒙版慢慢变透明,底下内容自然就隐退了。 打开项目,直接选个矩形框,内容框里填个纯色要么啥都行,反正别忒花哨,背景想啥样反正得露出来。把鼠标放背景图层上,菜单里找个渐变工具,图标是个叶子形状。拖到背景上,调整下方向。

这步有点讲究,得顺着内容往下铺,像给页脚铺路一样,让内容慢慢浮上来,但蒙版自己得沉下去。方向要是垂直,就像画慢慢消亡的雾,那样背景最密的地方就在最上面,蒙版最透明的地方就被盖住得不剩半点儿,彻底看不见。

要是水平铺,就变成那种横向流动的渐变色,适合做那种深奥的、给人推进一步的感觉。 颜色得调软一点,别忒刺眼。RGB 这种亮色忒抢眼了,灰度要么低饱和度最稳。

比如你想做那种黄昏那种感觉,把中间调调成橙色偏灰,边缘调成深灰红,这样光线过渡就挺自然,不像工笔画那么死板。 图层管理这块儿得注意,一辈子别把背景层直接拖到内容层下面,那样肯定看不清。得用个蒙版,要么干脆把背景层缩成 0.1 的显示比例,让它缩得快,内容露得出来就行。缩小的话,右键选拉伸,选“向下”,这样背景就自然收缩进页面边缘了,页面内剩下的空白也没处去,显得干净利落。 要是想增添层次感,能够多打几个背景图层叠上去。底层铺个大色块,中间加个中色调,最上层铺个极淡的浅色。

这如何铺如何收,关键在“收”。能够把最顶层的蒙版拉得特别长,要么把透明度压到 0,这时候最上层就彻底隐形了,只剩下中间层和底层。

这种“由厚变薄,由深变浅”的手法,比啥特效都管用,只是把透明度给调小,内容就会自己往后退,露出一圈空白的边沿。 这效果要是做得不够“虚”,就是背景忒实了,看起来像块砖头。得在蒙版上叠加点颗粒,要么用滤色器略微减点对比度。拿个画笔,颜色调成半透明的灰色,在蒙版上随意扫一点,啥地方扫就多扫一点,把蒙版“吃”掉,背景就虚得像空气一样。

这时候看一眼画面,那种朦胧感自然就出来了,既干净利落又不生硬。 数据这东西,有时候得用数据讲话。

比如做电商促销页,背景不用忒花哨,就铺一层极淡的米黄。中间层放个深红,覆盖一层并略微削减透明度,再放个深蓝,覆盖一层并削减透明度。

这种深淡的交替,数据感就出来了。你能够给背景加个长条形的蒙版,画成 30% 的深红色,然后向下拉伸。

这时候促销标签就能从边缘往里挤了,视觉上就有个“正在活动”的暗示。 还要寻思设备适配。手机屏幕小,背景忒满会挤脸。能够在属性面板里把背景图形的最小宽度或高度设得窄一点,要么用圆角矩形把边缘处理得圆滑些,这样在 iPhone 上看也就宽宽的圆角,不会显得忒死板。 实际上做渐变背景,就是搞个视觉的呼吸感。先把整个页面当成一个容器,然后往里填充颜色,再把颜色变淡,让内容透出来。别总想着加滤镜,滤镜多了显得累。直接用蒙版的透明度调,配合一点点毛玻璃效果,画面立马就有那种通透的高级感。最终记得检查下对比度,背景忒亮的地方内容就看不清了,背景忒暗的地方又看不清细节,得在中间找平衡,让视觉焦点自然落在内容主体上。