背景设计系列教程_几何图形背景_技法篇

先做一些简要说明。不愿意看文字的可直接下翻至技法教程。

01

为什么我要专门写背景设计系列教程？

我自身在设计工作初期，曾经经常因为没有思路，于是像大头苍蝇一般，为寻找一个合适的背景图花费大量的时间精力，寻找，下载，然后一个一个进行尝试。而后在教学过程中发现有不少的学生也是如此，为了寻找符合画面感觉的所谓高端大气的背景图片，可以不顾一切的花费时间去尝试。自己真正思考和着手做设计的时间却寥寥无几。所以我觉得十分有必要用我的经验去告诉你日常设计需求中，画面背景到底是怎么一回事，如何去思考、绘制和应用。

02

网络上各类型的教程非常多，而我所写教程的特点和优势是什么？

①内容接地气，更符合工作中常用技巧，帮助更多设计师快速解决日常设计需求；

②技巧应用打开思路，尽可能将一种技法应用于各种不同设计领域及环境下，最大化单一技法的使用，熟练思路的变化；

③技法逐步升级，尽可能由浅入难逐渐深入，提升自身能力，升级设计视觉；

④结合我的个人设计学习过程、我在教学中的不断摸索尝试和长期搜集众多工作中问题的反馈，总结得出的一套有着我个人独特风格和视角的教学思路和技法。

03

我的基本讲解过程

包括举案归纳，说明分析，技法讲解，日常工作案例应用讲解，打开思路演变升华等步骤。

04

我理解的背景在画面中所起到的作用

先思考一个问题：你看的每一部影视剧和小说中，最关注的的部分是什么？是剧情走向？人物性格行为？或背景时代？我印象很深的一件事，我的初中语文老师说过的一句话：小说中，最重要的部分是塑造人物。后来想想的确是的，我们的注意力往往是主角的性格和行为，而一部好的影视剧，往往是因为主角形象的塑造成功导致的。不同的作品其侧重点其实是不同的，我们说难道背景不重要吗？也不是，但在一幅画面中，通常最重要的肯定是主题、其次是内容，而背景起到的作用是烘托主题、延伸视觉、统一风格。

05

我们今天要讲解的技法是几何图形类背景

这种风格的背景有着众多的优势：

①解决画面太平，没有层次的问题；

②视觉风格强烈多变，几何图形天生自带艺术性，再加上颜色搭配与重复技巧，会让画面艺术感、设计感十足，易抓人眼球；

③上手难度低，易操作；

④完全自己绘制既可，无需花费大量时间寻找素材。

下面让我们进入技法讲解。

还是让我们先看下案例。

1.0技法相当容易掌握，要点在于使用圆形或矩形这类的基本几何形，区别于背景色提亮层次，可进一步使用微渐变、堆叠和分割形状的小技巧丰富画面。

案例1：可使用同色系或近似色的深与浅微渐变，绘制几何形，适当调整大小，在底色背景上摆放位置即可。▼

利用AI中的形状生成器工具，选中包含底色形状在内的多个形状，配合快捷键ALT，将多余部分减去即可。▼

案例2：先在画面上排布几个任意圆形色块。▼

利用AI中的形状生成器工具，选中包含底色形状在内的多个形状，配合快捷键ALT，先将多余部分减去，再继续使用形状生成器，像画笔一样划中想要合并的形状，进行形状的瞬间合并，最后选中每个独立的色块进行上色。▼

2.0技法相对于1.0技法相比，形状更加复杂化，多为流线型看似无规则形状，进行透明度的调节，强调色块的叠加效果。

案例1：可使用矩形工具在底色上拉出一块，约占画面的一半，再使用AI变形工具（shift+R），按住alt+shift+鼠标左键，沿着左下右上的斜角方向调节笔头大小，最后在绘制好的矩形上上下滑动即可绘制出连续的峰谷图形。▼

复制刚刚绘制好的图形，可进行左右镜像，适当调整位置，使其与前者产生交叉位置，选中两者一起适当调节不透明度，可看到明显的色彩层次交叠效果▼

案例2：进一步升级多变形状。可使用钢笔工具，在底色上绘制出斜角四边形，同样使用AI变形工具（shift+R），调节笔头大小后，在形状上沿斜角垂直方向绘制出连续的峰谷图形。▼

复制刚刚绘制好的图形，适当调整位置，使其与前者产生交叉位置，再一次使用变形工具将后者拉出交叉峰谷效果，最后选中两者一起适当调节不透明度，可看到明显的色彩层次交叠效果，且画面形状灵活多变。▼

3.0技法在使用上更加多变，视觉效果更加具有冲击力，且加入线条的组合使用，当然技法难度也更大，需要配合更多工具的使用。

案例1：这一种技巧非常快速、容易掌握和出效果。选择形状工具中的多边形工具或星形工具，按住键盘上数字1旁边的~键，以旋转的姿势即可绘制出无限重复增大的几何形，缺点是形状间距的均衡难以掌控▼

案例2：绘制一个多边形，只有描边，没有填充，可使用AI中对象-路径-偏移路径来连续扩大对象，适当旋转和缩放对象，使其层层递进，最外侧描边可以变细些▼

使用混合工具，对准不同形状相同之处进行由内至外的依次点击，打开混合选项，调节制定的步数，使其均匀变化▼

案例3：可使用AI铅笔工具或钢笔工具绘制连续曲线，调整曲线流畅度及渐变色，加粗描边至合适画面的粗细▼

可使用平滑工具或钢笔工具进一步平滑曲线，最关键的一步来了：点击渐变面板的沿描边应用渐变属性。可自行查看效果，非常棒的工具。▼

好了，今天的教程就先到这里，希望大家观看过后可以使用AI去尝试一下我的各类方法和效果，都是极为容易掌握效果又突出的技巧。有问题可以在我的个人微信上或者公众号后台提问。

声明：

文中所用图片来源互联网分享，版权归原作者所有。

如涉及作品内容、版权或其他问题，请及时与我联系，我会立即更正或删除相关内容。