<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>DesignWalker &#187; よごれ</title>
	<atom:link href="http://www.designwalker.com/tag/%e3%82%88%e3%81%94%e3%82%8c/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/%e3%82%88%e3%81%94%e3%82%8c/feed" />
		<item>
		<title>よごれをデザインする</title>
		<link>http://www.designwalker.com/2007/03/grunge.html</link>
		<comments>http://www.designwalker.com/2007/03/grunge.html#comments</comments>
		<pubDate>Sat, 17 Mar 2007 19:28:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[よごれ]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/03/%e3%82%88%e3%81%94%e3%82%8c%e3%82%92%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%99%e3%82%8b.html</guid>
		<description><![CDATA[
			
				
			
		
わたくし、ものすご～くきれいなデザインが大好きです。。。
まっすぐに伸びたライン、バランスのとれたプロポーションなどなど。。
また、それとは正反対にものすご～くきたないデザインも大好きで [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F03%2Fgrunge.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F03%2Fgrunge.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>わたくし、ものすご～くきれいなデザインが大好きです。。。<br />
まっすぐに伸びたライン、バランスのとれたプロポーションなどなど。。</p>
<p>また、それとは正反対にものすご～くきたないデザインも大好きです。。<br />
無駄に汚されたキャンバスや、わざとバランスをくずしたデザインなどなど。。</p>
<p>不完全なもの、よごれたもの、汚いものにも、アートを感じます。</p>
<p>例えば・・・</p>
<p>書道家の方がおもむろに書かれた書。<br />
アンティークの家具。<br />
ユーズド加工されたり、クラッシュ加工されたジーンズなんかも、この類なのでしょうか。。<br />
（わたくしの家のクローゼットの中にはクラッシュジーンズが数本つるされてます。。）</p>
<p>っちゅうわけで本日は、よごれをデザインに取り入れるPhotoshopのチュートリアルをご紹介。</p>
<p>1. 今回は、このおばあちゃんの写真をファンキーに仕上げてみます。。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial01.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>2. よごれた写真を用意します。こんな感じのよごれた写真は<a href="http://www.textureking.com/index.php/category/concrete/" target="_blank">こちら</a>からダウンロードするといいかも。。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial02.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>3. Photoshopで2枚の写真を重ねます。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial03.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>4. 上の写真のモードを「ハードライト」にします。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial04.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>モードを変更すると↓みたいになるはず。。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial05.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>5. 顔の上にかかっている、余分なよごれ部分を消します。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial06.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>6. 上にうっすら文字とか重ねてみるとそれっぽくなるかな・・・っちゅうわけで、完成。</p>
<div align="center">
<img src="http://www.designwalker.com/img/grunge/grunge_tutorial07.jpg" alt="grunge" border="0" />
</div>
<p></p>
<p>こんなよごれを上手くウェブデザインに取り入れられているサイトもあわせてご紹介じゃ。。</p>
<p><strong>1. <a href="http://producedbyyou.com/" title="Produced By You" target="_blank">Produced By You</a></strong></p>
<div align="center">
<a href="http://producedbyyou.com/" title="Produced By You" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge01.gif" alt="Produced By You" border="0" /><br />
</a>
</div>
<p><strong>2. <a href="http://www.cameronmoll.com/portfolio/" title="Cameron Moll" target="_blank">Cameron Moll</a></strong></p>
<div align="center">
<a href="http://www.cameronmoll.com/portfolio/" title="Cameron Moll" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge02.gif" alt="Cameron Moll" border="0" /><br />
</a>
</div>
<p><strong>3. <a href="http://www.decadesrocklive.com/" title="Decades Rock Live" target="_blank">Decades Rock Live</a></strong></p>
<div align="center">
<a href="http://www.decadesrocklive.com/" title="Decades Rock Live" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge03.gif" alt="Decades Rock Live" border="0" /><br />
</a>
</div>
<p><strong>4. <a href="http://www.introzo.com/" title="TROZO Gallery" target="_blank">TROZO Gallery</a></strong></p>
<div align="center">
<a href="http://www.introzo.com/" title="TROZO Gallery" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge08.gif" alt="TROZO Gallery" border="0" /><br />
</a>
</div>
<p><strong>5. <a href="http://www.dirtyprettythingsband.com/" title="Dirty Pretty Things" target="_blank">Dirty Pretty Things</a></strong></p>
<div align="center">
<a href="http://www.dirtyprettythingsband.com/" title="Dirty Pretty Things" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge04.gif" alt="Dirty Pretty Things" border="0" /><br />
</a>
</div>
<p><strong>6. <a href="http://www.generationchurch.org/" title="Generatiion Church" target="_blank">Generatiion Church</a></strong></p>
<div align="center">
<a href="http://www.generationchurch.org/" title="Generatiion Church" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge05.gif" alt="Generatiion Church" border="0" /><br />
</a>
</div>
<p><strong>7. <a href="http://mattbrett.com/" title="Matt Brett" target="_blank">Matt Brett</a></strong></p>
<div align="center">
<a href="http://mattbrett.com/" title="Matt Brett" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge06.gif" alt="Matt Brett" border="0" /><br />
</a>
</div>
<p><strong>8. <a href="http://www.painisgood.com/" title="Pain is Good" target="_blank">Pain is Good</a></strong></p>
<div align="center">
<a href="http://www.painisgood.com/" title="Pain is Good" target="_blank"><br />
<img src="http://www.designwalker.com/img/grunge/grunge07.gif" alt="Pain is Good" border="0" /><br />
</a>
</div>
<p></p>
<p>TUTORIALBLOGさんの「<a href="http://tutorialblog.org/30-dirty-designs/" title="30 Dirty Designs" target="_blank">30 Dirty Designs</a>」という記事で、もっとたくさん見れます。。</p>
<p>こんな感じで、よごれをデザインに取り入れてみるのもいい感じですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/03/grunge.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/03/grunge.html" />
	</item>
	</channel>
</rss>

