其实这种风格也挺简单的, 没什么太多技巧, 就是利用渐变加上透明度, 互相叠加, 在深色的背景上, 有深色有亮色, 对比出来就很出效果.
首先, 我们得在草稿上把自己想要图形画个草图出来, 比如像下面这样. 做这种风格的, 块面多一些, 效果就会好些. 在画草图的时候, 结构一定要理清楚, 后面做起来轻松很多.
草图
接下来就是打开 AI, 新建一个文档, 尺寸可以随意, 然后选择 RGB 颜色模式, 勾选新建对象与像素网格对齐. 在做比较规则的图形的时候, 对齐网格会让你省去对齐的麻烦.
建好文档了, 就开始把我们的图形画出来, 基于都是基础图形, 这里就不细说了, 就是利用矩形工具和钢笔工具画出来就行了, 画的时候, 打开网格, 对齐到网格, 因为都是规则的图形, 这样比较好对齐. 画的时候我们需要把填充换成最基础的渐变, 这样画的时候可以很好的观察图形. 不然就会跟右边的一样, 就看到一个轮廓
当基础图形画好了以后, 我们就可以开始配色了, 色感好的朋友, 可以自己调取颜色, 如果色感不太好的, 可以在网上找一些配色比较好看的, 然后吸取颜色. 这种风格需要深色背景, 所以我们在 AI 里面画个矩形, 填充一个深色, 我这里用的是 #0f103e. 背景色填充好了, 把他放在最下层, 快捷键 ctrl+shift+[ 并且锁定住 ctrl+2 把我们之前画好的图形, 放在上面
我们先把简单的填色了, 四周是一个光束的感觉, 所以我们选中四周的形状, 给他调取一个比较亮的颜色到背景色的渐变
我们单独选择每个形状, 轻微调整一下渐变的角度, 然后把他们的透明度调整一下, 我这里是前面 80%, 上面 60%, 后面 40%, 让他们比较有层次感. 用同样的方法, 依次完成四个方向, 如下图.
接下来, 我们来调整中间这块的颜色, 为了方便选取, 我们可以把前面做好的四个方向先移开, 做好了在移回来, 或都锁定, 看自己习惯.
下面我们依次把所有的形状都填充上颜色
填充完颜色后, 是不是大概的感觉出来了, 接下来我们就是需要细化, 就是依次慢慢调整渐变的方向以及透明度. 方法就是选中一个形状, 按 g, 然后鼠标拉方向
这次教程最重要的就是拉渐变, 同样的渐变颜色可以拉出不同的效果, 还有如果渐变色要吸取找好的颜色, 先选中渐变这个滑块其中一个, 然后按 i 调出吸管工具, 然后按住 shift 键, 点击你想要的颜色, 然后选择另外一个滑块, 吸另外一个颜色就 OK 了, 不按 shift 直接点的话, 吸出来这里就变成纯色了
希望这次的教程对大家有用, 其实并不难, 只是需要耐心慢慢调整, 大家学会了后, 可以做出各种好看的图案, 要是不懂的地方可以留言咨询.
来源: http://sc.chinaz.com/info/180615430145.htm