<?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>Erin E. Sullivan&#039;s Blog &#187; Typography</title>
	<atom:link href="http://www.erinesullivan.com/blog/category/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.erinesullivan.com/blog</link>
	<description></description>
	<lastBuildDate>Mon, 03 May 2010 18:58:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Snŏbb Logo Design</title>
		<link>http://www.erinesullivan.com/blog/2009/10/17/snobb-logo-design/</link>
		<comments>http://www.erinesullivan.com/blog/2009/10/17/snobb-logo-design/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 19:01:43 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Print Design]]></category>
		<category><![CDATA[School Work]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=157</guid>
		<description><![CDATA[For my Advanced Graphic Design class I am directing a branding project of a made up wine company in which I have named &#8220;Snŏbb&#8221;. This project involves logo design, package design, and a web site. I am currently finishing up the logo, but I need a designer&#8217;s anal perspective on which is the better of [...]]]></description>
			<content:encoded><![CDATA[<p>For my Advanced Graphic Design class I am directing a branding project of a made up wine company in which I have named &#8220;Snŏbb&#8221;. This project involves logo design, package design, and a web site. I am currently finishing up the logo, but I need a designer&#8217;s anal perspective on which is the better of the two I am presenting. The only contrast of the two is a one point stroke thickness difference in the stuck-up nose that I have merged in with the <a href="http://en.wikipedia.org/wiki/Breve">breve</a> of the &#8220;o&#8221;. I want the breve to be able to stick out but I also want the nose to be noticeable, and I cannot make up my mind. Which would you prefer?<span id="more-157"></span></p>
<div id="attachment_158" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thin.png"><img class="size-full wp-image-158" title="SnobbLogo-Thin" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thin.png" alt="Thinner Strokes" width="580" height="375" /></a><p class="wp-caption-text">Thinner Strokes</p></div>
<div id="attachment_159" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thick.png"><img class="size-full wp-image-159" title="SnobbLogo-Thick" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thick.png" alt="Thicker Strokes" width="580" height="375" /></a><p class="wp-caption-text">Thicker Strokes</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/10/17/snobb-logo-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Typography 101</title>
		<link>http://www.erinesullivan.com/blog/2009/06/30/typography-101/</link>
		<comments>http://www.erinesullivan.com/blog/2009/06/30/typography-101/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 21:19:53 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=89</guid>
		<description><![CDATA[Ever since I created this blog about three weeks ago I have been approached by a couple of people who told me that they do not have much of a grasp in graphic design. However, they do have interest in learning about it. My previous post was based around typography which is a very important [...]]]></description>
			<content:encoded><![CDATA[<p>Ever since I created this blog about three weeks ago I have been approached by a couple of people who told me that they do not have much of a grasp in graphic design. However, they do have interest in learning about it. My <a href="http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/">previous post</a> was based around typography which is a very important element of graphic design. With this post I would like to give you a little bit of a crash course on typography.<span id="more-89"></span></p>
<p>Typography, in a nut shell, is not just about fonts. The literal definition is &#8220;the study of type&#8221;. It is about creating, modifying, arranging, and using type. Today I made you an interactive flash piece on the anatomy of type so you can help understand the small details of typography and letterforms.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="480" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/ErinESullivanTypeAnatomy.swf" /><embed type="application/x-shockwave-flash" width="600" height="480" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/ErinESullivanTypeAnatomy.swf"></embed></object></p>
<p>The anatomy of typefaces only cover a portion of what typography is all about. Of course, maybe one day I will cover the rest in another post or two.</p>
<hr />
<blockquote><p>For the creation of this Flash piece, credit goes to:</p>
<ul>
<li><a href="http://www.acrstudio.com/teaching/d3/images/type_anatomy.gif">Andrew Cornell Robinson Studio</a></li>
<li><a href="http://www.toddroeth.com/class/images/22.jpg">Todd Roeth</a></li>
<li><a href="http://www.precisionintermedia.com/images/typeanatomy1.gif">Precision Intermedia Marketing Agency</a></li>
<li><a href="http://www.fontshop.com/images/glossary/anatomy.gif">FontShop</a></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/06/30/typography-101/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ambigrams are a &#8220;BitcH&#8221;</title>
		<link>http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/</link>
		<comments>http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 16:03:15 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print Design]]></category>
		<category><![CDATA[School Work]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=7</guid>
		<description><![CDATA[I am currently taking a class that is labeled &#8220;Experimental and Illustrative Typography&#8221; which explores the creation of typefaces and using type to create dynamic work. For one of the assignments, I had to create a design concept that is influenced by a typographic style movement that dates before the year 1980. This was the [...]]]></description>
			<content:encoded><![CDATA[<p>I am currently taking a class that is labeled &#8220;Experimental and Illustrative Typography&#8221; which explores the creation of typefaces and using type to create dynamic work. For one of the assignments, I had to create a design concept that is influenced by a typographic style movement that dates before the year 1980. This was the perfect opportunity for me to explore a very difficult typographic style that I have always had interest in creating ever since reading Dan Brown&#8217;s <em>Angels &amp; Demons</em>: <a href="http://en.wikipedia.org/wiki/Ambigram">Ambigrams</a>. This project obviously was not easy.<span id="more-7"></span></p>
<h4>Step 1: Research</h4>
<p>To begin this assignment, I had to do research because I did not have any previous experience in designing ambigrams. Luckily my professor was able to help me out by forwarding me two very helpful websites:</p>
<ul>
<li><a href="http://ambigramblog.blogspot.com/">Ambiblog</a></li>
<li><a href="http://www.stepinsidedesign.com/STEP/Article/28765">&#8220;Typographic Doppelgängers&#8221; by John Langdon</a></li>
</ul>
<p>I read through them and studied all of the images that were posted on these two sites. While studying the images, I have noticed that many of these ambigrams have a <a href="http://en.wikipedia.org/wiki/Blackletter" target="_blank">blackletter</a> look to them so I kept that in mind.</p>
<h4>Step 2: Thinking&#8230; And a lot of it</h4>
<p>When I decided that I was going to go forward with the project, I had to figure out what word I wanted to spell out. In my head I went through the letters of the alphabet and grouped together those that look similar or have a very good possibility of looking similar after careful manipulation (because in the end one letter has to match its opposite letter when rotated):</p>
<ul>
<li>A &#8211; B &#8211; H</li>
<li>B &#8211; E &#8211; F &#8211; G &#8211; H &#8211; K &#8211; P &#8211; R</li>
<li>C &#8211; D &#8211; G &#8211; J &#8211; O &#8211; Q &#8211; S &#8211; U &#8211; V</li>
<li>I &#8211; J &#8211; L &#8211; T &#8211; Y</li>
<li>M &#8211; N &#8211; V &#8211; W &#8211; X &#8211; Y &#8211; Z</li>
<li>S &#8211; Z</li>
<li>a &#8211; b &#8211; d &#8211; g &#8211; h &#8211; p &#8211; q</li>
<li>c &#8211; e &#8211; o</li>
<li>f &#8211; h &#8211; t</li>
<li>i &#8211; j &#8211; l &#8211; t</li>
<li>k &#8211; x</li>
<li>m &#8211; n &#8211; r &#8211; u &#8211; v &#8211; w &#8211; y</li>
<li>s &#8211; z</li>
</ul>
<p>Of course all of these letter groupings can vary depending on the overall look of the ambigram, but this was just a general observation.</p>
<p>After going through the alphabet, I tried to think of my word. Since this was my first ambigram, I had to remind myself that the word must stay simple, preferably a one-syllable word. After running through ideas in my head and becoming frustrated for failing to come up with a word, I cursed at myself and thought &#8220;creating an ambigram is a <em>bitch</em>!&#8221;</p>
<p>A light shined.</p>
<h4>Step 3: To the drawing board</h4>
<p>Well&#8230; Not really the drawing board, but to Adobe Illustrator. I did not have any patience to draw in my sketchbook which would then be drawn <em>again</em> with my Wacom tablet. But, remember when I noticed that many of the ambigrams looked like they were in a blackletter style? What I did is I went through all of the blackletter typefaces that were available on the computer being used (<a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=LNTQ10005000">Linotext™ Std</a>, <a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=SANQ10005000">San Marco™ Std</a>, <a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=WKGQ10005000">Wilhelm Klingspor Gotisch™ Std</a>, and <a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=WITQ10012000">Wittenberger Fraktur™ Std</a>), and started to pair up the rotations of the word.</p>
<blockquote>
<div id="attachment_28" class="wp-caption alignleft" style="width: 240px"><img class="size-full wp-image-28" title="&quot;BitcH&quot; shown in Linotext™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/linotext-bitch.jpg" alt="&quot;BitcH&quot; shown in Linotext™ Std" width="230" height="160" /><p class="wp-caption-text">Linotext™ Std</p></div>
<div id="attachment_29" class="wp-caption alignright" style="width: 240px"><img class="size-full wp-image-29" title="&quot;BitcH&quot; shown in San Marco™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/sanmarco-bitch.jpg" alt="&quot;BitcH&quot; shown inSan Marco™ Std" width="230" height="160" /><p class="wp-caption-text">San Marco™ Std</p></div>
<div id="attachment_28" class="wp-caption alignleft" style="width: 240px"><img class="size-full wp-image-28" title="&quot;BitcH&quot; shown in Wilhelm Klingspor Gotisch™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/wilhelmklingsporgotisch-bitch.jpg" alt="&quot;BitcH&quot; shown in Wilhelm Klingspor Gotisch™ Std" width="230" height="160" /><p class="wp-caption-text">Wilhelm Klingspor Gotisch™ Std</p></div>
<div id="attachment_29" class="wp-caption alignright" style="width: 240px"><img class="size-full wp-image-29" title="&quot;BitcH&quot; shown in Wittenberger Fraktur™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/wittenbergerfraktur-bitch.jpg" alt="&quot;BitcH&quot; shown in Wittenberger Fraktur™ Std" width="230" height="160" /><p class="wp-caption-text">Wittenberger Fraktur™ Std</p></div></blockquote>
<p>I was sold on basing my ambigram off of Linotext™ Std due to its legibility and having the most similarity between the five letters used out of the four typefaces I tested with. What I also like about the typeface is that the &#8220;i&#8221; already has <a href="http://en.wikipedia.org/wiki/Serif">serifs</a> coming out that can almost look like a &#8220;c&#8221;, so I felt like using this typeface was a good way to start. Then came the evolution of my ambigram:</p>
<p style="text-align: center;"><img class="size-full wp-image-50 aligncenter" title="The evolution of my ambigram." src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/ambigramsareabitch-evolution.jpg" alt="The evolution of my ambigram." width="266" height="812" /></p>
<p>So after much thinking and careful planning, I started from a blackletter typeface and turned it into an ambigram that has color and more of a tribal look to it, thus making it my own unique design.</p>
<div id="attachment_56" class="wp-caption alignnone" style="width: 592px"><img class="size-full wp-image-56" title="&quot;BitcH&quot; ambigram from start to finish." src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/ambigramsareabitch-starttofinish.jpg" alt="&quot;BitcH&quot; ambigram from start to finish." width="582" height="146" /><p class="wp-caption-text">&quot;BitcH&quot; ambigram from start to finish.</p></div>
<p>I do not read much, but I will read Dan Brown&#8217;s books. Thanks to reading <em>Angels &amp; Demons</em> I have now been inspired to explore through a typographical design movement that is very complicated and challenging to begin with, which I have successfully accomplished in doing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
