【干货分享】手把手教你制作城市肌理图,后附各城完成稿图片(可下载)
若水涵沙
2016年12月15日 15:11:57
只看楼主

Learning and Imitation 2 简单粗暴肌理图 摆脱描图苦恼 来 看官 先low一眼参考图们 图片来源于 raenordic.com ok 下酒菜 过后 就是 今天的干货 I 分析抄绘案例 跟分析图一样 我们需要 带着脑子去画图



Learning and Imitation 2
简单粗暴肌理图
摆脱描图苦恼
来 看官
先low一眼参考图们
图片来源于 raenordic.com







ok
下酒菜
过后
就是
今天的干货
I 分析抄绘案例
跟分析图一样
我们需要
带着脑子去画图
我们可以针对以上图 得出一些结论

1. 简单粗暴 图面清晰 用色简单且少
2. 线条表示城市道路,色块表达其他部分
3. 特殊强调的部分可以用亮色表达

ok
这就分析结束了嘛?
凹 . no


我们还要扯一下
画这样的图有啥意义呢?

肌理图 反映的是
城市的脉络 同时 还能看出 城市经济圈的分布
还有 城市和道路的关系

肌理图 可以用在
说明 场地相对于城市的位置
排版图底关系 等等

Ⅱ 获取底图
截取地图用啥?
mapbox? 凹
不四不可以

你会翻墙嘛?你英语咋样?

。。。
反正我英语不好 我不会翻墙

你们是知道的

我用的是
百度个性地图
在浏览器上键入: 百度个性地图

161213145307465.1349.681.2.gif


默认颜值 是这样值


左下角 有很多设置好的样式
可以选择


那有的宝宝说
可不可以把文字去掉
答案是可以的



具体操作为 元素 全部—属性 文本 全部—样式 显示
如下图所示




那么,其他能修改嘛?
可以滴
这个地方带大家修改一种
其他的 多彩多样的模式 举一反三
大家自己摸索吧

1. 背景改为黑色



161213145311212.1349.228.0.jpg




2. 路网颜色修改成白色



161213150216639.1349.667.2.gif

161213145311441.1355.229.1.png


3. 水系颜色改为蓝色


161213150322774.1349.667.2.gif



4. 绿地颜色改为绿色


161213145311658.1349.667.2.gif

161213145312859.1367.222.1.png



5. 修改道路线重




6. 截图导出




Ⅲ 处理底图
啥?
你说 地图不清晰
咋整?
上 Ai
把截好的图 扔进ai

1.图片矢量化



2.矢量化细化
由于矢量化存在一些细节失误
可能会出现部分杂色




3.装饰图面
出图




Ⅳ 样式扩展
通过我们的套路
我们做出很多种风格 哟





161213145313761.2400.1134.0.jpg


[素材]
27个 国内城市黑白肌理截图
1个 黑底白线北京城市肌理 源文件

(文件文件文件?当然有,猛戳戳戳)
链接: http://pan.baidu.com/s/1sl4ck5B


161213145307465.1349.681.2.gif


161213145311212.1349.228.0.jpg


161213145311441.1355.229.1.png


161213145311658.1349.667.2.gif


161213145312859.1367.222.1.png


161213145313761.2400.1134.0.jpg


161213150216639.1349.667.2.gif


161213150322774.1349.667.2.gif

加倍努力
2016年12月15日 18:54:56
2楼
很好的资料,学习了。
回复
yuyanhui63
2016年12月16日 08:29:08
3楼
好资料谢谢分享
回复
cicun
2016年12月16日 23:11:00
4楼
学习了!ཀའ་དྲིན་ཆེ། 谢谢!
回复
仁者唯心
2016年12月18日 20:52:43
6楼
北京的最为简洁.
回复
bobby麦田齐
2016年12月29日 17:24:44
7楼
腻害了!!
回复
cof1586855309494
2020年04月14日 17:09:13
8楼

怎么把地图上哪些文字去掉啊

回复

相关推荐

APP内打开