<?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>WEBCreate practice!! &#187; Photoshop</title>
	<atom:link href="http://study.guidebook.jp/web_create/?cat=14&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://study.guidebook.jp/web_create</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Wed, 22 May 2013 02:26:09 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://study.guidebook.jp/web_create/?cat=14&amp;feed=rss2" />
		<item>
		<title>フォトショップで斜めストライプの背景を作る!!</title>
		<link>http://study.guidebook.jp/web_create/?p=198</link>
		<comments>http://study.guidebook.jp/web_create/?p=198#comments</comments>
		<pubDate>Wed, 08 May 2013 05:17:12 +0000</pubDate>
		<dc:creator>masayoshi</dc:creator>
				<category><![CDATA[application]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://study.guidebook.jp/web_create/?p=198</guid>
		<description><![CDATA[バナーを制作したりする際にきっと役に立つであろう「斜めストライプ」。ちなみに斜めのストライプも縦のストライプもひと括りで「ストライプ」だそうです。今回は活躍の場面が多いであろう斜めストライプの背景の作り方を御紹介します。 [...]]]></description>
				<content:encoded><![CDATA[<p>バナーを制作したりする際にきっと役に立つであろう「斜めストライプ」。ちなみに斜めのストライプも縦のストライプもひと括りで「ストライプ」だそうです。今回は活躍の場面が多いであろう斜めストライプの背景の作り方を御紹介します。<span id="more-198"></span><br />
&nbsp;<br />
基本的にイラストレーターもフォトショップも機能として斜めストライプを作成することは出来ないようです。それではまず下準備。 468×60のカンバスと1280×1024のカンバスをフォトショップで作成してください。 まずは1280×1024のカンバスでストライプを作っていきます。<br />
&nbsp;</p>
<h2>1280×1024のカンバスでストライプを作成</h2>
<p>まずはストライプで出したい二色の色を描画色背景色に設定して下さい。色を決めてもらったら下図のようにフィルター→スケッチ→ハーフトーンパターンと手順を進めてください。(※ハーフトーンパターンが選択できない時は、とりあえずカンバスを何色でもいいので塗りつぶしておいてください)<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe04.jpg"><img class="aligncenter size-full wp-image-209" alt="stripe04" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe04.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
そうすると下図のようなハーフトーンパターンの編集画面に入ると思います。とりあえず今回は細めのコントラストのくっきりしたストライプを作ろうと思います。<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe05.jpg"><img class="aligncenter size-full wp-image-203" alt="stripe05" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe05.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
サイズ→2<br />
コントラスト→50<br />
パターンタイプ→線<br />
で設定してください。<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe06.jpg"><img class="aligncenter size-full wp-image-204" alt="stripe06" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe06.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
画面いっぱいにボーダーが出来上がります。<br />
&nbsp;</p>
<h2>468×60のカンバスにボーダーを貼り付ける</h2>
<p>貼り付け方はどんなやり方でも構いません。1280×1024のカンバスで作ったボーダーを丸ごとコピーして468×60のカンバスにペーストします。<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe07.jpg"><img class="aligncenter size-full wp-image-205" alt="stripe07" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe07.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
おそらく上図の様にカンバスの枠をはみ出てペーストされるはずです。この状態でコピペで出来たレイヤーを自分の好みの角度に回転させると斜めストライプの完成となります。<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe08.jpg"><img class="aligncenter size-full wp-image-200" alt="stripe08" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/stripe08.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
今回のチュートリアルを使って作ったサンプルバナーです。文字だけのバナーでもこんな感じにすると、かわいらしくなりますね。<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/"><img class="aligncenter size-full wp-image-227" alt="sample_bana" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/sample_bana.gif" width="468" height="60" /></a><br />
&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://study.guidebook.jp/web_create/?feed=rss2&#038;p=198</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://study.guidebook.jp/web_create/?p=198" />
	</item>
		<item>
		<title>エクセルで作った表をAiとPsでベクトルデータ化</title>
		<link>http://study.guidebook.jp/web_create/?p=187</link>
		<comments>http://study.guidebook.jp/web_create/?p=187#comments</comments>
		<pubDate>Wed, 01 May 2013 04:37:35 +0000</pubDate>
		<dc:creator>masayoshi</dc:creator>
				<category><![CDATA[application]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://study.guidebook.jp/web_create/?p=187</guid>
		<description><![CDATA[ごく稀にフォトショップで表を描かないといけない場面があったりしますよね??前まではエクセルで作った表をそのまま貼り付けたり、PDF化して貼り付けたりやってたんですが、ビットマップなので拡大縮小が御法度だわなんだわで意外と [...]]]></description>
				<content:encoded><![CDATA[<p>ごく稀にフォトショップで表を描かないといけない場面があったりしますよね??前まではエクセルで作った表をそのまま貼り付けたり、PDF化して貼り付けたりやってたんですが、ビットマップなので拡大縮小が御法度だわなんだわで意外と苦労してました。今回はエクセルで作った表をイラストレーターとフォトショップを組み合わせてベクトルデータの表としてフォトショップに貼り付けるというのをご紹介しようと思います。<span id="more-187"></span><br />
&nbsp;<br />
流れとしては「エクセル」→「イラストレーター」→「フォトショップ」という感じになります。<br />
&nbsp;</p>
<h2>エクセルで貼り付けたい表を選択する</h2>
<p><a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/04/excel02.jpg"><img class="aligncenter size-full wp-image-133" alt="excel02" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/04/excel02.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
表の全体をコピーしてください。前回同様分かりづらいですが表の周りは破線がチカチカ点滅してる状態です。<br />
&nbsp;</p>
<h2>コピーしたデータをイラストレーターに貼り付ける</h2>
<p><a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ill01.jpg"><img class="aligncenter size-full wp-image-168" alt="ill01" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ill01.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
実はこの段階でベクトル化されてたりします。今回は「この先」まで向かいます。<br />
&nbsp;</p>
<h2>表全体を選択してコピーする</h2>
<p><a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ill02.jpg"><img class="aligncenter size-full wp-image-170" alt="ill02" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ill02.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
これでフォトショップにベクトルデータとして表を貼り付ける準備はOKです。<br />
&nbsp;</p>
<h2>フォトショップに貼り付け→表の編集</h2>
<p>フォトショップの画面に行くと下図のようなダイヤログが出てくると思います。<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ps01.jpg"><img class="aligncenter size-full wp-image-173" alt="ps01" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ps01.jpg" width="590" height="295" /></a><br />
ペースト形式をスマートオブジェクトにしたら「OK」をクリック!!これでベクトルデータとしてフォトショップに表の貼り付けが出来ました。表の編集をしたい時はレイヤーパネルのサムネイルをダブルクリックしてください。<br />
&nbsp;<br />
<a href="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ps03.jpg"><img class="aligncenter size-full wp-image-175" alt="ps03" src="http://study.guidebook.jp/web_create/wp-content/uploads/2013/05/ps03.jpg" width="590" height="295" /></a><br />
&nbsp;<br />
そうするとイラストレーターが立ち上がって編集ができます。<br />
&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://study.guidebook.jp/web_create/?feed=rss2&#038;p=187</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://study.guidebook.jp/web_create/?p=187" />
	</item>
	</channel>
</rss>
