Finally the third news article in my TextArtTIPS Series!
Check out the previous issues Text Art Tips #1 & Text Art Tips #2
Third Set of Tips On How To Improve Your Text Art & Typography
Script Fonts
Script, or chirographic, fonts can give your artwork a nice personal or realistic touch. But there are some things you may want to pay attention to, when it comes to using them.
Most importantly: do not use Capitals!
Traditional script fonts have big and with swashes decorated uppercase letters. Writing in capitals makes your text unreadable and it does not look good.
However other, new, script fonts, that imitate hand-writing rather than script-writing or calligraphy, are designed to work in capitals as well. They are created without swashes and have a more casual feel to them. The most famous example for those fonts are Comic books.
Don't add too much Kerning!
If you zoom into words written with a script font, you will notice how the letters connect to each other as if they were written with one stroke. Increasing the kerning would break this up and the font would lose its charm.
Headlines & Copytext


In my examples I am using the same 2 fonts (Times & Limelight) to show you what I mean. The second example looks far better, simply by exchanging the fonts for each part of the text.
There are a lot of mistakes to make here. In simple words: Headlines can always be fancier than copy. Why? Because headlines are shorter and bigger. Copy is long and smaller.
What you should not do in copy:
- Caps. They make texts harder to read.
- Bold font weights. The smaller the text will be displayed at, the more blurry the copy will be, by using a bold font weight.
- Use enough line-height. A general rule is to have a line-height of at least 120% of the font-size. 10pt font-size/12pt line-height, 15pt font-size/18pt line-height, 20pt font-size/24pt line-height etc.
- Center text. This gives the eye no place to go. Long lines are hard to keep up with.
Canvas
There are 4 canvas formats:
- Portrait.Height > Width
- Landscape. Width > Height</b>
- Square. Width = Height
- Panorama. Width >>> Height or Height >>> Width (Obviously Panorama is basically an extended version of either Portrait or Landscape.)
However when you create your design in a vector based program, those are things you can easily edit later in the design process.
Photos
Sometimes you want/have to combine a photo and text. If you have an image that has a quiet area with similar colors, you can easily place the text on the sky and it will be easy to read.
But you may not always be that lucky!

There are many ways to keep your text readable, even on busy backgrounds:
- Sometimes changing the font color is enough.
- You can apply a drop shadow or an outer glow to the text. You should pick a color that is ferquent in the image, and change its opacity unitl the text is easier to read.
- Another option is to add a solid color layer below the text. Even with a lower opacity this will help, increase the texts readabilty.
- And if all that doenst help, you may just have to edit the photo until the text fits. Especially since Photoshop CS5 and content aware scaling and fill, this has become a lot easier

Vignette
Vignettes are decorative elements usually in books, used both to separate sections or chapters and to decorate borders. But a vignette can also be an image, in iconographic form, integrated into a word.
Logotypes often use vignettes as well; when a logo is set next to the company name. (In German we call it “Wort- und Bildmarke” which translates as “Word and Image Brand”.)
Sometimes a whole word can be replaced by a vignette as well. Most famous example of this is the the "I
A vignette can be as simple or detailed as you want. It will add an illustrative touch to your art, no matter how much work is actually put into creating it.
Look out for new fonts
There is always need for new (free) fonts
Font Resources:
Creating your own font

Example of a word converted to shapes with its anchor points active.




Standard gradient fill and other solutions for creating a gradient.
I am not going to explain the whole process of creating a font here, because it is complicated and time intense. (I may do so at a later point
Fonts are vector files. Which means they are indefinetely scalable; e.g. you can change the font size up to 2483 pt if you like and there is no loss of quality.
Font files can only contain 1 color and no semi-transparencies! It is one color and negative space. No gradients or images are possible. There are ways to give the impression of that though.
A regular gradient is not possible. Creating a gradient using lines/shapes of different heights is an option to imitate a gradient. Or you use a triangle, duplicate it multiple times horizontally and you will have another option of creating a “fake” gradient. Using a method, similar to screentones, will give good results as well.
A real life example of this practice can actually be seen on airplanes
If a font contains more than one color or images… it will not come as a .ttf or .otf file and you will not be able to type your text. You will have to place each letter on its own manually! Of course such “font files” are avaiable as well, but it always demands more work from the person using your font.
If you decide to offer an illustrative font like that, make sure you use image files with transparent backgrounds around your letter! You can use .png, .eps or .svg files for that purpose; they are not dependant on a certian program and can be used by most people
Take your time!
Like Paul McCartney once said: If the song is too short and you have no more lyrics... repeat the first verse." (at least i think it was him
Really, dont rush any artwork you are doing. Especially in Text Art it is easy to just add a line of text to a canvas and you think you're done. This is not the case. Try different things, experiment with colors, with font sizes, textures, canvas sizes, kerning and and and. Just don't be done in 5 min.
More News Articles About Learning Text Art and Typography:
Thank you for reading!
I hope this News Article was helpful
Feedback is highly appreciated
If you have a question or ideas for more tips, just let me know. I will try to answer them or add them to the next TextArtTIPS issue.
Cheers,
^pica-ae



























just one thing in this last article... instead of:
Font files can only contain 1 color and no transparencies! It is one color and transparencies.
shouldn't it be:
Font files can only contain 1 color and no transparencies! It is one color and NO transparencies.
??
I am not sure what you mean
I think I wanted to express "one color and negative space" . cos as it is now, the sentence is just repeated…
I LOVE this ;D