通知:E拓建筑网正式更名为拓筑在线!

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

Alex教程翻译---交通流线分析图解


[版块:项目实践·作品库] [分类:案例翻译] [复制链接] 报告无效帖子查看: 54841|回复: 135   
拓城校尉|业梅姐 发表于 2014-4-14 17:17:44 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
本文由E拓建筑网www.eeeetop.com业梅姐翻译自Alex Hogerefe博客,转载必须保留以上信息!
DIAGRAMS:PEDESTRIANPATHS
                                                                                                     ALEX HOGREFE

交通流线分析图解
3906413-24680764-thumbnail.jpg
I received a lot of emails asking if I could explain how I created the pedestrian paths diagram in the previous post. To generate the line work, there are many ways this could be done. In the past, I probably would have used the spline tool in CAD. The line work could also easily be created in Illustrator. However, not many people know about or use the pen tool in Photoshop. It's similar to the pen tool in Illustrator but with some minor differences. In this case, I will be using the pen tool to create a path that I can tell the brush tool to follow.
很多人发邮件来问我上篇博文中交通流线的分析图是怎么做的。交通流线图有很多种画法,以前我大概会直接用CAD里的多段线画,在AI中也很好画。但是很多人没想过或者是不会用PS中的钢笔工具。它和ai中的钢笔工具差不多但又有些微不同。这个案子中,我会使用钢笔工具来画线,并讲解笔刷工具。
1. Setup the Brush settings
I need to first set the brush settings because this is what I am going to use to add a stroke to the path created in the next step. The settings in this step will determine the thickness of the line as well as the color, hardness, and opacity. I chose a hard brush, 6 pixels big, at 100% opacity, and with black paint. You may need to draw a few lines to determine if you have the correct size.
1:设置笔刷
首先要设置笔刷,因为需要用笔刷描我下一个步骤中画的线。这一步的设置决定了线宽、颜色、硬度和透明度。我选择了一个硬笔刷,6像素,不透明度100%,黑色。设置后可以画一段线看看尺寸是否合适。
3906413-24680784-thumbnail.jpg
2. Setup the pen tool and begin creating paths
Before choosing the pen tool, first create a new layer. The paths will not show up in the layers palette but the stroke that is applied to the paths will be drawn on this layer. Now, choose the pen tool and be sure the "Path" option is selected in the pen tool settings tool bar at the top.
With the pen tool activated, begin drawing the paths. To create the curved paths, click and drag when choosing the points on the path. This will create handles that can be used to control the size and shape of the curve at that point.
2.设置钢笔工具 开始画线
在选择钢笔工具之前,先新建一个图层。路径不会显示在图层面板,但是描边的线会画在这个图层。然后选择钢笔工具,确定路径是从顶部的钢笔工具设置栏中选中的。
工笔工具就绪,开始画路径。创建曲线路径,选中路径上的点单击并拖动,通过操纵杆控制曲线的形状和尺度
3906413-24680831-thumbnail.jpg
3. Stroke Path
Once you get the path where you want it, right click near the path and choose "Stroke Path". If this option is grayed out, double check that you have the new layer selected that was created in the previous step.
3.描边路径
调整好曲线后,单击右键选择“描边路径”,如果无法选择“描边路径”(文字呈现灰色),双击上一步中新建的图层即可。
A second dialogue box will appear asking what tool to use for the stroke. We want the "Brush" tool since this is what we set up in the first step. Then choose "OK".
To finish the path, hit the enter. Repeat these steps to create each path.
然后单击“回车”~一条路径就搞定啦~~~然后每条路径都重复上述操作~
3906413-24680847-thumbnail.jpg

3906413-24680852-thumbnail.jpg
4. Generate many paths at different levels of opacities
I want to create a hierarchy of paths revealing different levels of traffic intensity. This is shown through both a density of lines and levels of opacity. For this image, I created three different path layers. The first layer was set to 100% opacity, the second to 50%, and the third to 15%.
4.在不同透明度的图层画许多不同的流线
我想用不同类别的曲线表示交通强度的不同,主要通过线的密度和透明度来表示。这张图中,我建了三个流线图层,第一个图层不透明度是100%,第二个是50%,第三个是15%。
3906413-24680880-thumbnail.jpg

3906413-24680885-thumbnail.jpg
5. Add line work glow
I want the line work to have more of a presence in the illustration, so a slight glow will be added. This is done simply with the brush tool. I used a soft brush, 90 pixels big, and set the opacity to 12%. Where the lines are dense or converge together, I layered in some black paint.
5.给线条加光晕
我想让这些线条更有体积感,所以给线条加了一点光晕。笔刷很容易做到这个效果。我用了一个软笔刷,90像素,不透明度12%。在线条密集或者相交处,就在新建的图层上用黑色笔刷画一笔
I also duplicated the dark paths layer and applied a Gaussian Blur filter. I removed the background so that this step could be seen a little more clearly.
我还复制了上面新建的那个图层,并且用了高斯模糊滤镜。下图我去掉了背景图,以便看清楚这个操作
3906413-24680902-thumbnail.jpg
6. Add Color
To further punch up the paths, I'm going to add color. To make things easier, first merge all of the path layers together. It may be best to first duplicate these layers and turn off visibility so that you will still have the original individual layers available to edit if needed later on down the road. To merge, select all of the path layers, right-click on one of the layers, and choose "Merge Layers".
6.上色
为了让流线图看起来更加高大上,下面我们来给它上色。为了简化操作,先把流线图层合并,最好是先把这些子流线图层复制一份,关掉图层可见性,以备不时之需。选择流线图层,右键选择“合并图层”。
Once the layers are merged, right-click on the new single layer and choose "Duplicate Layer".
图层合并好后。右键合并后的新图层,选择“复制图层”。
3906413-24680924-thumbnail.jpg
With the duplicated layer selected, choose "Image>Adjustments>Hue Saturation" at the top. In the dialogue box, first check the "Colorize" box. Then move the "Lightness" slider to the right to lighten the line work. Also move the "Saturation" slider to the right to increase the color. Finally, adjust the "Hue" slider to the color tone you prefer.
选择该副本图层,在顶部状态栏选择“图像”、“调整”、“色相饱和度”。在弹出的对话框中,先选中右下角的“着色”,然后调节明度,让线条变亮,然后调节“饱和度”到最右,加深颜色,最后调整“色相”到你喜欢的色调。(如下图)
3906413-24680931-thumbnail.jpg
7. Set Layer to Overlay
Finally, set the blend mode of the colorized layer to "Overlay". This will help blend the color into the image and let the darker line work underneath show through.
7.设置图层为叠加
最后将彩色图层的混合选项设置为叠加,这样能够更好地将颜色与底图相融合,并且让下面的黑色流线图层可以显现出来
3906413-24680938-thumbnail.jpg
The final result is a series of smooth curvy lines created without the need to jump into another program such as Illustrator or CAD.
最终的结果是得到一系列的曲线,而不需要借助其他软件,比如CAD或者AI


原文链接:http://www.alexhogrefe.com/blog/2014/4/5/diagrams-pedestrian-paths.html

评分

参与人数 15e币 +105 +6 收起 理由
bingkzy + 2 心得小教程,教学相济大家进步快。
bigxixi + 1 爆料兼分享,分享总让我们知更多。
xiner_keer + 1 向上好少年,多学多思多练多设计。
qianqian0119 + 5 爆料兼分享,分享总让我们知更多。
我的研丫头 + 1 帅气十足。受教了,感谢感谢
pengyh + 1 交流多进步,碰撞思维火花最珍贵。
futianx + 8 爆料兼分享,分享总让我们知更多。
KDELL + 10 正需要这种效果,难道是天意???
苡笙 + 2 很好,真的,正想学这种,希望能有继续发下.
欢僖僦嚎 + 8 来晚了。。。

查看全部评分

我不怕千万人阻挡只怕自己投降。
拓邦元帅|summer5un 发表于 2014-4-14 17:32:32 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
沙发

点评

还刷论坛!快去画图!  发表于 2014-4-14 17:35
板凳!  发表于 2014-4-14 17:34
拓都将军|A-ting 发表于 2014-4-14 17:46:45 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
板凳
拓都将军|y122737276 发表于 2014-4-14 18:26:20 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
业梅姐,这个是PS的一个插件吗
 楼主 | 拓城校尉|业梅姐 发表于 2014-4-14 18:48:32 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
我不怕千万人阻挡只怕自己投降。
拓邑团练|lj09090099 发表于 2014-4-14 19:39:44 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
太棒了太棒了
拓邑团练|tangshanwangyi 发表于 2014-4-14 20:15:30 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
好贴!学习了,不仅学习了具体操作,也学习了表达方式!!!
 楼主 | 拓城校尉|业梅姐 发表于 2014-4-14 20:29:13 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
tangshanwangyi 发表于 2014-4-14 20:15
好贴!学习了,不仅学习了具体操作,也学习了表达方式!!!

嗯哪,学习原博主的思路很重要~一招鲜吃遍天~
我不怕千万人阻挡只怕自己投降。
拓邑团练|fdmfjj 发表于 2014-4-14 20:39:06 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
fei chang you yong

点评

请勿灌水  发表于 2014-4-14 20:42
拓乡士官|cccyyymmm0 发表于 2014-4-14 21:02:13 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
这尼玛,很(diao)有(zha)用(tian)的技能!!!!
拓乡士官|oceanforce 发表于 2014-4-14 21:58:16 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币

好贴!学习了,不仅学习了具体操作,也学习了表达方式!!!

评分

参与人数 1e币 -1 收起 理由
业梅姐 -1 请勿直接复制别人的回复

查看全部评分

拓邑团练|shenmingfu24 发表于 2014-4-14 22:11:58 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
很不错啊~~学会这一招就稳妥了~~
拓土新兵|qwemnz 发表于 2014-4-14 22:32:35 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
看起来比较复杂

点评

眼睛是孬种手是好汉。  发表于 2014-4-14 22:36
拓土新兵|qwemnz 发表于 2014-4-14 22:40:10 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
qwemnz 发表于 2014-4-14 22:32
看起来比较复杂

每次的图都是蒙着弄,看来要学习一下了
拓都将军|617687753 发表于 2014-4-14 23:03:55 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
"I want to create a hierarchy of paths revealing different levels of traffic intensity. This is shown through both a density of lines and levels of opacity.
我想用不同类别的曲线表示交通强度的不同,主要通过线的密度和透明度来表示。"

这种方式我很少见,
交通分析图以线的密度和透明度来表示 能不能表达清楚
或者说看图的人会知道曲线表示交通强度的不同,主要通过线的密度和透明度来表示 这个表示方式吗?
您需要登录后才可以回帖 登录 | 快速注册 微信登录

1001bit_pro v2.1建模插件中文汉化版,极好用的SU插件支持SketchUp8.0,2013,2014,2015
1001bit_pro v2.1建模插件中文汉化版,极好用的SU插件支持Sketch
1001bit_pro v2.1建模插件中文汉化版(比suapp还好用还全面的SketchUp插件,支持SketchUp8.0,2013,2014,2015)可以自由添加减少要的图标,从此不再被各种各样眼
  goodbuilding  buyong001最后回复于 2025-02-18 可视化设计

2023建筑材料与构造教材PDF及课件视频
2023建筑材料与构造教材PDF及课件视频
2023建筑材料与构造教材PDF及课件视频 [sell=2]链接: https://pan.baidu.com/s/1kTG0p2oNjqydIeeC7xfPBA 提取码: cccr[/sell]
  知白守黑47480  知白守黑47480最后回复于 2025-02-18 电子版图书

欢迎关注本站小红书或哔哩哔哩账号!
欢迎关注本站小红书或哔哩哔哩账号!
欢迎关注本站小红书或哔哩哔哩账号! 感谢您的关注哦!
  深圳老梁  深圳老梁最后回复于 2025-02-18 站点服务

[日本版]Landscape Design 景观设计 2025年01-02期
[日本版]Landscape Design 景观设计 2025年01-02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[日本版]A+U 建筑与都市 2025年01(652)期
[日本版]A+U 建筑与都市 2025年01(652)期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[美国版]Architectural Record 建筑实录 2025年01期
[美国版]Architectural Record 建筑实录 2025年01期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[加拿大版]Azure 建筑专业杂志 2025年01-02期
[加拿大版]Azure 建筑专业杂志 2025年01-02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-18 建筑景观

[韩国版]Space 空间 2025年02期
[韩国版]Space 空间 2025年02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

[韩国版]Space 空间 2025年01期
[韩国版]Space 空间 2025年01期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

[德国版]Detail 建筑细部 2025年01-02期
[德国版]Detail 建筑细部 2025年01-02期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

[德国版]Baumeister 建筑大师 2025年01期
[德国版]Baumeister 建筑大师 2025年01期
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-17 建筑景观

看着还不错的意大利别墅SU模型
看着还不错的意大利别墅SU模型
看着还不错的别墅模型,喜欢的可以试着建模学习一下
  jianghux001  basten272最后回复于 2025-02-17 SketchUp模型

2020年度设计名企纯新住宅文本精选合集(63份大容量)
2020年度设计名企纯新住宅文本精选合集(63份大容量)
2020年度设计名企纯新住宅文本精选合集(63份大容量),分享给大家学习研究! 目录: 百度网盘下载链接: [cxvip=45]链接: https://pan.
  成之歌  basten272最后回复于 2025-02-17 精选合集

中式构建详图
中式构建详图
[sell=2]链接: https://pan.baidu.com/s/1ZEHXw-XaxYVDaYpOjcir0A 提取码: 47g2[/sell]
  XIAOHUA  basten272最后回复于 2025-02-17 参考素材

[西班牙版]Revista Trama 建筑设计杂志 2024年合集全6册
[西班牙版]Revista Trama 建筑设计杂志 2024年合集全6册
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接:(具体册数,实际更新为准,请自行查阅) [ck8_view=50]链接:https://pan.baidu.com/s/196
  设计杂志  basten272最后回复于 2025-02-16 建筑景观

传染病医院方案或施工图资料(CAD、SU、图片等,免费领取)
传染病医院方案或施工图资料(CAD、SU、图片等,免费领取)
自从新冠疫情以来,传染病医疗建筑越来越受到关注,今天分享一波这样的资料。 百度网盘下载链接:(回复一下即可显示哦) **** 本内容被作者隐藏 ****
  小迷妹建筑梦  basten272最后回复于 2025-02-16 参考素材

[美国版]Dwell 现代世界之家 2024年合集全6册
[美国版]Dwell 现代世界之家 2024年合集全6册
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接:(具体册数,实际更新为准,请自行查阅) [ck8_view=50]链接:https://pan.baidu.com/s/1Th
  设计杂志  basten272最后回复于 2025-02-16 建筑景观

airpak3.0软件下载 有安装教程 有帮助文件
airpak3.0软件下载 有安装教程 有帮助文件
airpak3.0软件,带教程!!!!!! 软件下载地址: [sell=5]链接: https://pan.baidu.com/s/1snnsw0W_J6uIYe1dDixMmw 提取码: qqi3[/sell]
  zheng878577  ZHK51558最后回复于 2025-02-16 绿色化分析

官方综合交流QQ群(更多):

240721746

拓筑在线——面向建筑师群体的

设计交流论坛、软件学习社区、资料下载网站及企业服务平台!

微信扫一扫关注我们

微信公众号

拓筑小助手

GMT+8, 2025-2-19 06:11 , Processed in 0.088474 second(s), 46 queries , Gzip On.    拓筑在线 ( 粤ICP备11043922号 )

Powered by Discuz! X3.4  © 2011-2023 拓筑在线

快速回复 返回顶部 返回列表