当前位置:首页>软件教程>AI教程>教程内容

AI插画教程,用AI和PS制作安静村庄渐变质感插画

来源:站酷 作者:不详 学习:9394人次

教程通过AI和PS制作一副安静村庄渐变质感插画,整体光影和色彩搭配特别棒,渐变构建出一个和谐的画面,因为画面结构较多,作品实际的绘制过程涉及布尔运算、路径查找器、钢笔工具等很多知识点,我们会把画面通过几个部分来完成,你会看着自己一步步做出漂亮的插画,具体通过教程来学习一下吧。

效果图:

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com
www.16xx8.com

操作步骤:

步骤 01

先把画面分成背景和主体两部分

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

其次再把主体拆分成几部分:房子、塔、树、草丛、地面几部分。

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

绘制背景

步骤02

新建画板大小为800x600px

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

由于背景比较繁琐我们先制作大块面,然后在添加细节。

先用矩形工具画一个与画板大小一样的矩形并填充渐变,色值 #4bb8e4 ~ #d2ebf0

(注意:这副插画所有的渐变都是线性)

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

然后在用矩形工具画一个 800px*392px 的矩形放在上一个矩形的下方,

填充渐变颜色从左至右分别为:#d2cfc5,#c7dbd7,#d2e0de,#dde5e6,位置 22%,42%,62%

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

步骤 03

大背景制作完成,下面我们来添加背景里面的渐变细节。

用钢笔工具勾勒出背景左上方的不规则形状,并填充渐变,上部分填充颜色为 #a8d1e1 ~ #ebebee,下部分填充颜色为 #7cc2d7 ~ #ebebee

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

接着再用矩形工具把背景画面的矩形条画出来,顺序为由上到下,

渐变数值从上至下分别为:

#54bae4,#cbe4e9,#c8e4f0,位置 8%,50%

#c9dace,#95c8e0,#d1dadd,#ca9b84,位置 36%,84%

#ecc9cb,#f4efde

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

背景中还有两个不规则形状并加了模糊

渐变从上至下分别为:

#c2d9d2 ~ #94c9d8

#cd7763 ~ #f19470 ~ #fbdbc2 ~ #d9c1e2,位置分别为:45%,55%,70%

AI插画教程,用AI和PS制作安静村庄渐变质感插画_www.16xx8.com

这样,背景部分就完成了。为图层上锁,保证后面做图不回移动背景。

绘制主体

步骤 04

先来制作一下树的部分。

叶子:使用工具画一个大小为60*60px的圆,复制出三个,用直接选择工具把右边两个圆节一下边缘如图一样,然后在底部用钢笔工具链接两个端点,接着用形状生成器连接图案形成一个整体,在下方用矩形工具画一个长度大于叶子的矩形,选中两个图形,减去顶层,这样叶子就做好了。其余的叶子按住Alt复制即可,添加渐变如图所示。

树枝:钢笔工具画,用直接选择工具进行调整,描边数值为4pt,并添加渐变如图所示。

做完之后为图层上锁。

渐变填充从上至下分别为:

#182a7b ~ #3a4e9a ~ #2c65b0,位置20%,40%

#d03e4b ~ #f4c67c

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
世界很小梦很大2018-09-23 01:52
喜欢
胸小?怪谁[emoj2018-09-23 10:53
32个赞

关注大神微博加入>>

网友求助,请回答!