<?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>OTCHY.NET &#187; photoshop</title>
	<atom:link href="http://www.otchy.net/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.otchy.net</link>
	<description>Otchy の技術ネタ。JavaScript 率と Twitter 率がやや高く、他にも PHP/Java/Perl などなど。共通点は Web。</description>
	<lastBuildDate>Wed, 01 Feb 2012 14:39:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>パッとしない桜の写真を鮮やかにする Photoshop チュートリアル</title>
		<link>http://www.otchy.net/20090316/photoshop-tutorial-for-sakura/</link>
		<comments>http://www.otchy.net/20090316/photoshop-tutorial-for-sakura/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 09:51:33 +0000</pubDate>
		<dc:creator>Otchy</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.otchy.net/?p=370</guid>
		<description><![CDATA[春一番が吹いてからだいぶたつというのに、関東地方は依然として寒い日が続いていますが、気分だけでも春にしようと、ブログの壁紙を桜に代えました。
でも桜の写真って記憶にある鮮やかさとは違って、どうも薄っぺらい印象じゃないです [...]]]></description>
			<content:encoded><![CDATA[<p>春一番が吹いてからだいぶたつというのに、関東地方は依然として寒い日が続いていますが、気分だけでも春にしようと、ブログの壁紙を桜に代えました。<br />
でも桜の写真って記憶にある鮮やかさとは違って、どうも薄っぺらい印象じゃないですか？そんな桜の写真を記憶に近づけるための修正を行ったので、その過程を公開します。<br />
(まあ、自分で撮った写真じゃないので記憶もへったくれも無いですが…)</p>
<p>元になる写真は、<a href="http://k-kabegami.com/" target="_blank">高画質壁紙写真集無料壁紙</a>様からいただきました。</p>
<p><a href="http://www.otchy.net/wp-content/uploads/2009/03/original.jpg"><img class="aligncenter size-medium wp-image-371" title="オリジナル" src="http://www.otchy.net/wp-content/uploads/2009/03/original-300x225.jpg" alt="オリジナル" width="300" height="225" /></a>加工後の壁紙写真はこんな感じです。</p>
<p><a href="http://www.otchy.net/wp-content/uploads/2009/03/edited.jpg"><img class="aligncenter size-medium wp-image-372" title="加工後" src="http://www.otchy.net/wp-content/uploads/2009/03/edited-300x225.jpg" alt="加工後" width="300" height="225" /></a>全体的に鮮やかになって、記憶にあるような桜っぽさが増しているのではないかと思います。<br />
では以下で、Photoshop を使った加工について解説します。</p>
<h4>レベル補正</h4>
<p>写真全体のベースとなる鮮やかさを増すために、レベル補正を行います。高輝度域のスライダを、ピークの手前に合わせるようにすると、寝ぼけた感じが緩和します。このとき、RGB それぞれ別に微調整すると、よりきれいな仕上がりになりますね。</p>
<h4><a href="http://www.otchy.net/wp-content/uploads/2009/03/image01.png"><img class="aligncenter size-full wp-image-373" title="レベル補正(赤)" src="http://www.otchy.net/wp-content/uploads/2009/03/image01.png" alt="レベル補正(赤)" width="414" height="282" /></a><a href="http://www.otchy.net/wp-content/uploads/2009/03/image02.png"><img class="aligncenter size-full wp-image-374" title="レベル補正(緑)" src="http://www.otchy.net/wp-content/uploads/2009/03/image02.png" alt="レベル補正(緑)" width="414" height="282" /></a><a href="http://www.otchy.net/wp-content/uploads/2009/03/image03.png"><img class="aligncenter size-full wp-image-375" title="レベル補正(青)" src="http://www.otchy.net/wp-content/uploads/2009/03/image03.png" alt="レベル補正(青)" width="414" height="282" /></a>明るさ・コントラスト</h4>
<p>この調整を行うかどうかは、写真次第で感覚的なものでよいですが、桜写真の場合はコントラストをあげて、明るさを下げると、ダイナミックレンジが広がったような効果が出て桜の色が強調されて出てきます。<br />
好みもあるかと思うので、プレビューを見ながら調整したい部分ですね。</p>
<h4><a href="http://www.otchy.net/wp-content/uploads/2009/03/image04.png"><img class="aligncenter size-full wp-image-376" title="明るさ・コントラスト" src="http://www.otchy.net/wp-content/uploads/2009/03/image04.png" alt="明るさ・コントラスト" width="339" height="141" /></a>色相・彩度</h4>
<p>ここがキモになる部分です。写真の中で、鮮やかさを強調させたい部分の色域を選択してその部分だけ彩度と明度を上げます。記憶に残る桜が鮮やかなのは、人間の主観の中でこういったフィルタリングを行っている結果ではないでしょうか。</p>
<p>この写真では、桜と背景の山々を鮮やかに見せたかったので、レッド系の色域をピンクあたりまで広げて彩度と明度を上げて、ブルー系の色域を水色あたりまで広げて彩度を上げました。<br />
ブルー系で明度を上げていないのは、元々明度が高く、最初のレベル補正で高輝度域を切り捨ててしまっているため、これ以上明度を上げると白飛びしてしまうためです。</p>
<h4><a href="http://www.otchy.net/wp-content/uploads/2009/03/image05.png"><img class="aligncenter size-full wp-image-377" title="色相・彩度(赤)" src="http://www.otchy.net/wp-content/uploads/2009/03/image05.png" alt="色相・彩度(赤)" width="436" height="271" /></a><a href="http://www.otchy.net/wp-content/uploads/2009/03/image06.png"><img class="aligncenter size-full wp-image-378" title="色相・彩度(青)" src="http://www.otchy.net/wp-content/uploads/2009/03/image06.png" alt="色相・彩度(青)" width="436" height="271" /></a>壁紙としての調整</h4>
<p>写真加工としての調整ならばここまでで十分なのですが、ウェブサイトの壁紙として使用する都合上、上に乗った文字が読みにくくならないような修正を行いました。<br />
完成品の写真を見ると、上部に行くほど霞みがかかった感じが分かると思いますが、その加工です。</p>
<p>まず、新規レイヤーを追加して真っ白に塗りつぶします。</p>
<p><a href="http://www.otchy.net/wp-content/uploads/2009/03/image07.png"><img class="aligncenter size-medium wp-image-379" title="新規レイヤー" src="http://www.otchy.net/wp-content/uploads/2009/03/image07-300x230.png" alt="新規レイヤー" width="300" height="230" /></a>次に、クイックマスクを有効にして黒→白のグラデーションで画面の真ん中あたりまで塗ります。マスク色が赤なのでここではピンク色っぽくなっています。</p>
<p><a href="http://www.otchy.net/wp-content/uploads/2009/03/image08.png"><img class="aligncenter size-medium wp-image-380" title="クイックマスク" src="http://www.otchy.net/wp-content/uploads/2009/03/image08-300x230.png" alt="クイックマスク" width="300" height="230" /></a>クイックマスクを解除して、グラデーション状の選択範囲が出来たらおもむろに Delete キーを押します。</p>
<p><a href="http://www.otchy.net/wp-content/uploads/2009/03/image09.jpg"><img class="aligncenter size-medium wp-image-381" title="マスク適用" src="http://www.otchy.net/wp-content/uploads/2009/03/image09-300x230.jpg" alt="マスク適用" width="300" height="230" /></a>最後に、レイヤー自体の不透明度を 30% に設定して完了です。</p>
<h4><a href="http://www.otchy.net/wp-content/uploads/2009/03/image10.jpg"><img class="aligncenter size-medium wp-image-382" title="不透明度調整" src="http://www.otchy.net/wp-content/uploads/2009/03/image10-300x230.jpg" alt="不透明度調整" width="300" height="230" /></a>まとめ</h4>
<p>修正した順番に並べるとこんな感じです。<br />
サイズを落としてしまうと、細かい変化はわかりにくいですね。参考までに。</p>
<p><a href="http://www.otchy.net/wp-content/uploads/2009/03/image11.jpg"><img class="aligncenter size-medium wp-image-383" title="まとめ" src="http://www.otchy.net/wp-content/uploads/2009/03/image11-80x300.jpg" alt="まとめ" width="80" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otchy.net/20090316/photoshop-tutorial-for-sakura/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

