2 weeks, 2 days ago

At the end of last year, I drew a map of Shenzhen rail transit (2022). Now I have some time to explain my creation process briefly. The tool used is sketch. This is the length of the picture

 large image download: 




Some details:

 this year's four phase plan has been adjusted after it was published. When it was first drawn last year, it looked like this:

 of course, even now, there are still quite a lot of imperfections in this picture. After all, it is the planning of the route, and the adjustment will not take care of your feelings. In addition, the energy is limited, so the painting stopped last year and has not been updated. The specific content of this circuit diagram is not discussed here, but the creation process. 

In addition to frequent planning adjustments, drawing a subway route map also requires considerable patience

In the middle of the picture, I suddenly found that a God in the forum had drawn the entire rail transit planning of the Pearl River Delta on a single map, and suddenly suffered 10000 points of damage. In the middle of the painting, I saw that a God in the forum had drawn all the rail transit routes of all the cities in the world and collapsed completely. So the so-called better patience is that after the collapse, you don't see anything. 

 1. Preliminary preparation

In the early stage, a large amount of data were collected, including but not limited to:

 public information of the government, especially the planning publicity and the environmental impact report of rail transit construction planning

Professional subway forum, a collection of Road God, news reports, amateur production of road map

News retrieval, Wikipedia, etc

Invite your friends who work in the planning department or rail transit construction site to dinner

 for the creation of planning route map, you need to find more and more professional information, and you need to pay long-term attention to the planning route to ensure that the information you have is up-to-date and accurate. 

 get ready to fight and choose your tools. 

There is nothing more than the need to choose a convenient tool from the vector drawing software such as Visio, illustrator, sketch, etc. The problem with Visio is that there are too few patterns to produce more professional drawings. In addition to being easy to use, sketch also has the advantage of batch processing the styles of the same layer with the symbols function. Sketch is used here. 

Drawing base map

Create a large enough canvas and set up an equidistant grid system (my usual setting is 50px per grid). 

<img class="content-image" src=" https://pic1.zhimg.com/v2-d9295ac4fadecf2d15a194c0c1825f7b_ b. It is noted that the existing metro lines are roughly aligned according to the existing lines. The current subway operation route map is very easy to collect. All you need to do is draw a few lines according to the gourd. 

Because I think the official VI color matching is ugly, I used the color disk of Google material design to get similar color values. 

 all lines need only to draw the path on the grid with pen tool, and the color can be processed by adding path stroke. Note that each point is on the grid, and only 45 degrees of path skew is allowed. 

 the terrain can also be roughly drawn at the same time. The processing method of wave pattern here is: first, draw the pattern on the bottom map tile, and then subtract the outline shape of water body from the terrain layer above by Boolean operation. If it's too troublesome, you can fill it with solid color. It doesn't matter if you don't draw it. 

 now the completion degree is basically the base map of comparative molding. 

Planning route drawing

The time spent in these two steps is enough to play several sets of civilization series. Please be prepared. Basically, you need to draw planned routes one by one against reliable planning route information. In the process of drawing, the site position needs to be adjusted constantly to meet the actual relative position. Sometimes because of the adjustment of one station, it involves the adjustment of four or five lines. Fortunately, it just moves one anchor point to another grid. 

When drawing the planned route, you may need to compare the specific location of the site with the map, planning map and EIA plan, and then set the anchor point to avoid unreasonable deviation of the relative position. This process is synchronized with the drawing site in step 4. 

 is drawn to the planned line, for example, two lines may merge with oblique edges in a certain section. I am more obsessive-compulsive, so I use trigonometric function to find the pixel value of another line to be translated in the sketch, and then use the X / y value to locate the translation anchor point in sketch. The actual effect seems to be better. 


 in my picture, the appearance of the site is relatively ordinary, just a circle. But there is a tricky process in this step. Set the shared style for each line's station and transfer station. If you don't manage the same elements in batch, you will change to vomit blood when you want to change the style. 

The next station name is in a similar way. Sketch provides a good symbols function. By setting a benchmark text module, you only need to reuse and set the copy of this text module. 

<img class="content-image" src=" https://pic1.zhimg.com/v2-ee32a37ed80938f9f3e45e5c320c72b8_ b. After setting the benchmark, return to the main canvas, create an instance of symbols as the station name, and set the copy (override in the inspector toolbar on the right) and position (there is a unified standard, which will be more beautiful). 

 5. Draw other elements 

First draw in the railway. People can be regarded as rail transit. This railway style is like this: first make a solid color tracing path, copy one layer, and then draw the dotted line. 

 followed by track number, station and airport icons, etc. 

<img class="content-image" src=" https://pic2.zhimg.com/v2-3d9f1d40c226d01d92ca270fb2115488_ b. Finally, add any other elements you think should be added, such as title, legend, region name, copyright, watermark, and so on. 

 meditation time 

In 2013, I used Photoshop to draw a rail transit planning route map of Changsha, as follows:

 at first, this picture was stolen by Hunan Satellite TV, so there was a watermark.


No Comment Yet.