首先我们打开PS，画一个矩形，然后给这个矩形添加图层样式「渐变叠加」

然后点击滤镜（出现弹窗后选择转换成为智能对象），选择液化，这个时候就可以随意的在矩形渐变上进行灵魂创作了，建议同方向涂抹，先用大画笔，再用小画笔，然后确定。

第二种方法是通过角度渐变结合模糊画廊制作，首先还是画个矩形，添加渐变叠加样式，这里注意将渐变叠加的样式由「线性」改为「角度」渐变，注意渐变条两端的色彩要保证统一，否则会出现一条分界线。

然后点击滤镜-模糊画廊-场景模糊，将场景模糊调大（具体数值看实际效果即可），然后再勾选光圈模糊，模糊数值调大。

最后下方效果处勾选「光源散景」，数值调大，然后确定就可以了。

看到这里肯定有的同学感觉很麻烦，或者效果调整不好，文章最后我会提供液化/模糊画廊调整好的源文件，大家只需更改渐变色即可。

技法二：故障动态效果文字与背景

比较年轻化且比较酷的作品集或提案我们常常喜欢想做一些故障风效果，但是这种效果在AE中需要花费一些时间，有一个做故障风的网站很多人都知道，但并不能最大化利用，那就是「PhotoMush」，这个网站可以将我们刚才所制作的渐变背景一秒种就动起来，也可以制作一些故障效果的标题文字等。

首先我们需要导出一张透明的白色的文字，PNG格式，任何软件都可以（PS，Sketch，Figma，AI等），然后打开网站「PhotoMosh」，将透明文字导入。

然后调整效果即可，常用效果「摇晃」「海报化」「RGB偏移」「涂抹」等。

静态图直接点下方保存就可以了，动态图的导出方式有两个，方式一是点网站左上角的动图，然后点录制，会自动下载，方式二就是用录屏工具直接录屏。

当然，这个网站不仅能制作文字，动态的背景图也是可以生成的，效果给大家看一下，具体怎么做的我们需要动动脑子，就当给大家一个思考题吧。

再来一个小的拓展，我们上个板块教大家做的渐变色，是不是也可以借助这个网站做点特效呢，比如...

技法三：3D动态背景快速生成

相比于用插画当作作品集背景，3D效果的元素更有视觉上的纵深感，这里分享给大家一个快速生成3D背景元素的网站「blobmixer」，好好的加以利用也可以做出来非常Cool的作品集封面效果。

首先是万能的十二列Web栅格。

我们先做一个居中对齐风格的，首先给主文案8列栅格，为了让画面风格，文字后方也就是版心位置预留出图形主视觉，左上角右下角也预留出辅助的图形元素。

主视觉放置什么元素呢？插画？模型？界面？不如结合我们刚刚所讲的高效网站，生成一组3D球体元素。当把球体放置在预留位置后发现3个图形成对角线有点太过规则，容易视觉上闭合成线，因此这里将主视觉缩小，再生成两个点缀球体，页面布局结构合理化。最后用视觉横线将没有规则的文字闭合。

‍

‍

第二组我们想做最近流行的酸性风格，这次用承载力更强的左右布局，想让文字为主文字就放到视觉的发起点左上角，右边放什么呢？

酸性风格貌似跟插画不太对付，不如就放一组界面作品，占据7列栅格，文字占据4列栅格，尽量接近黄金比例，主标题文字与符号箭头用堆叠效果让画面元素间更有关联性，看起来更整体。上下增加徽章式辅助文字，烘托气氛。但是目前画面缺少色彩，怎么做呢？

文字通过剪切蒙版增加渐变色（甚至可以做动态的），边角处再增加渐变元素球与文字进行色彩呼应，同时赋予Z轴结构空间。