<?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>Lauren Rabaino &#187; graphic</title>
	<atom:link href="http://laurenmichell.com/tag/graphic/feed/" rel="self" type="application/rss+xml" />
	<link>http://laurenmichell.com</link>
	<description>An associate producer at The Seattle Times. Blogs here about journalism, design, life. Blogs at 10,000 Words about the intersection of news and technology.</description>
	<lastBuildDate>Mon, 30 Jan 2012 22:19:21 +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>Make your résumé reflect your talent&#8230; visually</title>
		<link>http://laurenmichell.com/2008/10/make-your-resume-reflect-your-talent-visually/</link>
		<comments>http://laurenmichell.com/2008/10/make-your-resume-reflect-your-talent-visually/#comments</comments>
		<pubDate>Mon, 06 Oct 2008 08:05:18 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[resume]]></category>

		<guid isPermaLink="false">http://rabaino.com/lauren/blog/?p=254</guid>
		<description><![CDATA[If you know a thing or two about graphic/web design, make your résumé mirror your knowledge. When a &#8220;new media&#8221; journalist has a résumé made off a Microsoft Word template, it shows nothing about the creativity that person has. I &#8230; <a href="http://laurenmichell.com/2008/10/make-your-resume-reflect-your-talent-visually/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you know a thing or two about graphic/web design, <em>make your résumé</em><em> mirror your knowledge</em>.</p>
<p>When a &#8220;new media&#8221; journalist has a résumé made off a Microsoft Word template, it shows nothing about the creativity that person has.</p>
<p>I recently redesigned my résumé to give it that Twittery feel. Why?</p>
<ul>
<li>Using elements that are popular in web design show that I actually pay attention to <strong>web design trends</strong></li>
<li>It&#8217;s <strong>eye-catching</strong>. What would be more memorable? Times New Roman with a bulleted list, or Helvetica in colorful boxes?</li>
<li>If I have <strong>&#8220;graphic design&#8221;</strong> listed as a talent, I sure as hell better have a unique résumé. <em>In a way, the design of your resume is your own advertisement for yourself.</em></li>
</ul>
<p>A few other tips for journalists&#8217; resumes:</p>
<ul>
<li><strong>Keep it short and clean.</strong> While this applies to pretty much <em>every</em> résumé, it&#8217;s especially important for a journalist. Journalists are supposed to be pros at keeping things concise and to the point. The first hint at whether you&#8217;re truly capable of that is through your resume.</li>
<li><strong>Run it through spell check. </strong>Again, this is more important for a journalist than it would be for an engineer. If you can&#8217;t copy edit your own resume, how can you be expected to copy edit your stories?</li>
</ul>
<p>Who would you hire as your new media reporter?</p>
<p style="text-align: center;"><a href="/uploads/2008/10/resumenew.png"><img class="size-medium wp-image-253 aligncenter" title="resumenew" src="/wp-content/uploads/resumenew-300x193.png" alt="" width="409" height="263" /></a></p>
<p style="text-align: left;">Here are some other great ideas for resume design:</p>
<ul>
<li><strong>Brand yourself.</strong> Give yourself a logo that you use on your résumé, your business card, your Web site and your blog. It&#8217;s a goal I have for myself, in fact. It gives you an identity and establishes your credibility</li>
<li><strong>Use color. </strong>I often hear the use of color/borders/shapes as huge résumé no-no. I disagree. Use color appropriately. Draw the readers&#8217; eyes to the parts that are important, use it as a separator or as an accent.</li>
<li><strong>Use white space.</strong> Don&#8217;t make your résumé look like a novel. Again, applying basic principals of Web design, less text is better. Don&#8217;t distract the recruiter. Use bulleted lists and keep it clean.</li>
</ul>
<p>Now, here&#8217;s some <a href="http://jobmob.co.il/blog/beautiful-resume-ideas-that-work/">inspiration</a>. Go open Photoshop, Illustrator, inDesign or all three and make yourself a new <img src="file:///C:/DOCUME~1/LAUREN~1/LOCALS~1/Temp/moz-screenshot-3.jpg" alt="" />resume masterpiece. Even if you&#8217;re no good at graphic design, it&#8217;s easy to use good fonts and a little color to make your resume sparkle.</p>
<p><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/col_andre_morgan_resume_full.jpg"><img class="size-medium wp-image-256 alignnone" title="col_andre_morgan_resume_full" src="/wp-content/uploads/col_andre_morgan_resume_full-231x300.jpg" alt="" width="231" height="300" /> </a><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/graemefindlayresume.gif"><img class="alignnone size-medium wp-image-257" title="graemefindlayresume" src="http://rabaino.com/lauren/blog/wp-content/uploads/graemefindlayresume-154x300.gif" alt="" width="154" height="300" /></a><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/kenjiboy_resume_by_kenji2030.jpg"><img class="alignnone size-medium wp-image-258" title="kenjiboy_resume_by_kenji2030" src="/wp-content/uploads/kenjiboy_resume_by_kenji2030-231x300.jpg" alt="" width="221" height="284" /></a><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/graemefindlayresume.gif"> </a><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/resume_by_ebeelove.jpg"><img class="alignnone size-medium wp-image-259" title="resume_by_ebeelove" src="/wp-content/uploads/resume_by_ebeelove-231x300.jpg" alt="" width="210" height="273" /></a><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/resume_package__resume_by_anevaude.jpg"> <img class="alignnone size-medium wp-image-260" title="resume_package__resume_by_anevaude" src="http://rabaino.com/lauren/blog/wp-content/uploads/resume_package__resume_by_anevaude-222x300.jpg" alt="" width="208" height="280" /> </a><a href="http://www.laurenmichell.com/wp-content/uploads/2008/10/resume_2008_by_djsoundwav.jpg"><img class="alignnone size-medium wp-image-261" title="AAA Resume 2006" src="/wp-content/uploads/resume_2008_by_djsoundwav-231x300.jpg" alt="" width="212" height="275" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2008/10/make-your-resume-reflect-your-talent-visually/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Papers should look like the Internet</title>
		<link>http://laurenmichell.com/2008/09/papers-should-look-like-the-internet/</link>
		<comments>http://laurenmichell.com/2008/09/papers-should-look-like-the-internet/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 22:57:28 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[chicago tribune]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[trib]]></category>

		<guid isPermaLink="false">http://rabaino.com/lauren/blog/?p=211</guid>
		<description><![CDATA[The new possible new design When a potential version of the Chicago Tribune&#8217;s redesign starting trickling its way through the Web, I fell in love. Although I&#8217;m known as a Web enthusiast, I&#8217;m also a sucker for great design &#8212; &#8230; <a href="http://laurenmichell.com/2008/09/papers-should-look-like-the-internet/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<table style="width: auto; text-align: right;" border="0" align="right">
<tbody>
<tr>
<td><a href="http://picasaweb.google.com/lh/photo/bSBT2sQYxUFZO0b59fwr3w"><img style="margin: 10px;" src="http://lh6.ggpht.com/lauren.rabaino/SN1hQdILFLI/AAAAAAAAAVg/SUZpdKkWL08/s288/Trib_188.jpg" alt="" width="153" height="288" /></a></td>
</tr>
<tr>
<td style="font-family:arial,sans-serif; font-size:11px; text-align:right">The new <em>possible </em>new design<a href="http://picasaweb.google.com/lauren.rabaino/Blog"></a></td>
</tr>
</tbody>
</table>
<p>When a potential version of the <a href="http://www.chicagotribune.com/">Chicago Tribune&#8217;s</a> redesign starting <a href="http://www.editorandpublisher.com/eandp/news/article_display.jsp?vnu_content_id=1003842794">trickling its way through the Web</a>, I fell in love.</p>
<p>Although I&#8217;m known as a Web enthusiast, I&#8217;m also a sucker for great design &#8212; whether it be web <em>or print</em>. All graphic design is intriguing to me, and this prototype definitely sparked my interest.</p>
<p>If newspapers are going to survive, there needs to be major restructuring to represent elements of both the Web and magazines. I think this design accomplishes both:</p>
<ul>
<li><strong>Masthead content</strong> &#8211; They go with the name &#8220;Trib.&#8221; This is brilliant because it&#8217;s casual. It sounds like the name of a blog and it&#8217;s what seasoned readers call the newspaper anyway. It&#8217;s making that personal connection with the readers, a very blog-like appeal, I think.</li>
<li><strong>Masthead style</strong> &#8211; This is no traditional masthead. Again, it reminds me of a blog banner. It feels so casual and clean. I love it.</li>
<table style="width: auto;" border="0" align="right">
<tbody>
<tr>
<td><a href="http://picasaweb.google.com/lh/photo/7I16aDy7yzDstV8SZ0IMRA"><img style="margin: 10px;" src="http://lh3.ggpht.com/lauren.rabaino/SN1lTaFo1UI/AAAAAAAAAVo/zeIg5QM1JIo/s288/IL_CT.jpg" alt="" width="150" height="288" /></a></td>
</tr>
<tr>
<td style="font-family:arial,sans-serif; font-size:11px; text-align:right">The current, &#8220;old&#8221; design<a href="http://picasaweb.google.com/lauren.rabaino/Blog"></a></td>
</tr>
</tbody>
</table>
<li>Headline typeface &#8211; The current design uses traditional <a href="http://en.wikipedia.org/wiki/Serif">serif</a> fonts, while this potential new design has a main headline in a Helvetica-like font (much like a magazine would)</li>
<li><strong>Big central image </strong>- This is so magazine-like, which isn&#8217;t necessarily a bad thing. Newspapers are dying, but magazines aren&#8217;t.  Everything about the layout reminds me of a magazine, and even the content is a lot more feature oriented</li>
<li><strong>Basic, bold graphics</strong> &#8211; Although I can&#8217;t read the teasers on the bottom (I&#8217;m assuming they&#8217;re teasing to the Web), I can tell that the graphics are far more simplified than what the Tribune currently has in their print edition. They&#8217;re very much like icons you&#8217;d see on a Web site</li>
<li><strong>Infographics</strong> &#8211; The current Tribune is very text-heavy. This design adds more visual and presents statistics quickly and organized. Far more visually appealing than that traditional look of the current paper.</li>
</ul>
<p>If newspapers want to survive, I think they need to do what the <a href="http://www.chicagotribune.com/">Chicago Tribune</a> is considering: a massive redesign. Not only visually, but contextually.</p>
<p>Instead of being a place of who, what, where and when, the newspaper should be a place of &#8220;why?&#8221;</p>
<p>Instead of cutting pages and jobs and keeping the same content style, newspapers need to add pages and jobs and change their content style.</p>
<p>Instead of trying to break the news in the newspaper, the industry needs to break news online and use print as a deeper, more feature-like and in-depth look at the news that was broken online.</p>
<p>And the <a href="http://www.chicagotribune.com/">Trib</a> already has a head start.</p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2008/09/papers-should-look-like-the-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vector illustration tutorial</title>
		<link>http://laurenmichell.com/2008/09/vector-illustration-tutorial/</link>
		<comments>http://laurenmichell.com/2008/09/vector-illustration-tutorial/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 00:59:48 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[how-to]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[pen tool]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://rabaino.com/lauren/blog/?p=65</guid>
		<description><![CDATA[Getting started This tutorial is for those who already have basic/intermediate knowledge with Adobe Illustrator. This can also be done in Photoshop, but I recommend Illustrator just because you have more canvas space to work with. Keep in mind that &#8230; <a href="http://laurenmichell.com/2008/09/vector-illustration-tutorial/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Getting started<strong><br />
</strong></strong>This tutorial is for those who already have basic/intermediate knowledge with Adobe</p>
<div class="wp-caption alignright" style="width: 209px"><img title="vector" src="http://z.hubpages.com/u/310288_f520.jpg" alt="Example of a vectored image" width="199" height="139" /><p class="wp-caption-text">Example of a vectored image</p></div>
<p>Illustrator. This can also be done in Photoshop, but I recommend Illustrator just because you have more canvas space to work with. Keep in mind that I myself am an amateur at doing this, so don&#8217;t be too hard on me.</p>
<p><strong>What is a vector-based image?</strong><br />
Vector graphics use geometrical elements such as points, lines, curves, and shapes. As opposed to raster graphics, vector-based images retain their resolution at any size because it&#8217;s all based on mathematical proportions.</p>
<p>This type of digital art has kind of a cartoon-like feel to it. Many people wrongly assume that this effect is created using some type of pre-made Photoshop filter. In actuality, it takes hours &#8211;if not days &#8212; of precise hand work to create a vector graphic like this.</p>
<p><strong>Why should I learn it?</strong><br />
It&#8217;s good to know how to create vector graphics if you&#8217;re a Web designer or a student journalist. That way, you won&#8217;t have to rely on stock images to spice up your site icons or your Flash multimedia story. Plus, they&#8217;re just really fun. I&#8217;ve made a few and printed them out at 8x10s for my new apartment.</p>
<p><img class="alignnone" style="margin-top: 10px; margin-bottom: 10px;" title="step1" src="http://farm4.static.flickr.com/3224/2846484857_e45bbac4d2_m.jpg" alt="" width="132" height="240" /><strong></strong></p>
<p style="text-align: left;"><strong>Step No. 1: Get a photo</strong><br />
Start with a decent sized photo that has good quality/lighting. The higher the resolution, the better&#8211; you&#8217;ll want to be able to zoom in on it (pushing CTRL + and CTRL &#8211; to zoom in and out, either in Photoshop or Illustrator) to see the details.</p>
<p style="text-align: left;"><img class="alignnone" src="http://farm4.static.flickr.com/3187/2847320156_3e94817156_m.jpg" alt="" width="132" height="240" /></p>
<p><strong>Step No. 2: Base outlines<br />
</strong>First you&#8217;ll vector the basic shapes and colors. Use the pen tool in either Adobe Illustrator or Photoshop to trace along the outlines. It doesn&#8217;t have to be perfect, keep it simple. As you can see, I traced the body, with pretty rough skin tones and the hair and shirt. To connect your shapes with the pen tool, just click back where you started. Use the eyedropper to get the colors you want.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3049/2846484885_4e0ab8f465_m.jpg" alt="" width="133" height="240" /></p>
<p><strong>Step No. 3: Start the face<br />
</strong>Next you&#8217;ll want to do basic facial features. Eyebrows, nose and mouth. For the nose, rather than tracing the outline, just get the nostrils and any defining shadows. You don&#8217;t have to worry about the eyes yet. We&#8217;ll get to that in the next step.</p>
<p>*TIP: Change the opacity regularly to see beneath back to the original image you&#8217;re tracing. It&#8217;s also helpful to group together similar parts that you want linked by right clicking and choosing &#8220;group.&#8221; You can go within these group to edit by double clicking.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3205/2846484915_72abe6c409_m.jpg" alt="" width="240" height="219" /></p>
<p><strong>Step No. 4: Eyes<br />
</strong>Now we&#8217;re going to do the eyes. They can be a little bit tricky. Just take your time with them. Start off just tracing the whites. Try to be as exact as possible. You&#8217;ll also have to be patient because you&#8217;ll be changing the transperancy a lot to be able to see back to the original eye.</p>
<p>After you trace the white, use the main color (in this case brown) to trace around the interiors. Add a lot of detail to the color of the eye. Do variations of shapes and colors (I used green on mine) and take down the opacity to make them really pop.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3258/2847320196_98f2532d73_m.jpg" alt="" width="240" height="235" /></p>
<p><strong>Step No. 5: Shadows, lips<br />
</strong>Now we add the shadows. You may want to add a slight gradient over your original face shape. On other deep shadows, just use a shade a little darker than the color below. This is where you&#8217;ll really define your style of vectoring. Use your own judgment to get it just right. Just trace over the main shades you see.  You&#8217;ll also want to do a few of the finer details like adding creases to the lips.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3110/2847320210_b6b0ee1f91_m.jpg" alt="" width="131" height="240" /></p>
<p><strong>Step No. 6: Hair<br />
</strong>The hair in my example isn&#8217;t too complicated. But with hair that has different shades and highlights and shapes, you&#8217;ll need to get really creative. For vectors like that, the hair will probably be what you spend half of your time on. Pay close attention to where the light falls. You can even add more highlights when none exist, just to really give it that &#8220;vectored&#8221; touch. For women, focus on the shape of the hair and the it&#8217;s parted. Focus your shapes toward the direction of that part. For men, pay close attention to the actual hairline and sideburns.</p>
<div id="mod_1115769" class="module moduleText color0">
<div id="txtd_1115769" class="txtd">
<p>*Tip: add a subtle gradient with the darker color away from the light souce.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3054/2847320222_9fce0d02bf_m.jpg" alt="" width="133" height="240" /></p>
<p><strong>Step No. 7: You&#8217;re done!<br />
</strong>When you&#8217;re done, you&#8217;ll probably have more than 200 layers. This piece was obviously very rushed (completed in about 3 hours) for the purposes of this tutorial, but to get a really good quality vector illustration, you&#8217;ll probably find yourself spending days or weeks on a single piece. But don&#8217;t worry&#8211; time flies when you&#8217;re vectoring.</p>
<p>You&#8217;ll really need to get comfortable with the pen tool. The more often you vector, the better you&#8217;ll get. As for the purpose&#8230; hell if I know. It looks cool and its fun to do. It&#8217;s digital art. And if you&#8217;re not really an artist and you suck with a pencil and canvas&#8211; don&#8217;t worry. It takes no real talent to be able to do this. It takes taste and patience.</p>
<p>Have fun!</p>
<p><strong>Additional Tips:</strong></p>
<ul>
<li> Save your vector as an <strong>Illustrator file</strong>, an <strong>EPS</strong>, or (in photoshop) a <strong>PSD</strong>. That way, your image isn&#8217;t flattened and you can close it to come back later to work on it.</li>
<li><em><strong>Save OFTEN.</strong></em>You seriously want to be saving your work every few minutes, or else you&#8217;ll be one grumpy person when you recieve that much-hated &#8220;error&#8221; message.</li>
<li><strong>Don&#8217;t get frustrated.</strong> If this if your first time vectoring, it&#8217;ll be difficult. You&#8217;re probably not best friends with the pen tool yet and you&#8217;re not going to be able to know how to do things. In fact, your first vector is going to look pretty horrible. No worries. You&#8217;ll laugh at it in a month after you&#8217;ve perfected this art.</li>
<li>Make sure you have <strong>a lot of time</strong>. Don&#8217;t start doing this is you&#8217;re going to go to work/class soon. You&#8217;ll get addicted. You&#8217;ll be up for <em><span style="text-decoration: underline;">hours</span></em>.</li>
</ul>
<p><strong>Remember:</strong></p>
<ul>
<li><strong>It <em>will </em>look ridiculous</strong> the first time. Until you get comfortable with the pen tool, you will not be happy with the initial result. I&#8217;ll dig through old folders to try to find my first vector ever, and you will likely laugh your ass off. It takes time.<strong> Be patient. Good luck.</strong></li>
</ul>
<div id="txtd_1115769" class="txtd">UPDATE: I found the original files for the first two vectors I ever attempted (this was around May 2007). I&#8217;m risking a lot of dignity by posting this, but I&#8217;m optimistic that it will give you hope. A little practice is all it takes. Laugh all you want, really.</div>
<div class="txtd"><img class="alignnone" src="http://farm4.static.flickr.com/3154/2847018883_2f99269b4e.jpg?v=0" alt="" width="191" height="275" /> <img class="alignnone" src="http://farm4.static.flickr.com/3241/2847869054_55c8ecc67e.jpg?v=0" alt="" width="339" height="199" /></div>
<p><small><em>This is an updated version of a <a href="http://hubpages.com/hub/Vector-illustration-tutorial" target="_blank">tutorial </a>I wrote on <a href="http://www.hubpages.com">Hubpages </a>in May.</em></small></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2008/09/vector-illustration-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

