<?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%83%95%e3%82%a9%e3%83%88%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/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%83%95%e3%82%a9%e3%83%88%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/feed" />
		<item>
		<title>Photoshop ビフォー・アフターコンテスト 作品集</title>
		<link>http://www.designwalker.com/2007/04/before_after.html</link>
		<comments>http://www.designwalker.com/2007/04/before_after.html#comments</comments>
		<pubDate>Sun, 29 Apr 2007 20:36:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[Worth1000]]></category>
		<category><![CDATA[コンテスト]]></category>
		<category><![CDATA[ビフォー・アフター]]></category>
		<category><![CDATA[フォトショップ]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/04/photoshop-%e3%83%93%e3%83%95%e3%82%a9%e3%83%bc%e3%83%bb%e3%82%a2%e3%83%95%e3%82%bf%e3%83%bc%e3%82%b3%e3%83%b3%e3%83%86%e3%82%b9%e3%83%88-%e4%bd%9c%e5%93%81%e9%9b%86.html</guid>
		<description><![CDATA[
			
				
			
		
Worth1000というサイトで、先日行われていたフォトショップ ビフォー・アフターコンテスト
もう既に、締め切られておりますが・・・なかなか、面白い作品が集まっているようなので、ご紹介 [...]]]></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%2F04%2Fbefore_after.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F04%2Fbefore_after.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.worth1000.com/" title="Worth1000" target="_blank">Worth1000</a>というサイトで、先日行われていたフォトショップ ビフォー・アフターコンテスト</p>
<p>もう既に、締め切られておりますが・・・なかなか、面白い作品が集まっているようなので、ご紹介。。。</p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?image=312315" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after01.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p>
まず、このコンテストの参考作品がこちら。</p>
<p></p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?entry=372900" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after02.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p></p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?entry=372777" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after03.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p></p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?entry=373025" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after04.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p></p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?entry=373079" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after05.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p></p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?entry=373028" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after06.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p></p>
<div align="center">
<a href="http://www.worth1000.com/emailthis.asp?entry=373197" target="blank"><br />
<img src="http://www.designwalker.com/img/before_after/before_after07.jpg" alt="before and after" border="0" /><br />
</a>
</div>
<p></p>
<p>どれも、なかなか面白い作品ばかりですね・・・</p>
<p><a href="http://www.worth1000.com/cache/contest/contestcache.asp?contest_id=14873&amp;display=photoshop#entries" target="_blank"><br />
こちら<br />
</a><br />
から全４９エントリー作品が見れますので、興味のある方はどうぞ。。。</p>
<p>また、この<a href="http://www.worth1000.com/" title="Worth1000" target="_blank">Worth1000</a>というサイトでは、随時このようなコンテストが行われているので、Photoshoperな方は一度作品を投稿してみては？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/04/before_after.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/04/before_after.html" />
	</item>
		<item>
		<title>PhotoshopでHDR（ハイダイナミックレンジ）な、ものすごい画像をつくる方法</title>
		<link>http://www.designwalker.com/2007/01/photoshop-hdr.html</link>
		<comments>http://www.designwalker.com/2007/01/photoshop-hdr.html#comments</comments>
		<pubDate>Wed, 31 Jan 2007 19:14:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[HDR]]></category>
		<category><![CDATA[ハイダイナミックレンジ]]></category>
		<category><![CDATA[フォトショップ]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/01/photoshop%e3%81%a7hdr%ef%bc%88%e3%83%8f%e3%82%a4%e3%83%80%e3%82%a4%e3%83%8a%e3%83%9f%e3%83%83%e3%82%af%e3%83%ac%e3%83%b3%e3%82%b8%ef%bc%89%e3%81%aa%e3%80%81%e3%82%82%e3%81%ae%e3%81%99%e3%81%94.html</guid>
		<description><![CDATA[
			
				
			
		
最近、海外のブログや、flickrなどの画像共有サイトで「HDR（ハイダイナミックレンジ）」っちゅう言葉をよく目にするので、気になって調べてみました。
カメラとか、モニタで表現できる画像 [...]]]></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%2F01%2Fphotoshop-hdr.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F01%2Fphotoshop-hdr.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>最近、海外のブログや、flickrなどの画像共有サイトで「<strong>HDR（ハイダイナミックレンジ）</strong>」っちゅう言葉をよく目にするので、気になって調べてみました。</p>
<p>カメラとか、モニタで表現できる画像の暗い部分と明るい部分の比率には制限があるらしい。。<br />
それで、露出の異なる複数の画像を統合して、人間の目で対応できるような広い範囲での明るさのレベルまで近づけた画像のことをHDR（ハイダイナミックレンジ）画像っちゅうらしいですわ。。</p>
<p>今は、映画とか3D作品とか、ハイエンド写真なんかで使用されているようです。要はものすごい画像っちゅうことですね。</p>
<p>なんだか、文章だけでは、このすごさは伝わりにくいですね。。。</p>
<p>実際にflickrでは、最近毎日のようにこの、HDR（ハイダイナミックレンジ）画像がアップされていて、見てるだけでも楽しいです。↓は、flickrからHDR（ハイダイナミックレンジ）な画像をスライドショーでお届けしております。。。</p>
<div align="center">
<iframe src="http://www.yoshimeux.com/fiss/Parts.html?url=http%3A//api.flickr.com/services/feeds/groups_pool.gne%3Fid%3D89888984@N00%26format%3Datom" id="Iframe1" style="border-style: none; overflow: hidden; width: 165px; height: 217px;" frameborder="0" scrolling="no"></iframe>
</div>
<p>っちゅうわけで、本日はこのHDR（ハイダイナミックレンジ）画像を実際にPhotoshopで作成してみました。。</p>
<p><strong>1. 画像を用意する。</strong></p>
<p>とりあえず、サンプルに↓の写真を用意してみました。</p>
<div align="center">
<a href="http://www.designwalker.com/img/hdr/hdr01.jpg" rel="lightbox[hdr]"><img src="http://www.designwalker.com/img/hdr/hdr01-thumb.jpg" alt="" /></a>
</div>
<p><strong>2. 露出の違う画像を作成する。</strong></p>
<p>この写真を元に３枚、露出の違う画像（元画像、少し暗い画像、暗い画像）を作成して、それぞれ別名で保存。</p>
<div align="center">
<a href="http://www.designwalker.com/img/hdr/hdr02.jpg" rel="lightbox[hdr]"><img src="http://www.designwalker.com/img/hdr/hdr02-thumb.jpg" alt="" /></a>
</div>
<p><strong>3. HDR 画像に統合</strong><br />
Photoshopの<strong>ファイル</strong>&gt;<strong>自動処理</strong>&gt;<strong>HDR に統合</strong>を選択して、２で作成した３枚の画像を開きます。</p>
<div align="center">
<a href="http://www.designwalker.com/img/hdr/hdr03.gif" rel="lightbox[hdr]"><img src="http://www.designwalker.com/img/hdr/hdr03-thumb.gif" alt="" /></a>
</div>
<p><strong>4. 統合設定する</strong><br />
以下のような設定画面が出てくるので、白色点プレビューを設定して、お好みの画像に仕上げます。（PhotoshopCS2英語版を使っております・・・多分日本語版でもほとんど一緒のはず・・・)</p>
<div align="center">
<a href="http://www.designwalker.com/img/hdr/hdr04.jpg" rel="lightbox[hdr]"><img src="http://www.designwalker.com/img/hdr/hdr04-thumb.jpg" alt="" /></a>
</div>
<p>
で、実際に仕上げてみたHDR（ハイダイナミックレンジ）画像が↓こんなん</p>
<div align="center">
<a href="http://www.designwalker.com/img/hdr/hdr05.jpg" rel="lightbox[hdr]"><img src="http://www.designwalker.com/img/hdr/hdr05-thumb.jpg" alt="" /></a>
</div>
<p>
元画像と比べてみてもかなり、鮮やかな画像になりましたねぇ～。</p>
<div align="center">
<a href="http://www.designwalker.com/img/hdr/hdr06.jpg" rel="lightbox[hdr]"><img src="http://www.designwalker.com/img/hdr/hdr06-thumb.jpg" alt="" /></a>
</div>
<p>*追記:<br />
よくよく調べてみたところ、<strong>HDR に統合</strong>のコマンドはPhotoshopCS2からの新機能でした。。。</p>
<p>PhotoshopCS2なんて、くそ高くて買えるか～！っちゅう方には。。。</p>
<p><a href="http://www.hdrsoft.com/ target="_blank"><strong>Photomatix</strong></a>ってソフトがおすすめ。トライアルバージョンはフリーで使えます。</p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://petemc.net/hdr-guide/" target="_blank"><img src="http://img.simpleapi.net/small/http://petemc.net/hdr-guide/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p>で、このPhotomatixを使って、ものすごいHDR（ハイダイナミックレンジ）な画像を作っておられるサイトも発見したので、ご紹介。</p>
<div style="clear: both;"></div>
<p>こりゃぁすげぇ～。HDR（ハイダイナミックレンジ）画像。。。もうすこし研究が必要か。。。</p>
<div align="center">
<a href="http://blog.with2.net/link.php?360074" target="_blank" onfocus="this.blur()"><img src="/images/ranking.gif" alt="デザインblogランキング" title="デザインblogランキング" /><span class="hide">デザインblogランキング</span></a>
</div>
<div class="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/01/photoshop-hdr.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/01/photoshop-hdr.html" />
	</item>
		<item>
		<title>Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法</title>
		<link>http://www.designwalker.com/2007/01/photoshop-brushes-2.html</link>
		<comments>http://www.designwalker.com/2007/01/photoshop-brushes-2.html#comments</comments>
		<pubDate>Sat, 27 Jan 2007 23:52:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[コラージュ]]></category>
		<category><![CDATA[フォトショップ]]></category>
		<category><![CDATA[ブラシ]]></category>
		<category><![CDATA[無料]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/01/photoshop%e3%81%ae%e7%84%a1%e6%96%99%e3%83%96%e3%83%a9%e3%82%b7%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%80%81%e3%81%9f%e3%81%a3%e3%81%9f%ef%bc%93%e5%88%86%e3%81%a7%e3%83%97%e3%83%ad%e3%81%8c%e4%bd%9c.html</guid>
		<description><![CDATA[
			
				
			
		
最近では、無料でかなりきれいなPhotoshop用ブラシがダウンロードできます。
有名どころでは&#8230;



http://www.psbrushes.net/
こちらのサイトで [...]]]></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%2F01%2Fphotoshop-brushes-2.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F01%2Fphotoshop-brushes-2.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>最近では、無料でかなりきれいなPhotoshop用ブラシがダウンロードできます。</p>
<p>有名どころでは&#8230;</p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.psbrushes.net/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.psbrushes.net/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p><strong><a href="http://www.psbrushes.net/" target="_blank">http://www.psbrushes.net/</a></strong><br />
こちらのサイトでは、３５０種類以上のPhotoshop用の無料ブラシがダウンロードできます。</p>
<div style="clear: both;"></div>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.brusheezy.com/brushes.php?i=1" target="_blank"><img src="http://img.simpleapi.net/small/http://www.brusheezy.com/brushes.php?i=1" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p><strong><a href="http://www.brusheezy.com/brushes.php?i=1" target="_blank">http://www.brusheezy.com/</a></strong><br />
こちらのサイトも同様に、１００種類以上のPhotoshop用の無料ブラシがダウンロードできます。</p>
<div style="clear: both;"></div>
<p>お気に入りのブラシを見つけたらダウンロードして、ファイルを解凍して、インストールします。</p>
<p>っちゅうわけで、簡単なブラシのインストール方法を・・・</p>
<p><strong>1. Photoshopを起動してブラシツールを選択</strong>(PhotoshopCS2英語版を使っております・・・多分日本語版でもほとんど一緒のはず・・・)</p>
<div align="center">
<img src="http://www.designwalker.com/img/brush01.gif" alt="" border="0" />
</div>
<p>
<strong>2. ブラシのプルダウンメニューから右側にある矢印ボタンをクリック</strong></p>
<div align="center">
<img src="http://www.designwalker.com/img/brush02.gif" alt="" border="0" />
</div>
<p>
<strong>3. ブラシファイルの読み込み</strong>(多分、日本版では「ブラシファイルの読み込み」って書いてるはず・・)</p>
<div align="center">
<img src="http://www.designwalker.com/img/brush03.gif" alt="" border="0" />
</div>
<p>
ダウンロードしたブラシファイルを選択してブラシをインストールすると、ブラシ一覧にブラシファイルが追加されます。</p>
<p>
これで準備完了。あとはお好きなブラシでキャンバスに書きなぐってみてくださいな。。結構大胆にいったほうが綺麗に見えるかも。</p>
<p>それでは、わたくしが作ってみたサンプルをご紹介。</p>
<p><strong>サンプル1. 真っ黒な背景に光が動いているようなブラシで描いてみる。</strong></p>
<div align="center">
<img src="http://www.designwalker.com/img/brush01.jpg" alt="" border="0" />
</div>
<p>
<strong>サンプル2. グラデーションをかけた背景に花のブラシで描いてみる。</strong></p>
<div align="center">
<img src="http://www.designwalker.com/img/brush02.jpg" alt="" border="0" />
</div>
<p>
<strong>サンプル3. 写真の上に花のブラシで描いてみる。</strong></p>
<div align="center">
<img src="http://www.designwalker.com/img/brush03.jpg" alt="" border="0" />
</div>
<p>
画像作成の所要時間ここまで、たった３分でした。。。<br />
ブラシ選びのほうが時間かかった・・・</p>
<p>ブラシ次第で色々なバリエーションが楽しめそうですねぇ。。サイトのデザインにもなかなか使えるかも。。</p>
<div align="center">
<a href="http://blog.with2.net/link.php?360074" target="_blank" onfocus="this.blur()"><img src="/images/ranking.gif" alt="デザインblogランキング" title="デザインblogランキング" /><span class="hide">デザインblogランキング</span></a>
</div>
<div id="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/01/photoshop-brushes-2.html/feed</wfw:commentRss>
		<slash:comments>44</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/01/photoshop-brushes-2.html" />
	</item>
	</channel>
</rss>

