本文作者:三岁教程网

AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

三岁教程网 2022-11-12 00:00:00 62 抢沙发

本期教大家用AI绘制扁平风格渐变场景插画

步骤 01

在AI里新建文档,尺寸3000*2000px


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

步骤 02

把画面分成:左面山崖、山崖、上面云彩,背景下方云彩、背景圆环、外部渐变。

先绘制云彩,用圆形工具和钢笔勾画出云彩的形状,使用路径查找器合并路径,然后去掉描边,添加渐变,按照同样的做法做出其余几个云彩。


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

步骤 03

绘制左边山崖,先拆分一下


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

用路径查找器合并路径,并添加颜色如图所示


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

步骤 04

绘制主体山崖,同样的拆分一下


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

使用钢笔工具,从下往上,依次绘制出如图所示形状,颜色已标注在图片上,可作参考


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

把图形编组,在透明度选项里添加一个蒙版,然后拉黑白渐变,原地复制五层,达到如下效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

鼠标右键点击,对称一下,用之前同样的方法给图形添加倒影,添加高斯模糊


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

用上面讲过的同样的方法制作图形倒影


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

步骤 05

绘制背景圆环

新建一个直径为 1104px 的正圆,添加渐变如图,数值如下


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

画一个直径为 962px 的正圆,填充白色,和一个直径 830px 的正圆,对齐好之后运用路径查找器减去顶层,得到圆环,然后运用830px的正圆和 730px 的正圆做出接下来的圆环,运用这个方法做出如图没有缝隙的圆环。(颜色是为了看的清楚,其实都是白色)


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

把上面做好的渐变的圆和这些圆环做一个对齐,做出如图所示效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

调节圆的不透明度,从 5% 开始,每向里面一格加 5% 的透明度,一直到 65% ,最里面的圆环透明度为 100%


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

最中间的圆环放大一点,添加高斯模糊效果,数值 14.5 ,得到如图所示效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

步骤 06

将绘制好的圆环背景,放在之前绘制好的山体后面


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

绘制一个画布大小长方形,3000*2000px,添加渐变如图,数值如下


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

绘制一个和圆环最外侧圆同等大小的圆形,和刚才绘制好的矩形做减去顶层的操作,得到如图所示效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

绘制云彩,与矩形做减去顶层和合并路径的操作,得到如图所示效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

之前做的云彩渐变结合一下,出现有一部分空白(如下图),背景的紫色渐变复制一个放大就好了


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

用钢笔绘制一只小鹿,用之前的方法制作出倒影,并添加蒙版得到如图所示效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

如果觉得鹿的腿那里不亮,可以画一个白色正圆并添加高斯模糊效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

用钢笔和圆形工具勾画背景下方的云彩,并合并路径


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

同样的方法做出如下几个路径,都是白色,组合一下


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

组合起来,调节不透明度。


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

用钢笔勾画浅色山崖,合并路径


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

颜色设置为 #975596,位置放置如图


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

好了,至此完成全部绘制,在PS里调整一下色相/饱和度即可,来看看最终效果


    
     AI教程 绘制一幅漂亮的扁平化风格渐变场景插画的教程

结语

本期教程到这里就结束了,数据不是绝对,根据自身情况操作。多尝试,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=70924发布于 2022-11-12 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,62人围观)参与讨论

还没有评论,来说两句吧...