交通流線分析圖解k

1、交通流線分析圖解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

2、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.很多人發(fā)郵件來問我上篇博文中交通流線的分析圖是怎么做的。交通流線

3、圖有很多種畫法，以前我大概會直接用CAD里的多段線畫，在AI中也很好畫。但是很多人沒想過或者是不會用PS中的鋼筆工具。它和ai中的鋼筆工具差不多但又有些微不同。這個案子中，我會使用鋼筆工具來畫線，并講解筆刷工具。1. Setup the Brush settingsI 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 dete

4、rmine 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像素，不透明度

5、100%，黑色（或者自己喜歡的顏色）。設置后可以畫一段線看看尺寸是否合適。2. Setup the pen tool and begin creating pathsBefore 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 th

6、e "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 cur

7、ve at that point.2.設置鋼筆工具 開始畫線在選擇鋼筆工具之前，先新建一個圖層。路徑不會顯示在圖層面板，但是描邊的線會畫在這個圖層。然后選擇鋼筆工具，確定路徑是從頂部的鋼筆工具設置欄中選中的。工筆工具就緒，開始畫路徑。創(chuàng)建曲線路徑，選中路徑上的點單擊并拖動，通過操縱桿控制曲線的形狀和尺度。3. Stroke PathOnce you get the path where you want it, right click near the path and choose "Stroke Path". If this option is grayed out,

8、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

9、step. Then choose "OK".To finish the path, hit the enter. Repeat these steps to create each path.然后單擊“回車”一條路徑就搞定啦然后每條路徑都重復上述操作 4. Generate many paths at different levels of opacitiesI want to create a hierarchy of paths revealing different levels of traffic intensity. This is shown th

10、rough 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%。 5. A

11、dd line work glowI 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

12、.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.我還復制了上面新建的那個圖層，并且用了高斯模糊濾鏡。下圖我去掉了背景圖，以便看清楚這個操作6. Ad

13、d ColorTo 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

14、 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 &qu

15、ot;Duplicate Layer".圖層合并好后。右鍵合并后的新圖層，選擇“復制圖層”。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

16、. Also move the "Saturation" slider to the right to increase the color. Finally, adjust the "Hue" slider to the color tone you prefer.選擇該副本圖層，在頂部狀態(tài)欄選擇“圖像”、“調整”、“色相飽和度”。在彈出的對話框中，先選中右下角的“著色”，然后調節(jié)明度，讓線條變亮，然后調節(jié)“飽和度”到最右，加深顏色，最后調整“色相”到你喜歡的色調。（如下圖）7. Set Layer to OverlayFinally, set the blend mode of the colorized layer to "Overlay". This will help blend the color into the image and let the darker line w