<div class="thumb tright"><div class="thumbinner" style="width:222px;"><a href="//commons.wikimedia.org/wiki/File:Bi%C3%A1ng.svg" class="image"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Bi%C3%A1ng.svg/220px-Bi%C3%A1ng.svg.png" decoding="async" width="220" height="220" class="thumbimage" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Bi%C3%A1ng.svg/330px-Bi%C3%A1ng.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Bi%C3%A1ng.svg/440px-Bi%C3%A1ng.svg.png 2x" data-file-width="512" data-file-height="512"></a>  <div class="thumbcaption"><div class="magnify"><a href="//commons.wikimedia.org/wiki/File:Bi%C3%A1ng.svg" class="internal" title="Enlarge"></a></div><i>Biáng</i> in a <i>songti</i> font</div></div></div>
<p>The 57-stroke character <i>biáng</i> (see <a href="https://en.wikipedia.org/wiki/Biang_biang_noodles" class="extiw" title="w:Biang biang noodles">Biang biang noodles</a>) in regular script, suitable for brush calligraphy.<br><br>Here is how this was created:<br></p>
<ul><li>Opened a new photoshop project.<br></li>
<li>On separate text layers, typed in the elements: "宀八言ㄠㄠ長長馬心月刂辶".<br></li>
<li>Using <a href="//commons.wikimedia.org/wiki/File:Bi%C3%A1ng.svg" title="File:Biáng.svg">Image:Biáng.svg</a> (which is in a <a href="//commons.wikimedia.org/wiki/Category:Songti" title="Category:Songti">Songti</a> font) as a guide, arranged the elements in the correct places, and manipulated them to fit into their spaces correctly.<br></li>
<li>Exported the image as a very large, detailed bitmap (<code>.png</code>).<br></li>
<li>Opened the bitmap in Inkscape.<br></li>
<li>Used Inkscape's "<code>trace bitmap</code>" tool to create a vector image.<br></li>
<li>Manually removed unnecessary nodes, thus reducing file size dramatically.<br></li>
<li>Manipulated the nodes to make stroke thickness more uniform (it had been distorted by the manipulation in Photoshop)<br></li>
<li>Saved as a vector image (<code>.svg</code>) and uploaded to Commons.<br><br>Then, <a href="//commons.wikimedia.org/wiki/User:Yug" title="User:Yug">User:Yug</a> made a correction.<br><br>Then, <a href="//commons.wikimedia.org/wiki/User:Wikic" title="User:Wikic">User:Wikic</a> showed me his <a rel="nofollow" class="external free" href="http://peng02.free.fr/biang2.png">http://peng02.free.fr/biang2.png</a>.  I vectorized it and uploaded it.  It has some advantages.<br><br>Then <a href="//commons.wikimedia.org/wiki/User:Yug" title="User:Yug">User:Yug</a> improved the last 辶 to show 4 clear strokes as the traditional way needs. The 心 is a little bigger.<br><br><a href="//commons.wikimedia.org/wiki/User:South_Sniper" class="mw-redirect" title="User:South Sniper">Buernia</a> redesigned the glyph with Adobe Illustrator, refer to the glyph of ST Kaiti.<br><br>The challenge now is to indicate the correct stroke order:<br><a href="//commons.wikimedia.org/wiki/File:Bi%C3%A1ng-order.gif" class="image" title="Biáng"><img alt="Biáng" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Bi%C3%A1ng-order.gif/50px-Bi%C3%A1ng-order.gif" decoding="async" width="50" height="50" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Bi%C3%A1ng-order.gif/75px-Bi%C3%A1ng-order.gif 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Bi%C3%A1ng-order.gif/100px-Bi%C3%A1ng-order.gif 2x" data-file-width="300" data-file-height="300"></a><br>Discuss at <a href="//commons.wikimedia.org/wiki/File_talk:Bi%C3%A1ng-order.gif" title="File talk:Biáng-order.gif">Image talk:Biáng-order.gif</a>.</li></ul>
<a href="//commons.wikimedia.org/wiki/User:FanNihongo" title="User:FanNihongo">FanNihongo</a>
<a href="//commons.wikimedia.org/wiki/User:FanNihongo" title="User:FanNihongo">FanNihongo</a>