<?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>News Design School &#187; picture fonts</title>
	<atom:link href="http://newsdesignschool.com/tag/picture-fonts/feed/" rel="self" type="application/rss+xml" />
	<link>http://newsdesignschool.com</link>
	<description> Better newspaper design. Better bottom line.</description>
	<lastBuildDate>Mon, 30 Jan 2012 15:08:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>No. 15: InDesign tip on using picture fonts</title>
		<link>http://newsdesignschool.com/no-15-indesign-tip-on-using-picture-fonts/</link>
		<comments>http://newsdesignschool.com/no-15-indesign-tip-on-using-picture-fonts/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 00:17:13 +0000</pubDate>
		<dc:creator>Bob</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[clip art]]></category>
		<category><![CDATA[InDesign tips]]></category>
		<category><![CDATA[picture fonts]]></category>

		<guid isPermaLink="false">http://newsdesignschool.com/ndscampus/members/archives/?p=68</guid>
		<description><![CDATA[Smaller newspapers rarely have access to an artist. Maybe they&#8217;ll have a photographer or a designer/production person with some skills, but getting good art for stories can be a problem. A lot of the clip art on the web is pretty tacky, as are the clip art collections you can still get on CDs. One [...]
Related posts:<ol>
<li><a href='http://newsdesignschool.com/handy-dingbat-fonts-for-newspaper-design/' rel='bookmark' title='Handy dingbat fonts for newspaper design'>Handy dingbat fonts for newspaper design</a></li>
<li><a href='http://newsdesignschool.com/tip-better-shadows-in-photoshop/' rel='bookmark' title='Tip: Better shadows in Photoshop'>Tip: Better shadows in Photoshop</a></li>
<li><a href='http://newsdesignschool.com/fixing-an-indesign-quirk/' rel='bookmark' title='Fixing an InDesign quirk'>Fixing an InDesign quirk</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Smaller newspapers rarely have access to an artist. Maybe they&#8217;ll have a photographer or a designer/production person with some skills, but getting good art for stories can be a problem.</p>
<p>A lot of the clip art on the web is pretty tacky, as are the clip art collections you can still get on CDs.</p>
<p>One overlooked source of good clip art, which can really modernize and jazz up your page layouts, is dingbat or picture type fonts, such as Webdings and Wingdings. These both usually come with Windows machines, and I am certain the Mac has similar fonts, like Zapf dingbats.</p>
<p>1. Draw a text box on your page and select Webdings. Go to the Windows &gt; Type and Tables &gt; Glyphs (Alt-Shift-F11).</p>
<p>2. Select a glyph you want to work on. Let&#8217;s use the train. Double click on it and then paste in your text box. Make it big, say 360 points. Adjust frame to fit if you need to.</p>
<p><a href="http://newsdesignschool.com/blog/wp-content/uploads/2009/02/original.png"><img class="alignnone size-medium wp-image-69" title="original" src="http://newsdesignschool.com/wp-content/uploads/2009/02/original-300x242.png" alt="" width="300" height="242" /></a></p>
<p>3. Select the train with the Text tool, go up to the Type menu and slide down to Create Outlines.</p>
<p>4. Switch to the Selection Arrow (the black one) and click on the train itself. Cut it (Ctrl-X). The train will disappear to the clipboard.</p>
<p>5.Now select the remaining text frame and delete it with Delete key.</p>
<p>6. Paste the train back onto the page (Ctrl-V).</p>
<p><a href="http://newsdesignschool.com/blog/wp-content/uploads/2009/02/selectedpaths.png"><img class="alignleft size-medium wp-image-73" title="selectedpaths" src="http://newsdesignschool.com/wp-content/uploads/2009/02/selectedpaths-300x247.png" alt="" width="300" height="247" /></a></p>
<p>7. If you want to use the black and white, you&#8217;re done. If you want to colorize the image, go to Object &gt; Paths &gt; Release Compound Paths.</p>
<p>8. Now all the various parts of the what is now art (and not a &#8220;letter&#8221;) are available for adjusting. To help you see them, while they are all still selected, give them a fill of none (Swatches) and a stroke of .25.</p>
<p><a href="http://newsdesignschool.com/blog/wp-content/uploads/2009/02/paths.png"><img class="alignleft size-medium wp-image-71" title="paths" src="http://newsdesignschool.com/wp-content/uploads/2009/02/paths-300x247.png" alt="" width="300" height="247" /></a></p>
<p>9. Then go ahead and add color. Use Ctrl click if the layers get in your way and Ctrl-Shift Click to select multiple items. I didn&#8217;t work too hard getting good colors on the example. Just wanted to show you how it was done. I also used a gradient and added a drop shadow.</p>
<p><a href="http://newsdesignschool.com/blog/wp-content/uploads/2009/02/final.png"><img class="alignleft size-medium wp-image-72" title="final" src="http://newsdesignschool.com/wp-content/uploads/2009/02/final-300x256.png" alt="" width="300" height="256" /></a></p>
<p>10. Voila. Clip art!</p>
<p>There are a number of free dingbat fonts besides the Webdings and Wingdings already on your computer.</p>
<p>My favorite font is one with insects (see example). You can this and a bunch of others &#8212; most free &#8212; at <a href="http://www.fontgarden.com/dingbats/dingfonts.html">http://www.fontgarden.com/dingbats/dingfonts.html</a></p>
<p><a href="http://newsdesignschool.com/wp-content/uploads/2009/02/butterfly.png"><img class="alignleft size-medium wp-image-70" title="butterfly" src="http://newsdesignschool.com/wp-content/uploads/2009/02/butterfly-300x249.png" alt="" width="300" height="249" /></a></p>
<p>Put <em>dingbat font</em> or <em>picture font</em> in Google and you&#8217;ll find a few more. The nice part is you can make them as big as you want without losing quality and you can so easily change B&amp;W to color.</p>
<p>Now you can dress up your blank, gray stories easily, making them more visually interesting with free clipart fonts. Enjoy!<br />
<!--adsensestart--></p>
<div class="tweetthis" style="text-align:left;"><p> <a rel="nofollow" class="tt" href="http://twitter.com/intent/tweet?text=No.+15%3A+InDesign+tip+on+using+picture+fonts+http%3A%2F%2Fnewsdesignschool.com%2F%3Fp%3D307" title="Post to Twitter"><img class="nothumb" src="http://newsdesignschool.com/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-micro3.png" alt="Post to Twitter" /></a></p></div><p>Related posts:<ol>
<li><a href='http://newsdesignschool.com/handy-dingbat-fonts-for-newspaper-design/' rel='bookmark' title='Handy dingbat fonts for newspaper design'>Handy dingbat fonts for newspaper design</a></li>
<li><a href='http://newsdesignschool.com/tip-better-shadows-in-photoshop/' rel='bookmark' title='Tip: Better shadows in Photoshop'>Tip: Better shadows in Photoshop</a></li>
<li><a href='http://newsdesignschool.com/fixing-an-indesign-quirk/' rel='bookmark' title='Fixing an InDesign quirk'>Fixing an InDesign quirk</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://newsdesignschool.com/no-15-indesign-tip-on-using-picture-fonts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

