<?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%84%e3%81%b6%e3%82%8c%e3%81%9f/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%84%e3%81%b6%e3%82%8c%e3%81%9f/feed" />
		<item>
		<title>紙がやぶれた感じを表現するPhotoshopチュートリアル・解説編</title>
		<link>http://www.designwalker.com/2007/12/newspaper_tutorial.html</link>
		<comments>http://www.designwalker.com/2007/12/newspaper_tutorial.html#comments</comments>
		<pubDate>Thu, 27 Dec 2007 21:09:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[やぶれた]]></category>
		<category><![CDATA[ダウンロード]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[新聞]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/12/%e7%b4%99%e3%81%8c%e3%82%84%e3%81%b6%e3%82%8c%e3%81%9f%e6%84%9f%e3%81%98%e3%82%92%e8%a1%a8%e7%8f%be%e3%81%99%e3%82%8bphotoshop%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%83%bb.html</guid>
		<description><![CDATA[
			
				
			
		
以前に、ご紹介した『紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ』の中で、2番目に取り上げさせていただいた、『Torn Newspaper Effect &#124; TUT [...]]]></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%2F12%2Fnewspaper_tutorial.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F12%2Fnewspaper_tutorial.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>以前に、ご紹介した『<a href="http://www.designwalker.com/2007/08/photoshop_tear_tutorial.html" title="紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ">紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ</a>』の中で、2番目に取り上げさせていただいた、『<a href="http://www.tutorialized.com/view/tutorial/Torn-Newspaper-Effect/3830" title="Torn Newspaper Effect | TUTORIALIZED">Torn Newspaper Effect | TUTORIALIZED</a>』</p>
<p>デザインウォーカーをご愛読いただいている、ユーザーの方から、日本語で解説を！っというご要望をいただきました。。</p>
<p>ちょっぴり複雑なチュートリアルって、途中で見失ってしまうことが多いですよね。</p>
<p>せっかくなので、わたくしも挑戦してみたので日本語で解説しながら手順をご説明。（実は、わたくしも後半見失ったので、微妙に手順が変わっていますが・・・）</p>
<p>1. 新規作成<br />
<br />
今回は、400px四方で新規作成しました。（お好きなサイズでどうぞ～）</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper01.jpg" alt="" />
</div>
<p></p>
<p>2. 色を指定<br />
<br />
新聞の紙の色になります。ちょっとピンクがかった色を指定してますね。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper02.jpg" alt="" />
</div>
<p></p>
<p>3. 塗りつぶし<br />
<br />
新規のレイヤーを追加して、適当な新聞の大きさを指定して、先ほど指定した色で塗りつぶします。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper03.jpg" alt="" />
</div>
<p></p>
<p>4. レイアウト<br />
<br />
適当に、新聞のコンテンツをレイアウトします。なんだか、既にそれっぽくなってきましたね。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper04.jpg" alt="" />
</div>
<p></p>
<p>5. 裏側のレイアウト<br />
<br />
先ほど、作ったコンテンツを一度、非表示にして、新聞の裏側のコンテンツを作ります。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper05.jpg" alt="" />
</div>
<p></p>
<p>6. 反転<br />
<br />
こちらは、新聞の裏側で、透けて写っている部分なので、左右反転させます。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper06.jpg" alt="" />
</div>
<p></p>
<p>7. 透明度を変更<br />
<br />
先ほど、反転させた部分のレイヤーの透明度を10%にして、透けている感じを出します。また、表側のコンテンツも表示させると・・・こんな感じ。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper07.jpg" alt="" />
</div>
<p></p>
<p>8. クイックマスクモード<br />
<br />
クイックマスクモードをオンにして、黒で塗りつぶします。すると全体が半透明のピンク色になります。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper08.jpg" alt="" />
</div>
<p></p>
<p>9. クイックマスクを消す<br />
<br />
消しゴムツールなどで、適当にエッジの部分をギザギザに消します。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper09.jpg" alt="" />
</div>
<p></p>
<p>10. 切り取り<br />
<br />
クイックマスクモードをオフにすると、ピンク色の部分が選択された状態になっているので、最初に作った紙のレイヤーを削除します。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper10.jpg" alt="" />
</div>
<p></p>
<p>11. コンテンツのレイヤー統合<br />
<br />
あらかじめ、コンテンツ部分のレイヤーを統合しておきます。↓では、表ページのコンテンツ、裏の写っているコンテンツ、紙の部分のレイヤーになっています。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper11.jpg" alt="" />
</div>
<p></p>
<p>12. クリッピングマスク<br />
<br />
コンテンツ部分のレイヤーにクリッピングマスク（Alt+Ctrl+G）で、はみ出たコンテンツ部分を見えなくします。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper12.jpg" alt="" />
</div>
<p></p>
<p>13. 変形 &gt; ワープ<br />
<br />
作成したレイヤーを統合して、変形 &gt; ワープを選択します。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper13.jpg" alt="" />
</div>
<p></p>
<p>14. 変形 &gt; ワープ2<br />
<br />
ワープを選択すると、↓こんな感じで変形できます。めくれた感じに変形しましょ～。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper14.jpg" alt="" />
</div>
<p></p>
<p>15. 影をつける<br />
<br />
影をつけたら出来上がりです！↓こんな感じ。</p>
<div align="center">
<img src="http://www.designwalker.com/img/newspaper/newspaper15.jpg" alt="" />
</div>
<p></p>
<p>っというわけで、今回も途中で見失ってしまった方に・・・</p>
<p>今回作った<a href="http://www.designwalker.com/img/newspaper/newspaper.psd" title="Photoshopファイル">Photoshopファイル</a>をアップして置きました。（なるべくレイヤーは残した感じで。）ご自由にどうぞ～。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/12/newspaper_tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/12/newspaper_tutorial.html" />
	</item>
	</channel>
</rss>

