[分享][教程]只用PS和AI,教你完成一幅建筑矢量插画

发表于2018-03-06     3437人浏览     5人跟帖     总热度:1923  

效果图和路路(gh_silucg)的膝盖一并献上

[教程]只用PS和AI,教你完成一幅建筑矢量插画_1

使用工具:Adobe Illustrator,Adobe Photoshop,Surface Pro3,Surface Pen

1. 创建背景图如下


[教程]只用PS和AI,教你完成一幅建筑矢量插画_2

2. 钢笔工具先把大致构图画出来


[教程]只用PS和AI,教你完成一幅建筑矢量插画_3

3. 后面的背景大概分为四到五层


[教程]只用PS和AI,教你完成一幅建筑矢量插画_4

4. 继续钢笔打稿


[教程]只用PS和AI,教你完成一幅建筑矢量插画_5

5. 细化近景树

就是在上面画上黑色的浅色的层次。图中橙色部分也是普通的钢笔描出,为了做出镂空效果特意把颜色改得鲜艳的。选取橙色部分和左侧树体,右键,选择建立复合路径(复合路径在一个图形上貌似只能建立一次,所以要把所有的形状都做出来之后再建立,别问我怎么知道的)

[教程]只用PS和AI,教你完成一幅建筑矢量插画_6

[教程]只用PS和AI,教你完成一幅建筑矢量插画_7

6. 记得把所有的背景放到一个图层里面,这样不容易乱,然后锁上,以免不小心点选上


[教程]只用PS和AI,教你完成一幅建筑矢量插画_8

7. 用这样的方法做出近景树


[教程]只用PS和AI,教你完成一幅建筑矢量插画_9

8. 然后我开始研究近处那个草是怎么画的

再试过铅笔钢笔画笔各种工具后,还是选用了直线(因为我有surfacepro3所以用笔直接拉直线就好,用鼠标会慢一点,微软大法好)


[教程]只用PS和AI,教你完成一幅建筑矢量插画_10[教程]只用PS和AI,教你完成一幅建筑矢量插画_11

9. 然后就大概画成这样


[教程]只用PS和AI,教你完成一幅建筑矢量插画_12

10. 选择圆和里面的所有线,右键,点建立剪切蒙版


[教程]只用PS和AI,教你完成一幅建筑矢量插画_13

11. 可以在之后修改外面那个圆的形状,生成更多的这种草


[教程]只用PS和AI,教你完成一幅建筑矢量插画_14[教程]只用PS和AI,教你完成一幅建筑矢量插画_15

12. 然后,让我无比头疼的另一种草。对AI不太熟,我只想到这样画。如果有谁有更好地方法一定说出来


[教程]只用PS和AI,教你完成一幅建筑矢量插画_16

13. 然后把这种草多做几种(包括图中绿色的那种,一样的方法)然后加细节,山的,云的,中景山的,建筑的,都是钢笔工具就好了(该图的细节比较繁琐,要有耐心)


[教程]只用PS和AI,教你完成一幅建筑矢量插画_17

14. 画建筑的细节,长方形加钢笔很快


[教程]只用PS和AI,教你完成一幅建筑矢量插画_18

15. 画远处山上的草地

颜色直接吸山上的颜色然后在色盘里面往深色那边移动一下就好


[教程]只用PS和AI,教你完成一幅建筑矢量插画_19

16. 然后AI里面的工作就这样结束啦,撒花


[教程]只用PS和AI,教你完成一幅建筑矢量插画_20

17. 然后放到PS里面用画笔把前景石头上的纹理画了,还有近处石头和沙地的过渡(直接画笔画就可以了),然后滤镜那里选择添加杂色,如图:


[教程]只用PS和AI,教你完成一幅建筑矢量插画_21

18. 就大功告成啦


[教程]只用PS和AI,教你完成一幅建筑矢量插画_22


向原作者Marie-Laure Cruschi 致敬!临摹过程中发现,该作者细节很厉害,色彩感觉也很棒,值得大家临摹学习。

绘制过程中, 一般不推荐把图片下载下来吸着颜色画图。因为画画的要锻炼对色彩的敏感度,所以我都是直接看着原图选色。练多了很有好处哟(就是节省一点时间而已)。

本文转载自知乎知名知友——安东

知乎原文题目:《手把手教你完成一幅建筑矢量插画》

知乎原文链接:http://zhuanlan.zhihu.com/p/20717332


扫码加入筑龙学社  ·  建筑设计微信群 为您优选精品资料,扫码免费领取
分享至

分享到微信朋友圈 ×

打开微信"扫一扫",扫描上方二维码
请点击右上角按钮 ,选择 

 发表于2018-03-06   |  只看该作者       筑龙币+10

2

很有特色的风格啊~个人觉得秒杀小清新哈哈大家可以试试

 发表于2018-03-06   |  只看该作者       筑龙币+10

3

非常感谢楼主分享,值得尝试~

 发表于2018-03-06   |  只看该作者       筑龙币+10

4

这个配色看起来很舒服,不错

 发表于2018-10-09   |  只看该作者       筑龙币+10

5

感谢分享~这种插画风的出图效果真的太好看了!很实用的出图技巧,颜色搭配也很舒服,学习了!详情戳:http://q.url.cn/cdWnST?_type=wpa&qidian=true 学习更多效果图出图技巧,熟练掌握多种出图风格!

 发表于2018-11-14   |  只看该作者       筑龙币+10

6

这个风格看着很舒心呐~

轻描淡写404

辽宁 白城 | 园林景观

9 关注

53 粉丝

126 发帖

72 荣誉分

该博主未添加简介

猜你爱看

添加简介及二维码

简介

还可输入70字

二维码(建议尺寸80*80)

发站内信息

还可输入140字
恭喜您已成功认证筑龙E会员 点击“下载附件”即可
分享
入群
扫码入群
马上领取免费资料包
2/20