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

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

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


[版块:项目实践·作品库] [分类:案例翻译] [复制链接] 报告无效帖子查看: 54924|回复: 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.
我想用不同类别的曲线表示交通强度的不同,主要通过线的密度和透明度来表示。"

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

博物馆超全资料合集(含su cad等)
博物馆超全资料合集(含su cad等)
**** 本内容被作者隐藏 ****
  sadapple  weekbin最后回复于 2025-02-27 SketchUp模型

月亮谷——景区旅馆设计(坡地)
月亮谷——景区旅馆设计(坡地)
最近十天一直在赶这个作业(前面的一个多月不小心荒废了……),终于做完了,第一次机图临时抱佛脚方案和出图比较恶心,大家多指点啊。。。
  白木碉  阿白47923最后回复于 2025-02-27 课程设计·作业库

大三的坡地旅馆,大家来交流哈~
大三的坡地旅馆,大家来交流哈~
大三的坡地旅馆,大家来交流哈~
  第六超人  阿白47923最后回复于 2025-02-27 课程设计·作业库

现在的建筑从业者该何去何从
现在的建筑从业者该何去何从
面对这样的环境,大家有没有什么更好的出路?证还要继续考么。。感觉只是在增加沉没成本。。
  木格错  诺亚方舟最后回复于 2025-02-27 建筑师讨论区

张家港农耕游乐园
张家港农耕游乐园
苏州江南农耕文化园按照“特征鲜明的江南水乡,功能丰富 的休闲农庄,农耕主题的文化走廊”的总体设想进行建设。设置了农耕历史区、土地整理 区、江南养殖区、农
  q442662748  诺亚方舟最后回复于 2025-02-27 建筑师讨论区

《建构建筑手册》中、英文版
《建构建筑手册》中、英文版
《建构建筑手册》——(瑞士)安德烈·德普拉泽斯 著 本书将专业的技术知识与所举建筑的美学及其文化与历史背景知识结合在一起,从不同的角度看待建筑的建构
  S65510630  诺亚方舟最后回复于 2025-02-27 电子版图书

会员必读:如何快速免费获得e币?
会员必读:如何快速免费获得e币?
1、e币是什么?(1)只有拥有相应e币,才能下载附件、升级用户组等。(2)只要经常登录、发帖、参加活动等,就能得到相应e币。(3)e币数量=积分数量。 2、如何
  深圳老梁  诺亚方舟最后回复于 2025-02-27 站点服务

建筑构造怎么学?
建筑构造怎么学?
学习建筑构造的方法包括以下几个方面‌: [*]‌理解基础概念和原理‌:建筑构造是指建筑物各组成部分基于科学原理的材料选用及其做法。其任务是
  诺亚方舟  诺亚方舟最后回复于 2025-02-27 快速发帖

ppt作品集模板分享
ppt作品集模板分享
因为资料不是最新的了,自己花钱卖的,整理网盘翻出来了,我感觉内容还不错。 除了作品集,平时制作方案文本ppt也可以参考。 无偿分享,感兴
  何小葵  lianyi0544最后回复于 2025-02-27 参考素材

TD-LOFT楼板
TD-LOFT楼板
相较于传统的夹层楼板,TD-LOFT楼板系统展现出了一系列显著的优势。其自重轻,楼板厚度薄,不仅降低了造价,还极大地简化了施工流程。因此,它特别适合作为LOFT
  JASY  JASY最后回复于 2025-02-26 设计文本

Enscape高级渲染参数预设合集(宝藏参数)
Enscape高级渲染参数预设合集(宝藏参数)
和所有软件的参数预设类似,仅仅需要在场景中简单加载渲染参数,即可得到已经调整好的渲染效果。让效果更上一层楼! 包含百余款渲染
  sadapple  1641779547最后回复于 2025-02-26 虚拟化表现

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

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

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

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

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

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

[北爱尔兰版]Perspective 建筑视角 Vol34 I1 2025
[北爱尔兰版]Perspective 建筑视角 Vol34 I1 2025
2025年精选30种国外【建筑+景观+室内】设计杂志超大合集 全年订阅链接:https://www.eeeetop.com/forum.php?mod=viewthread&tid=75981
  设计杂志  设计杂志最后回复于 2025-02-26 建筑景观

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

240721746

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

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

微信扫一扫关注我们

微信公众号

拓筑小助手

GMT+8, 2025-2-28 09:42 , Processed in 0.084594 second(s), 39 queries , Gzip On.    拓筑在线 ( 粤ICP备11043922号 )

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

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