<?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; Tutorial</title>
	<atom:link href="http://www.erinesullivan.com/blog/category/tutorial/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>Make Your Own Beer Coaster!</title>
		<link>http://www.erinesullivan.com/blog/2009/08/20/make-your-own-beer-coaster/</link>
		<comments>http://www.erinesullivan.com/blog/2009/08/20/make-your-own-beer-coaster/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 22:55:09 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Arts & Crafts]]></category>
		<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=125</guid>
		<description><![CDATA[I am a fan of wooden furniture. I am also a fan of beer. I recently purchased a new, wooden desk for myself because the previous one I had was falling apart after being moved to at least three different locations within the four years I have had it. With having a new item comes [...]]]></description>
			<content:encoded><![CDATA[<p>I am a fan of wooden furniture. I am also a fan of beer. I recently purchased a new, wooden desk for myself because the previous one I had was falling apart after being moved to at least three different locations within the four years I have had it. With having a new item comes my O.C.D. of making sure it is well maintained. One way to help maintain the quality of a wooden desk is by using a coaster for my beverages. I know you can prevent things from happening all together just by simply not having food or beverages on or near the desk, but I like to have my coffee/tea/water/orange juice/beer while designing. It satisfies my thirst and my mood all together. Since I do not have any coasters lying around my apartment, I figured I would actually do some arts &amp; crafts and make one myself by using my favorite can of beer!<span id="more-125"></span></p>
<p>For you beer snobs out there, I know it&#8217;s sacrilege to drink out of cans instead of bottles. However, my favorite beer happens to be <a href="http://en.wikipedia.org/wiki/Boddingtons">Boddingtons</a> which is only sold in a can in the retail stores around here. Funny thing about that beer is that I first became attracted to it because of it&#8217;s simple design and coloring, and <em>then</em> I tasted it. I fell in love since. So anyway, here is where you start to make your holy beer coaster of awesomeness:</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/supplies.jpg"><img class="aligncenter size-full wp-image-137" title="supplies" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/supplies.jpg" alt="supplies" width="600" height="450" /></a></p>
<h4>Supplies</h4>
<ul>
<li>Beer can (or your favorite canned beverage if you&#8217;re not a fan of beer, or just simply don&#8217;t feel like using a beer can at all)</li>
<li>Sharpie</li>
<li>Pencil</li>
<li>A good, strong pair of scissors</li>
<li>Xacto knife (optional)</li>
<li>Ruler</li>
<li>Rubber cement</li>
<li>Illustration board/matte board/cardboard/poster board</li>
<li>Flat, heavy object of some sort</li>
</ul>
<h4>Step 1: Stab the can</h4>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/stabbycanny.jpg"><img class="aligncenter size-full wp-image-138" title="stabbycanny" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/stabbycanny.jpg" alt="stabbycanny" width="600" height="450" /></a></p>
<p>First and foremost, you want to be able to get the can nice and flat so you need to somehow cut off the top and bottom portions of the can. Also please be sure that you washed out the can and let it dry before you do this to prevent from having a stale beer smell to your coaster. Now you want to make sure that the can stays in place before you stab it with your pair of scissors. <span style="color: #cc0000;"><strong>Do NOT hold it in your hand while stabbing.</strong></span> What I did was I took my ruler and placed the can next to the ruler so it stayed in its position. Then what you need to do is figure out what part of the can you want to be used for the coaster. Next you roll the can over on its opposite end, take your scissors and then stab the can. Doing this prevents from damaging the area you want to show for your coaster.</p>
<h4>Step 2: Cut the can</h4>
<p>Stabbing the can helps create a hole which allows you to start cutting through the can. The directions you want to first start cutting is up and down. Once you do that, start cutting all the way around just before the top and bottom sections of the can start bending. Once the top and bottom sections are cut off, trim the edges of the rectangle you just made so the angles are nice and perpendicular (this makes future measuring and cutting easier if you are a perfectionist like I am).</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/cutout.jpg"><img class="aligncenter size-full wp-image-139" title="cutout" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/cutout.jpg" alt="cutout" width="600" height="450" /></a></p>
<h4>Step 3: Flatten out your rectangle</h4>
<p>Your rectangle will be in a bending position once the top and bottom sections are cut off due to constantly being shaped as a cylinder. To help flatten it out, you just simply do what you would to a wrinkled dollar bill that was rejected by a vending machine: grab both ends and start rubbing the opposite side of the bend up against a corner/edge. Be careful what you rub the rectangle up against because since it&#8217;s made of metal, you might possibly scratch or mark the surface of the edge or the rectangle itself.</p>
<h4>Step 4: Measure twice, cut once</h4>
<p>Many of us have heard that phrase before because, to be honest, I actually messed up on cutting out this coaster but it turned out to be fine in the end anyway.</p>
<p>A coaster measures to roughly a 3 1/2&#8243; square. If you have a favorite beer mug where the bottom measures bigger than that, then you can measure a square that fits the size of the bottom of the mug. Just keep in mind that your basic 12oz. can has the measurements of 4.5&#8243;high x 2.375&#8243; wide x 8&#8243; circumference. Now what you want to do is eye out the area you want to show, and then start measuring the areas you want to cut off with your ruler. When you have the areas measured, take your ruler and your sharpie and start marking the back of the rectangle. This will create your guides.</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/guides.jpg"><img class="aligncenter size-full wp-image-140" title="guides" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/guides.jpg" alt="guides" width="600" height="450" /></a></p>
<p>After you create your guides, start cutting.</p>
<p>Next, grab your board. This can be poster board, matte board, cardboard, etc. The reason for this is so you can create a smooth base for your coaster, and also add thickness and durability to it too. As for me, I had scrap illustration board on hand so I decided to use it for my base. Now instead of recreating the square that you just measured out by measuring out again, you can simply trace around the square you just cut out with your can with a pencil. I made sure that I traced around the back end of the illustration board so markings will not show in the final product. And then because of the thickness of the illustration board, I took my ruler and my Xacto knife to cut it out.</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/tracing.jpg"><img class="aligncenter size-full wp-image-141" title="tracing" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/tracing.jpg" alt="tracing" width="600" height="450" /></a></p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/illustrationtraces.jpg"><img class="aligncenter size-full wp-image-142" title="illustrationtraces" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/illustrationtraces.jpg" alt="illustrationtraces" width="600" height="450" /></a></p>
<p>Afterwards, cut!</p>
<h4>Step 5: Paste it and put some weight on it</h4>
<p>After you finally have your two squares, take your rubber cement and cover the entire surface of the back of your two squares, then put them together. The reason why I chose rubber cement and not your basic, everyday glue is because we are trying to attach metal to a surface so we want to make sure that it sticks. Rubber cement will definitely make things stick.</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/gluing.jpg"><img class="aligncenter size-full wp-image-143" title="gluing" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/gluing.jpg" alt="gluing" width="600" height="450" /></a></p>
<p>Since rubber cement takes a little while to dry, grab your flat, heavy object and put it on your coaster. This will make sure that your squares do stick together and will also make sure that your square cut from the can will not start to roll back up.</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/heavyobject.jpg"><img class="aligncenter size-full wp-image-144" title="heavyobject" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/heavyobject.jpg" alt="heavyobject" width="600" height="800" /></a></p>
<p>After about 30 minutes, your holy beer coaster of awesomeness is ready for use!</p>
<p><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/beercoasteruse.jpg"><img class="aligncenter size-full wp-image-145" title="beercoasteruse" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/beercoasteruse.jpg" alt="beercoasteruse" width="600" height="800" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/08/20/make-your-own-beer-coaster/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>
