Hot answers tagged text
12
Stiff, P. (1996). The end of the line: a survey of unjustified typography. Information Design Journal, 8(2), 125–152.
No empirical data, but a good overview. Science would tell us that inconsistent word-spacing as a result of justification may inhibit saccadic eye movement by creating irregular “jumps” for the eye to make.
I have not read a study that ...
12
No, no, no, absolutely not, no, hell to the no, no way, and if I were working on this document in any capacity I would be looking for my Hammer of NO to hit the originator with. Did mention "no"?
There is no reason, rule, suggestion, guide, stricture, or recommendation to put a space before a mark of punctuation. What I see there is someone who either ...
11
There are two reasons ClearType text is so crisp.
it uses subpixel rendering. I don't think Photoshop supports that.
it uses aggressive hinting to fit lines into the pixel grid
You can type your text in Notepad, screenshot it with some nice convenient tool, and paste it into Photoshop with blending mode Multiply (because it's black text on a white ...
8
Photoshop is not a web designing program. To get text that looks the same in a browser as in a graphic (jpg, gif etc) you have to use the same font in both programs. Some fonts are not used by all browsers.
Depending on the size of your text, a good mid-sized font could be Tahoma, Helvetica, Trebuchet or Georgia. Check out this website for some good ...
8
I believe this is as close as you can get.
(To see the Appearance panel better in this image, right-click [Win] or Control-click [Mac] and choose Open Image in New Tab/Window)
Top fill is a red and black gradient. Both color stops are at the 50% location creating a straight line between the two colors.
The two fills below the characters use Effect > ...
8
To answer the implied question "Why would a respected source of usability advice do something convention-breaking like that?", the answer is in the source code.
It's not something a human did by adding spaces, it's something their site's CMS does indiscriminately to every inline element on the page (not just links and bolding / italics), because of the way ...
7
I'm not sure where "simple" and "semi-automatic" start, but there is a simple way to make shaped area text without having to indent lines by hand.
Create a path in the shape you need using the Pen tool. When you hover over it with the text tool, you'll see the cursor change to the Area Text tool (little parentheses around the I-bar). You can use a shape ...
7
Please have a look at these websites. they have pulled off lighter colors your are interested in. You can work around something like these websites.
www.nature.com
BBC news
Stick Sports
TED
Scitable
History.com
Youtube
As Scott mentioned in his comment, "White is your friend".
You can also look here for some more inspiration.
I hope ...
7
The science of readability is by no means new, and some of the best research comes from advertising works in the early 80s. This information is still relevant today.
First up is this quote from a paper titled “Improving the legibility of visual display units through contrast reversal”. In present time we think of contrast reversal meaning black-on-white, ...
7
That question is hard to answer in general.
I think it depends on your location and what you want do with it.
I have found this link, which is about lyrics quoted in books, but I think you can transfer it to your question:
Quoting Lyrics and Dodging Copyright Issues by Grant Piercy
As suggestet, here are some quotes from the article:
Let me make this ...
6
As Lauren says, you can simply uncheck Hyphenation in the Paragraph panel or in the Hyphenation section of your Paragraph Style, but don't be too quick to throw away the hyphens. No hyphenation also tends to leave you in trouble when you have widows and orphans to deal with.
Some things worth considering:
Language: Hyphenation requires the language of the ...
6
One good, quick, highly flexible and non-obvious way of getting effects like the first one would be to create a gradient-like blend object from a few thick-stroke lines (see below), make a new pattern brush from it using the brushes panel, curve a path or paths into the right shape, and apply the brush to the paths. Here's an example:
The original ...
6
This is going to be somewhat dependent:
on the parts of the world you are targeting
what parts of a name you need to include (middle names/initials?)
any other abbreviations that might be needed (Mrs, Dr, PhD, MSc?)
characters used in names, unless of course you're using a monospaced font
I don't think there's any substitute for sample test data from ...
6
I think you're confusing legibility with readability. A face can be perfectly legible without being comfortable to read in long passages of text. Most display or decorative faces (assuming they're legible in the first place) fall into that category. A good readable text face like Caslon or Garamond, by contrast, isn't always the best choice for instant ...
6
The difference is really seen in line breaks, capabilities, and edit ability.
Text wraps are self aware. They see the object being wrapped and adjust when that object changes. Increase the dimensions of a wrapped object and the text reflows to work around new dimensions. Most apps also provide a method to adjust the offset of wrapped text. So you can ...
5
This can be done with scripting capabilities.
EDIT: I've update my answer below having tried and tested.
Open any text editor
Copy and paste the following code into it
Make sure whatever the name of the text layer is matches with what's defined in line 20
Save as splitText.jsx
Open with Photoshop. Also make sure the document you want to apply this to is ...
5
Answer is actually pretty simple, this is what i quickly cooked up:
Type your text in a bold fonttype. color black
Set the Fill to 20% (important, set fill to 20%... not opacity)
Now it shines through. If you want to give it an offset, do this:
Double click on your text layer in the layer box.
set the dropshadow to white, blendingmode of it to ...
5
That's antialiasing due to the characters having curved bottom edges. You can either move the text half a pixel vertically or manually edit them out.
Occasionally you can get better results by manually tweaking the AA on certain text. In your case, you may want to fade the grey/cyan into the white hightlight, but otherwise, you're gonna be changing the ...
5
How to get rid of the leading (not sure if that's what it's called) in point text in Illustrator Cs5
Tick the option in the general preferences to "Use Preview Bounds" then you can apply a Pathfinder effect to the text.
Simply select the text and choose Effect > Pathfinder > Add (or merge, intersect, or minus front -- several of them will work)
Preview bounds display may cause some issues while editing other objects at times. Measurements will use the ...
5
I assume you mean something along the lines of this:
Where the background is solid, and the text appears to be an image.
This is fairly simple to set up.
Place the color layer at the bottom of the layer stack, then the text layer, then the image you want to use as the top layer.
Hold down the Option/Alt key and click the line between the image layer ...
5
The very short answer is "No."
Oldstyle figures ("lowercase") are specifically drawn that way. Legacy Postscript and TrueType fonts, for the most part, contain only tabular figures, which are lining or oldstyle according to the way the font is designed.
The Unicode Consortium isn't suggesting that lining figures can be distorted into oldstyle figures, ...
5
Long story short, you have font smoothing turned off in your OS, but IE7 is overriding this and smoothing anyway.
If you view your sample images at full size, it's apparent that the bottom two images are using no anti-aliasing at all. All modern operating systems support anti-aliasing of fonts, though Windows XP (which is 11 years old at this point) didn't ...
5
In Photoshop, you can manually create a blur effect in everything surrounding your image using the Blur Tool.
For example:
Rasterize your text so you have a bitmap image of your text.
Duplicate your layer (to keep the original safe!)
Select the Blur Tool, choose an opacity of 30% or so, and a brush size of 40px.
Start blurring your image from the ...
5
Line lengths are usually measured in words or characters per line (or at least in my experience). I don't think print and digital are any different — the same general rules of typography apply. Short lines can create design issues and slow reading down, long lines can be unwieldy.
This study may be helpful:
This study examined the effects of line length ...
5
The effect you're talking about is called Vertical Alignment, in this case bottom vertical alignment. In design applications like InDesign (but not Illustrator without hacking, moan whinge moan...) there's a simple button for it.
In HTML / CSS, vertical alignment isn't so simple. Vertical alignment for a table cell is easy, vertical-align: bottom; starts ...
5
It would be a snide answer to say "to draw letters distinctly, draw them distinctly," but it points to a truth - letters that look the same do so because someone drew them to be the same. So draw them differently.
The challenge, of course, is doing so in such a way that is still legible. You can do something like Wim Crouwel's New Alphabet, but people will ...
4
You can use the script from AjarProductions : Convert Illustrator Point/Path Text to Area Text
This script will convert point text and text on a path into area text.
You select multiple text fields and the script will convert them all.
Works fine for me on Illustrator CS5.
Code of the script copied below, in case the page goes missing:
//Convert to ...
4
This actually looks like you might be able to do with something like inDesign or Illustrator - just create a text block, enter your text, and add / move points to the text box shape until you have your desired shape.
Or...
create your shape in Illustrator, click on the shape, and enter / paste your type.
4
There is more information that is required before you question can be answered accurately. However, you may not fully understand the difference between the Type objects that Illustrator creates.
Depending on how you use the Type tool, 3 different basic type objects will be created:
Type in an Area
This is the type "in frames" that Alan refers to. It can ...
4
Unfortunately, text replacement in Photoshop is a bit of an all-or-nothing proposition. When it comes to text, PS is a fairly blunt instrument, and lacks the sophistication of a layout program like InDesign. You can preset the basic text styling, but any fine tuning, such as italicizing individual words, is going to have to be done by hand.
I've not tested ...
Only top voted, non community-wiki answers of a minimum length are eligible
