<?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>Web Design - Los Angeles, CA &#124; Steve Gifford &#187; Design</title>
	<atom:link href="http://stevegifford.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://stevegifford.com</link>
	<description>Steve Gifford is a web designer in Los Angeles, CA. He specializes in front-end web design and development.</description>
	<lastBuildDate>Mon, 12 Sep 2011 21:50:15 +0000</lastBuildDate>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>No more grayscale! The Proper Way to Convert Images to Black and White</title>
		<link>http://stevegifford.com/no-more-grayscale-the-proper-way-to-convert-images-to-black-and-white/</link>
		<comments>http://stevegifford.com/no-more-grayscale-the-proper-way-to-convert-images-to-black-and-white/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 23:43:41 +0000</pubDate>
		<dc:creator>stevegifford</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Black and White images]]></category>

		<guid isPermaLink="false">http://stevegifford.com/?p=216</guid>
		<description><![CDATA[I have encountered many designers and art directors who aren&#8217;t aware that there is another way to convert images from color to black and white in Photoshop. Most people simply go to Image > Mode > Grayscale and call it done. There is a better way! It only takes two minutes using adjustment layers, and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/bw_image.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/bw_image.jpg" alt="" title="bw_image" width="550" height="183" class="alignnone size-full wp-image-217" /></a></p>
<p>I have encountered many designers and art directors who aren&#8217;t aware that there is another way to convert images from color to black and white in Photoshop. Most people simply go to Image > Mode > Grayscale and call it done. There is a better way! It only takes two minutes using adjustment layers, and you&#8217;ll see a noticeable difference in the sharpness and quality of your black and white images.</p>
<p><strong>Step 1.</strong> Open your image, and bring up the layers palette. Click the adjustment layer button at the bottom of the layers palette (circle shape half white/half black). Select Hue/Saturation from the dropdown.</p>
<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/step1.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/step1.jpg" alt="Proper Black and White Conversion 1" title="step1" width="550" height="422" class="alignnone size-full wp-image-218" /></a></p>
<p>Leave the settings as is, for now.</p>
<p><strong>Step 2.</strong> Click the adjustment layer button again, to add a second adjustment layer. This time, with the top layer selected, you will go to the Adjustments palette, and drag the saturation slider all the way to the left (-100).</p>
<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/step2.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/step2.jpg" alt="Proper Black and white conversion, step 2" title="step2" width="550" height="376" class="alignnone size-full wp-image-219" /></a></p>
<p><strong>Step 3. </strong>Now, select the first adjustment layer you created (it will be the middle layer in your document). Click the layer blending mode at the top of the layers palette (by default, it will say normal). Select &#8220;color&#8221;.</p>
<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/step3.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/step3.jpg" alt="Proper black and white conversion, step 3" title="step3" width="550" height="387" class="alignnone size-full wp-image-220" /></a></p>
<p><strong>Step 4.</strong> In the Adjustments palette, drag the Hue slider back and forth until the image looks good to you.<br />
<a href="http://stevegifford.com/wp-content/uploads/2010/03/step4.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/step4.jpg" alt="Proper black and white conversion, step 4" title="step4" width="550" height="352" class="alignnone size-full wp-image-221" /></a></p>
<p>That&#8217;s it! Let&#8217;s compare the results:</p>
<p><strong>Original image:</strong></p>
<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/original.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/original.jpg" alt="" title="original" width="375" height="500" class="alignnone size-full wp-image-222" /></a></p>
<p><strong>Grayscale:</strong></p>
<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/grayscale.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/grayscale.jpg" alt="" title="grayscale" width="375" height="500" class="alignnone size-full wp-image-223" /></a></p>
<p><strong>Converted with adjustment layers:</strong></p>
<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/proper_bw.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/proper_bw.jpg" alt="" title="proper_bw" width="375" height="500" class="alignnone size-full wp-image-224" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://stevegifford.com/no-more-grayscale-the-proper-way-to-convert-images-to-black-and-white/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sharespost Pre-IPO Index launches</title>
		<link>http://stevegifford.com/sharespost-pre-ipo-index-launches/</link>
		<comments>http://stevegifford.com/sharespost-pre-ipo-index-launches/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 20:24:56 +0000</pubDate>
		<dc:creator>stevegifford</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[sharespost]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Zynga]]></category>

		<guid isPermaLink="false">http://stevegifford.com/?p=206</guid>
		<description><![CDATA[I&#8217;ve had the pleasure recently to do work for Sharespost, a startup in Santa Monica that tracks pre-IPO startups like Facebook, Twitter, Tesla Motors, and Zynga. This week, we built the world&#8217;s first Dow-like tracker for pre-IPO startups, which is getting no shortage of press: AP: Dow industrials for startups? Pre-IPO index opens Forbes: SharesPost [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://stevegifford.com/wp-content/uploads/2010/03/sharespost_index3.jpg"><img src="http://stevegifford.com/wp-content/uploads/2010/03/sharespost_index3.jpg" alt="Sharespost Index" title="sharespost_index" width="550" height="183" class="alignnone size-full wp-image-213" /></a></p>
<p>I&#8217;ve had the pleasure recently to do work for <a href="http://www.sharespost.com" target="_blank">Sharespost</a>, a startup in Santa Monica that tracks pre-IPO startups like Facebook, Twitter, Tesla Motors, and Zynga. This week, we built the world&#8217;s first Dow-like tracker for pre-IPO startups, which is getting no shortage of press:</p>
<p><strong>AP: </strong><a href="http://www.google.com/hostednews/ap/article/ALeqM5jJMRvL56oRIUdca9vfy6r53iEM4gD9E795MO0" target="_blank">Dow industrials for startups? Pre-IPO index opens</a></p>
<p><strong>Forbes:</strong> <a href="http://blogs.forbes.com/velocity/2010/03/03/sharespost-launches-index/" target="_blank">SharesPost Launches Index</a></p>
<p><strong>Bloomberg:</strong> <a href="http://www.bloomberg.com/apps/news?pid=20601110&#038;sid=aDKHDfZwKA2g" target="_blank">Facebook Valued at $11.5 Billion in SharesPost Index</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stevegifford.com/sharespost-pre-ipo-index-launches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Helvetica, the movie!</title>
		<link>http://stevegifford.com/helvetica-the-movie/</link>
		<comments>http://stevegifford.com/helvetica-the-movie/#comments</comments>
		<pubDate>Fri, 02 Jan 2009 22:49:34 +0000</pubDate>
		<dc:creator>stevegifford</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://stevegifford.com/?p=127</guid>
		<description><![CDATA[I recently watched <a href="http://www.helveticafilm.com/">Helvetica</a>, the documentary from Gary Hustwit. It's a beautifully shot film about, what else, the ubiquitous Helvetica typeface.]]></description>
			<content:encoded><![CDATA[<p>I recently watched <a href="http://www.helveticafilm.com/">Helvetica</a>, the documentary from Gary Hustwit. It&#8217;s a beautifully shot film about, what else, the ubiquitous Helvetica typeface.</p>
<p>Here&#8217;s a short excerpt from the film:</p>
<p><code><object width="425" height="344" data="http://www.youtube.com/v/3mhOT4JOvgA&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/3mhOT4JOvgA&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></code></p>
<p>I watched the movie through Netflix, but it will also be airing on the PBS show <a href="http://www.pbs.org/independentlens/index.html">Independent Lens</a> on January 6.</p>
<p>As someone who finds himself unable to drive down the street without spotting poor typographical choices on signs and billboards, this film was a welcome open discussion into the world of typography and the psychological effect that it has on society.</p>
<p>I use Helvetica in a great deal of my work, as a result of my desire to create clean and efficient designs. Helvetica Neue is one of my favorite typefaces. One of the benefits of a font like Helvetica, I believe, is the freedom to combine it with a multitude of other typefaces, for effect. Helvetica provides the order and consistency, allowing for a second typeface to provide character. It was the strategy I used in designing this portfolio site, which uses Helvetica extensively.</p>
<p>The challenge for the designer is to be able to incorporate design trends into solid design practices. A designer who lives strictly by trends will find that their work looks outdated in only a few short years. But solid, timeless design principles prove that the more things change, the more they stay the same.</p>
<p>Helvetica is 50 years old, and used now as much as ever. It&#8217;s the perfect font for the Web 2.0 design sensibility.</p>
<p>The most interesting debate in the film is the ongoing debate between designers who embrace Helvetica, and those who make rebelling against Helvetica a past time. Yes, I&#8217;m talking about David Carson.</p>
<p>Way back in design school, we had a project where we had to visually represent two antonyms through design. I chose order and chaos. If Helvetica is order, David Carson is chaos. As exemplified by his <a href="http://www.facebook.com/s.php?q=david+carson&amp;init=q&amp;sid=bf5141bf8926d4a074ee184734e2748a#/photo.php?pid=1043175&amp;id=512494590">desktop</a>:</p>
<p><img src="http://photos-h.ak.fbcdn.net/photos-ak-snc1/v888/88/17/512494590/n512494590_1043175_6138.jpg" alt="David Carson's desktop" width="580" height="362" /></p>
<p>It&#8217;s the next cover of Raygun! I kid, I kid. However, it is a nice look into Carson&#8217;s brain. This organization of information on his desktop very likely makes perfect sense to him.</p>
<p>This is the where the fun starts. With all of the restrictions of web technologies, and presentation of information, where can these two roads meet? With the popularity of blogs, and the requirement that text be laid out in a very simple grid, is chaos going to become non-existent?</p>
<p>I&#8217;m looking forward to experimenting, and seeing forthcoming designs that attempt to explore this marriage of antonyms.</p>
]]></content:encoded>
			<wfw:commentRss>http://stevegifford.com/helvetica-the-movie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

