<?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%b3%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5/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%b3%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5/feed" />
		<item>
		<title>写真をコラージュして楽しむツールいろいろ</title>
		<link>http://www.designwalker.com/2008/04/photo-collage.html</link>
		<comments>http://www.designwalker.com/2008/04/photo-collage.html#comments</comments>
		<pubDate>Tue, 08 Apr 2008 20:18:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[コラージュ]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[モザイク]]></category>
		<category><![CDATA[写真]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/04/%e5%86%99%e7%9c%9f%e3%82%92%e3%82%b3%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5%e3%81%97%e3%81%a6%e6%a5%bd%e3%81%97%e3%82%80%e3%83%84%e3%83%bc%e3%83%ab%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d.html</guid>
		<description><![CDATA[
			
				
			
		
写真のコラージュってとっても楽しいですよね。
こちらは、アップルの製品の写真で作られた、スティーブジョブズ氏のフォト・モザイク作品です。
Steve Jobs for Fortune m [...]]]></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%2F2008%2F04%2Fphoto-collage.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F04%2Fphoto-collage.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>写真のコラージュってとっても楽しいですよね。</p>
<p>こちらは、アップルの製品の写真で作られた、スティーブジョブズ氏のフォト・モザイク作品です。</p>
<h4><a title="Steve Jobs for Fortune magazine | flickr" href="http://www.flickr.com/photos/tsevis/sets/72157594536252686/with/88343420/">Steve Jobs for Fortune magazine | flickr</a></h4>
<p align="center"><a title="Steve Jobs for Fortune magazine | flickr" href="http://www.flickr.com/photos/tsevis/sets/72157594536252686/with/88343420/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage25.jpg" border="0" alt="Steve Jobs for Fortune magazine | flickr" /><br />
</a></p>
<p>このような、楽しい作品を見ると、ついつい自分でも作りたくなってしまいませんか？</p>
<p>本日は、フォトモザイクを作ったり、パノラマ画像などを作って楽しむツールをいろいろとまとめてみました。</p>
<h3>ジェネレーター編</h3>
<p>ブラウザで簡単に出来てしまうツールをいろいろ</p>
<h4><a title="Image Mosaic Generator" href="http://imagemosaicgenerator.click42.com/">Image Mosaic Generator</a></h4>
<p align="center"><a title="Image Mosaic Generator" href="http://imagemosaicgenerator.click42.com/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage01.jpg" border="0" alt="Image Mosaic Generator" /><br />
</a></p>
<h4><a title="mosaickr" href="http://www.mosaickr.com/">mosaickr</a></h4>
<p align="center"><a title="mosaickr" href="http://www.mosaickr.com/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage03.jpg" border="0" alt="mosaickr" /><br />
</a></p>
<h4><a title="mozaiq" href="http://mozaiq.org/">mozaiq</a></h4>
<p align="center"><a title="mozaiq" href="http://mozaiq.org/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage04.jpg" border="0" alt="mozaiq" /><br />
</a></p>
<h4><a title="Collagr.com" href="http://www.collagr.com/Default.aspx">Collagr.com</a></h4>
<p align="center"><a title="Collagr.com" href="http://www.collagr.com/Default.aspx"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage05.jpg" border="0" alt="Collagr.com" /><br />
</a></p>
<h4><a title="Hockneyizer" href="http://bighugelabs.com/flickr/hockney.php">Hockneyizer</a></h4>
<p align="center"><a title="Hockneyizer" href="http://bighugelabs.com/flickr/hockney.php"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage02.jpg" border="0" alt="Hockneyizer" /><br />
</a></p>
<h4><a title="Montage-a-google" href="http://grant.robinson.name/projects/montage-a-google/">Montage-a-google</a></h4>
<p align="center"><a title="Montage-a-google" href="http://grant.robinson.name/projects/montage-a-google/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage10.jpg" border="0" alt="Montage-a-google" /><br />
</a></p>
<h3>ソフトウェア Windows編</h3>
<p>ソフトをインストールして、フォトモザイクをしっかり作りたい方はこちらから。</p>
<h4><a title="Image Puzzler" href="http://www.imagepuzzler.com/">Image Puzzler</a></h4>
<p align="center"><a title="Image Puzzler" href="http://www.imagepuzzler.com/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage06.jpg" border="0" alt="Image Puzzler" /><br />
</a></p>
<h4><a title="Foto-Mosaik" href="http://www.sixdots.de/mosaik/en/index.php">Foto-Mosaik</a></h4>
<p align="center"><a title="Foto-Mosaik" href="http://www.sixdots.de/mosaik/en/index.php"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage07.jpg" border="0" alt="Foto-Mosaik" /><br />
</a></p>
<h4><a title="Mosaic Creator" href="http://www.aolej.com/mosaic/index.html">Mosaic Creator</a></h4>
<p align="center"><a title="Mosaic Creator" href="http://www.aolej.com/mosaic/index.html"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage08.jpg" border="0" alt="Mosaic Creator" /><br />
</a></p>
<h4><a title="AndreaMosaic" href="http://www.andreaplanet.com/andreamosaic/">AndreaMosaic</a></h4>
<p align="center"><a title="AndreaMosaic" href="http://www.andreaplanet.com/andreamosaic/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage09.jpg" border="0" alt="AndreaMosaic" /><br />
</a></p>
<h3>ソフトウェア Mac編</h3>
<h4><a title="Metapixel" href="http://www.complang.tuwien.ac.at/schani/metapixel/">Metapixel</a></h4>
<p align="center"><a title="Metapixel" href="http://www.complang.tuwien.ac.at/schani/metapixel/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage11.jpg" border="0" alt="Metapixel" /><br />
</a></p>
<h4><a title="MacOSaiX" href="http://homepage.mac.com/knarf/MacOSaiX/">MacOSaiX</a></h4>
<p align="center"><a title="MacOSaiX" href="http://homepage.mac.com/knarf/MacOSaiX/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage12.jpg" border="0" alt="MacOSaiX" /><br />
</a></p>
<h4><a title="MozoDojo" href="http://ktd.club.fr/programmation/mozodojo_en.php">MozoDojo</a></h4>
<p align="center"><a title="MozoDojo" href="http://ktd.club.fr/programmation/mozodojo_en.php"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage13.jpg" border="0" alt="MozoDojo" /><br />
</a></p>
<h3>Photoshopチュートリアル編</h3>
<p>一枚の画像をコラージュ風に加工するチュートリアルです。</p>
<h4><a title="Create A Collage of Photos From One Picture" href="http://www.createblog.com/tutorials/tutorial.php?id=771">Create A Collage of Photos From One Picture</a></h4>
<p align="center"><a title="Create A Collage of Photos From One Picture" href="http://www.createblog.com/tutorials/tutorial.php?id=771"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage14.jpg" border="0" alt="Create A Collage of Photos From One Picture" /><br />
</a></p>
<h3>スクラップブック編</h3>
<p>複数の写真を思い思いに並べて作れるスクラップブック・ツール</p>
<h4><a title="Ript™" href="http://www.ript.com/">Ript™</a></h4>
<p align="center"><a title="Ript™" href="http://www.ript.com/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage15.jpg" border="0" alt="Ript™" /><br />
</a></p>
<h4><a title="Celebrity Collage" href="http://www.myheritage.com/celebrity-collage">Celebrity Collage</a></h4>
<p align="center"><a title="Celebrity Collage" href="http://www.myheritage.com/celebrity-collage"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage16.jpg" border="0" alt="Celebrity Collage" /><br />
</a></p>
<h4><a title="Scrapblog!" href="http://scrapblog.com/">Scrapblog!</a></h4>
<p align="center"><a title="Scrapblog!" href="http://scrapblog.com/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage17.jpg" border="0" alt="Scrapblog!" /><br />
</a></p>
<h3>パノラマ画像編</h3>
<p>複数の画像をつなげて、一枚のパノラマ写真が作れるツールいろいろ</p>
<h4><a title="AutoStitch" href="http://www.cs.ubc.ca/~mbrown/autostitch/autostitch.html">AutoStitch</a></h4>
<p align="center"><a title="AutoStitch" href="http://www.cs.ubc.ca/~mbrown/autostitch/autostitch.html"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage18.jpg" border="0" alt="AutoStitch" /><br />
</a></p>
<h4><a title="CleVR" href="http://www.clevr.com/">CleVR</a></h4>
<p align="center"><a title="CleVR" href="http://www.clevr.com/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage26.jpg" border="0" alt="CleVR" /><br />
</a></p>
<h4><a title="autopano-sift" href="http://user.cs.tu-berlin.de/~nowozin/autopano-sift/">autopano-sift</a></h4>
<p align="center"><a title="autopano-sift" href="http://user.cs.tu-berlin.de/~nowozin/autopano-sift/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage21.jpg" border="0" alt="autopano-sift" /><br />
</a></p>
<h4><a title="hugin" href="http://hugin.sourceforge.net/">hugin</a></h4>
<p align="center"><a title="hugin" href="http://hugin.sourceforge.net/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage22.jpg" border="0" alt="hugin" /><br />
</a></p>
<h4><a title="DoubleTake" href="http://echoone.com/doubletake/">DoubleTake</a></h4>
<p align="center"><a title="DoubleTake" href="http://echoone.com/doubletake/"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage20.jpg" border="0" alt="DoubleTake" /><br />
</a></p>
<h4><a title="パノラマ写真をま～るく加工するチュートリアル" href="http://www.designwalker.com/2007/09/panorama.html">パノラマ写真をま～るく加工するチュートリアル</a></h4>
<p>以前、ご紹介したPhotoshopチュートリアルです。出来上がった、パノラマ画像をまる〜く加工するといい感じに仕上がりますね。</p>
<p align="center"><a title="パノラマ写真をま～るく加工するチュートリアル" href="http://www.designwalker.com/2007/09/panorama.html"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage23.jpg" border="0" alt="パノラマ写真をま～るく加工するチュートリアル" /><br />
</a></p>
<p align="center"><a title="パノラマ写真をま～るく加工するチュートリアル" href="http://www.designwalker.com/2007/09/panorama.html"><br />
<img src="http://www.designwalker.com/img/photo_collage02/photo_collage24.jpg" border="0" alt="パノラマ写真をま～るく加工するチュートリアル" /><br />
</a></p>
<p>お試しください〜。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/04/photo-collage.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/04/photo-collage.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>

