恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AI教程—教你绘制扁平风格渐变场景插画
0.0°
2018-12-26 原创文章 经验/观点 举报 2294 7 3 0

今天分享的是AI教程,平时咱们接触的是PS比较多 今天教你绘制扁平风格渐变场景插画。

今天分享的是AI教程,平时咱们接触PS的学习比较多,但是对于Ai方面,大家或许接触的比较少,所以今天就教你绘制扁平风格渐变场景插画。


下面来看一下最后的效果展示。

Image title

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

Image title


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

Image title


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

3.绘制左边山崖,先拆分一下Image title

Image title


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

4.绘制主体山崖,同样的拆分一下Image title

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

Image title

Image title

Image title

Image title

Image title


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

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

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

Image title

Image title

Image title

Image title

Image title



5.绘制背景圆环

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

结语

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


原图作者:Andrey Prokopenko
教程作者:zana是咸味曲奇


本文来源于:优设教程网  

其版权均为 优优教程网 所有,文章内容系作者个人观点,不代表 设计教程网 对观点赞同或支持。

如需转载,请注明文章来源。

更新:2018-12-26

收藏

7人已收藏

  • 27

    作品

  • 11

    粉丝

  • 0

    关注

  • ps曲线原理
  • 制作融化风格的立体字教程
  • 网页设计师入门必备知识指南
  • banner海报的“分层设计”
相关标签
设计分享经验

    猜你喜欢

      2018-12-26 原创文章 经验/观点 举报 2294 7 3 0

      AI教程—教你绘制扁平风格渐变场景插画

      0.0°

      你确定要举报AI教程—教你绘制扁平风格渐变场景插画

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年12月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录