<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Senbonzakura Kageyoshi &#187; Typesetting</title>
	<atom:link href="https://senbonzakura.anonrandomname.com/category/typesetting/feed/" rel="self" type="application/rss+xml" />
	<link>https://senbonzakura.anonrandomname.com</link>
	<description>Guides and Tutorials for Cleaning Manga</description>
	<lastBuildDate>Thu, 25 Aug 2011 13:39:49 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.0.38</generator>
	<item>
		<title>Fonts for Typesetting</title>
		<link>https://senbonzakura.anonrandomname.com/2009/05/02/fonts-for-typesetting/</link>
		<comments>https://senbonzakura.anonrandomname.com/2009/05/02/fonts-for-typesetting/#comments</comments>
		<pubDate>Sat, 02 May 2009 17:57:07 +0000</pubDate>
		<dc:creator><![CDATA[chiresakura]]></dc:creator>
				<category><![CDATA[Beginner]]></category>
		<category><![CDATA[Typesetting]]></category>

		<guid isPermaLink="false">http://senbonzakura.kageyoshi.net/?p=314</guid>
		<description><![CDATA[Using a good font is a vital part of typesetting. Who cares what the text says if you can&#8217;t read the damn letters? Blambot offers a lot of good manga fonts for dialogue that are also very legible (like Anime Ace, Crime Fighter, SmackAttack, and Manga Temple). Mouth Breather is good for dramatic text. The [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Using a good font is a vital part of typesetting. Who cares what the text says if you can&#8217;t read the damn letters?</p>
<p><a href="http://www.blambot.com/fonts.shtml" target="_blank">Blambot</a> offers a lot of good manga fonts for dialogue that are also very legible (like Anime Ace, Crime Fighter, SmackAttack, and Manga Temple). Mouth Breather is good for dramatic text.</p>
<p>The Design and SFX fonts can start hovering near that &#8220;hard to read&#8221; line, so be careful if you use any of those. Gorilla Milkshake is good, as are Seargant Six Pack and Badaboom.</p>
<hr />If you have a series with lots of side text and comments (a la Skip Beat), then you&#8217;ll want some <a href="http://www.dafont.com/theme.php?cat=603" target="_blank">&#8220;handwritten&#8221; fonts</a>. These can be extremely hard to read, too, especially if the font size is small, so be careful! Augie is probably one of the most commonly used handwritten fonts, though now that I&#8217;m looking at the site, Angelina looks like it could be nice, too. I&#8217;ve used Andrew Script and Expletives Deleted before&#8230;</p>
<hr />To install fonts on a Windows machine, you can just go to the Control Panel and there should be an icon for Fonts. On a Mac, double clicking on the font file should open up Font Book, and you can install from there. If you&#8217;re using Linux, I&#8217;m sure you&#8217;re self sufficient enough to figure font installation out on your own :P  After you&#8217;ve installed your new fonts, you&#8217;ll have to restart PS before they&#8217;re loaded.</p>
<p>If you can find a font manager application, I highly recommend it. Font collecting can become an addiction, and being able to browse them all easily and search for &#8220;the perfect&#8221; font for your page becomes difficult without a manager. I&#8217;m running OSX Leopard, and I use <a href="http://www.integrity.com/homes/tomandkaren/FontDoc/" target="_blank">FontDoc</a>. It imports the collections from Font Book, but you can enter custom text and view all the fonts in the collection at once. It&#8217;s simple, and it&#8217;s free. I&#8217;d like to hear what Windows users use (hint hint leave a comment).</p>
<hr />All in all, this is where the creative part of typesetting begins. Try to match the English font to the Japanese font on the raw, but always always always remember to look at the page with fresh eyes to make sure all the text is easy to read.</p>
<p>Whatever you do, <strong>don&#8217;t use regular fonts like Times New Roman or Arial.</strong> Typesetting is part of the whole picture, and regular text fonts just don&#8217;t look or feel right. At the very least, download Anime Ace from Blambot and go with that ;)</p>
<p>Now that you have your fonts, check out the <a href="http://senbonzakura.kageyoshi.net/2009/05/02/typesetting/" target="_self">Intro to Typesetting</a>!</p>
]]></content:encoded>
			<wfw:commentRss>https://senbonzakura.anonrandomname.com/2009/05/02/fonts-for-typesetting/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Intro to Typesetting</title>
		<link>https://senbonzakura.anonrandomname.com/2009/05/02/typesetting/</link>
		<comments>https://senbonzakura.anonrandomname.com/2009/05/02/typesetting/#comments</comments>
		<pubDate>Sat, 02 May 2009 05:27:48 +0000</pubDate>
		<dc:creator><![CDATA[chiresakura]]></dc:creator>
				<category><![CDATA[Beginner]]></category>
		<category><![CDATA[Typesetting]]></category>

		<guid isPermaLink="false">http://senbonzakura.kageyoshi.net/?p=281</guid>
		<description><![CDATA[Phew. I&#8217;ve been meaning to do this for over a year now &#62;_&#62; Typesetting is an extremely important part of editing manga because one of the things readers focus on most is the text. It doesn&#8217;t matter how good your cleans are if your typeset is horrible (and vice versa). Likewise, a good script is [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Phew. I&#8217;ve been meaning to do this for over a year now &gt;_&gt;</p>
<p>Typesetting is an extremely important part of editing manga because one of the things readers focus on most is the text. It doesn&#8217;t matter how good your cleans are if your typeset is horrible (and vice versa). Likewise, a good script is important too. Don&#8217;t be afraid to ask the translator if it&#8217;s all right for you to do some minor editing while you do the typesetting. Oftentimes, translators focus too much on individual words and not enough on the flow of text on the page. Consider typesetting to be the bridge between cleaning and translating.</p>
<p><strong>1. Entering text.</strong> Choose the Text tool in PS (or hit T). Your cursor now looks like a typical word processing cursor. Click and drag to make a square roughly in the center of your bubble. Your text will now be limited to the interior of that square, and you can type or paste your text. The other option is to just click once and start typing, but I&#8217;ve found the auto-wrapping in the text box to be convenient and sometimes pleasantly surprising.</p>
<p>[spoiler]</p>
<p><img class="alignnone size-full wp-image-282" title="picture-3" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-3.png" alt="picture-3" width="823" height="293" /></p>
<p><img class="alignnone size-full wp-image-283" title="picture-4" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-4.png" alt="picture-4" width="317" height="334" /></p>
<p>[/spoiler]</p>
<p><strong>2. Choose an appropriate font.</strong> <a href="http://senbonzakura.kageyoshi.net/2009/05/02/fonts-for-typesetting/" target="_self">Visit this page</a> for info about choosing your fonts.</p>
<p><strong>3. Choose an appropriate font size.</strong> You don&#8217;t want your text crowding the bubble, but you also don&#8217;t want to make people squint to read it. Also be careful that text in adjacent bubbles don&#8217;t smoosh together.</p>
<p>[spoiler]</p>
<p><img class="alignnone size-full wp-image-284" title="picture-5" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-5.png" alt="picture-5" width="274" height="430" /> <img class="alignnone size-full wp-image-285" title="picture-6" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-6.png" alt="picture-6" width="261" height="426" /></p>
<p>Obviously, the second example is <strong>TOO BIG!!</strong></p>
<p>[/spoiler]</p>
<p><strong>4. Center your text.</strong> This may seem like a no brainer, but you&#8217;d be surprised. With the Text tool selected, you can hold down the CTRL key and click and drag your text. Alternatively, you can select the Move tool (or hit V) and use your arrow keys to nudge the text box around. What I like to do is make sure the corners of my text box are the same distance from the bubble on either side.</p>
<p>[spoiler]</p>
<p><img class="alignnone size-full wp-image-286" title="picture-10" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-10.png" alt="picture-10" width="264" height="265" /></p>
<p>[/spoiler]</p>
<p><strong>5. Fix the shape of your text.</strong> Lots of people talk about making your text a diamond shape, but keep in mind that there are times when other elements may be more important than the shape of the text. By &#8220;diamond&#8221;, we mean the lines of text should be narrow at the top and bottom and wide in the middle. What you don&#8217;t want is uneven line lengths. Photoshop automatically wraps your text within the text box, and more often thant not, you will have to use the return key to push your words around to find the best shape for your text.</p>
<p>[spoiler]</p>
<p><img class="alignnone size-full wp-image-288" title="picture-16" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-16.png" alt="picture-16" width="283" height="301" /></p>
<p>This example isn&#8217;t a diamond in the strict sense of the shape, but the lines are narrower at the top and bottom and wider in the middle. It matches the shape of the bubble nicely.</p>
<hr />
<p><img class="alignnone size-full wp-image-289" title="picture-17" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-17.png" alt="picture-17" width="282" height="300" /></p>
<p>Be careful you don&#8217;t obsess too much about the diamond shape and make the top or bottom line too narrow. It doesn&#8217;t literally have to be a diamond. It just needs a nice &#8220;round&#8221; shape.</p>
<hr />
<p><img class="alignnone size-full wp-image-290" title="picture-18" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-18.png" alt="picture-18" width="289" height="283" /></p>
<p>This is what I meant by having uneven lines. Sometimes, it&#8217;s unavoidable, but do your best to get a nice block of text.</p>
<hr />
<p><img class="alignnone size-full wp-image-292" title="picture-19" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-19.png" alt="picture-19" width="181" height="240" /></p>
<p>Here&#8217;s an example of where an ugly block of text is necessary. If I made the left text box wider to accommodate a better shape, it would mush into the &#8220;Thanks&#8221; in the right text box.</p>
<p>[/spoiler]</p>
<p><strong>6. Be careful with hyphens.</strong> Some typesetters like to hyphenate words in order to get the perfect diamond block of text. Some typesetters absolutely hate to hyphenate a word unless there&#8217;s no other choice. I prefer to use hyphens sparingly, but whatever you decide to do, try to put the hyphen in the center of the word and not near the beginning or the end. Also make sure there are no leftover letters spilling into the next line, and DO NOT hyphenate one-syllable words.</p>
<p>[spoiler]</p>
<p><img class="alignnone size-full wp-image-293" title="picture-20" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-20.png" alt="picture-20" width="170" height="172" /> <img class="alignnone size-full wp-image-294" title="picture-21" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-21.png" alt="picture-21" width="137" height="148" /></p>
<p>Choco-lates looks much better than Cho-colates.</p>
<hr />
<p><img class="alignnone size-full wp-image-296" title="picture-23" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-23.png" alt="picture-23" width="112" height="213" /> <img class="alignnone size-full wp-image-295" title="picture-22" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-22.png" alt="picture-22" width="116" height="217" /></p>
<p>Also, try your best not to hyphenate a word more than once. In the second example, you have one word spanning three lines.</p>
<p>[/spoiler]</p>
<p><strong>7. Aim for consistency.</strong> Don&#8217;t just throw your italics or bolds around at random. Try to match the text on the raw. Lots of people save italics for thoughts or make the text gray instead of black, and bold+italics is usually used for shouting. Whatever you choose, stick with it!</p>
<p><strong>8. Stroke text that&#8217;s not on a white background.</strong> Black text on a gray background can be difficult to read. Black text on a pattern can be an eyesore, so what we need to do is outline the text in white. After you type out of your text, right click on that layer and choose Blending Options. Click on Stroke. From here, you can choose the color of the outline (usually white), the pixel width of the outline (3 px is usually good), and other settings (make sure it&#8217;s set to Outside).</p>
<p>[spoiler]</p>
<p><img class="alignnone size-full wp-image-297" title="picture-25" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/picture-25.png" alt="picture-25" width="843" height="506" /></p>
<p>[/spoiler]</p>
<p>I vaguely remember someone asking about stroking text using GIMP. I came across this tutorial the other day and thought it did the trick simply and quickly: <a href='http://gimpology.com/submission/view/how_to_outline_text'>Gimpology</a></p>
<p>This looks like a pretty good Gimp site in general.</p>
<p><strong>Other miscellaneous pointers:</strong></p>
<ul>
<li>Try not to use vertical text. It&#8217;s just too hard to read. Keep it for the SFX.</li>
<li>Use punctuation!! As much as you&#8217;re probably sick about people harping on you about grammar and punctuation, it really does make a huge difference in the overall quality of the typeset. Even if the Japanese text doesn&#8217;t have any punctuation, you could always add an ellipse (&#8230;) to show that the sentence is continuing in another bubble.</li>
<li>Go easy on the warped text for SFX. All too often, it warps into illegibility.</li>
<li>The Character palette is pretty straight forward, and if you hover your mouse over a button, the name will pop up. One thing to point out is the anti-aliasing (aa), which you want to keep on Smooth (sometimes Strong is good for shouting, though you can get the same effect from other things like bold or italics).</li>
<li>I also recommend creating a Layer set (folder) and putting all your typeset layers in there. It often comes in handy down the road, and it keeps your Layers window from getting cluttered.</li>
<li>Sometimes it can be tempting to just use the Move tool to mush a block of text into an ill-fitting bubble. However, don&#8217;t change the text height or width more than ~10%. If you stretch it any more than that, it really stands out from the rest of the text on the page and just plain looks bad.</li>
<li>If you rotate your text so that it&#8217;s running vertically, make sure the bottom is oriented towards the center of the page. [spoiler]<img class="alignnone size-large wp-image-312" title="side" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2009/05/side-702x1024.png" alt="side" width="702" height="1024" />[/spoiler]</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://senbonzakura.anonrandomname.com/2009/05/02/typesetting/feed/</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
	</channel>
</rss>
