I saw a lot of font designs like this, but haven't found any tutorials on how to create such a font. How can I create a font like this?

Like the font in this picture

  • 1
    This is not a font. (Most likely.) – usr2564301 Oct 31 '16 at 10:35
  • Hello Echo, welcome to GD.SE. As-is, your question is very broad. Could you show us what you have tried, where you are stuck, and why the result doesn't fulfill your needs? You can always edit your question to add new info. Thanks! If you have any questions about GDSE, have a look at the help or feel free to join us in Graphic Design Chat once your reputation allows you to (20). Keep contributing and enjoy the site! – Vincent Oct 31 '16 at 13:53

This is specifically for Adobe Illustrator, but the principle will apply to any package...

First, you need to draw the letter shapes with lines. It will probably help to work on a grid for this step. (I have shown the 'exploded' view just so that you can see the individual lines, that's not a step in the process.) enter image description here

Next, increase the thickness of the lines to something that you like the look of and change the 'End Caps' to rounded (middle button, top row, directly underneath the line weight. enter image description here Finally, choose your colours and then set the blending mode of the lines to 'darken' or 'multiply' (or experiment with other blending modes). enter image description here Done.

| improve this answer | |
  • Thanks a lot, Chris! I thought maybe there would be some skills before.(Actually it is.) I am not good at using the pen tool. >.< Can you also tell me how to draw a perfect "C" like you? Thanks again. – Echo Yang Nov 1 '16 at 9:48
  • 2
    In Illustrator, draw a circle, then go to Object > Path > Add Anchor Points. This will add points in between the default four points to give you eight in total. You can then delete the points that you don't need to leave a portion of a perfect circle. Then you just need to scale it to look nice. You can repeatedly use Add Anchor Points if you need more points to play with. It works on any path, but I find it most useful on circles and curves. – Westside Nov 1 '16 at 10:04
  • Still difficult for me, but much better! Thanks, Chris~☺️ – Echo Yang Nov 4 '16 at 3:35

Ok so in order to design this you might want to have the font used in that design but I will show you how to create the overlapping effect you see in that image. You might want to draw this over the text where you want to use this.

So design tall rectangles and the select them with your white arrow (a) and a small dot will appear next to each corner of the objects box.


Simply using the same white arrow tool drag one of these dots so you can see the corners become totally round.


Do this to all your rectangles. Then select them and make tem overlap


After this choose your Transparency menu on the side bar or add it by going to top menu "Window > Transparency". From the drop down menu choose Multiply.


Then to enhance the effect you can change the objects' opacity also.


Note that some colours will work better than others.

Hope this was useful to you.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.