<?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/%e7%94%bb%e5%83%8f/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/%e7%94%bb%e5%83%8f/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>画像に使えるFirefoxのアドオンいろいろ</title>
		<link>http://www.designwalker.com/2008/03/addon-images.html</link>
		<comments>http://www.designwalker.com/2008/03/addon-images.html#comments</comments>
		<pubDate>Tue, 11 Mar 2008 17:35:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[Addon]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/03/%e7%94%bb%e5%83%8f%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8bfirefox%e3%81%ae%e3%82%a2%e3%83%89%e3%82%aa%e3%83%b3%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d.html</guid>
		<description><![CDATA[
			
				
			
		
わたくし仕事柄、写真や、イラスト等の画像を扱う事が多いです。
Firefoxのアドオンを使うと、いろいろ効率アップしたり、楽しげなツールがいろいろありますね。
本日は、画像にまつわるFi [...]]]></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%2F03%2Faddon-images.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Faddon-images.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>わたくし仕事柄、写真や、イラスト等の画像を扱う事が多いです。</p>
<p>Firefoxのアドオンを使うと、いろいろ効率アップしたり、楽しげなツールがいろいろありますね。</p>
<p>本日は、画像にまつわるFirefoxのアドオンをいくつかご紹介します。</p>
<h4><a title="PicLens | Immersive Slideshows Across the Web" href="http://www.piclens.com/">PicLens | Immersive Slideshows Across the Web</a></h4>
<p>Google ImageやFlickrなどの画像をを&#8221;3D Wall&#8221;でかっこ良く見せてくれます。しかも、なかなか動きも軽快でGoogle Imageなどの画像検索をよくされる方にはおすすめです。</p>
<p align="center"><a title="PicLens | Immersive Slideshows Across the Web" href="http://www.piclens.com/"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images01.jpg" border="0" alt="PicLens | Immersive Slideshows Across the Web" /><br />
</a></p>
<h4><a title="Picnik" href="https://addons.mozilla.org/ja/firefox/addon/4889">Picnik</a></h4>
<p>人気の、オンライン画像編集サービスPicnikに画像を読み込ませて、簡単に編集スタートできます。</p>
<p align="center"><a title="Picnik" href="https://addons.mozilla.org/ja/firefox/addon/4889"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images07.jpg" border="0" alt="Picnik" /><br />
</a></p>
<h4><a title="Gspace" href="http://www.getgspace.com/">Gspace</a></h4>
<p>Gmailをストレージ代わりに使えるツール。2GBまで使えます。</p>
<p align="center"><a title="Gspace" href="http://www.getgspace.com/"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images06.jpg" border="0" alt="Gspace" /><br />
</a></p>
<h4><a title="BatchDownload" href="https://addons.mozilla.org/en-US/firefox/addon/3104">BatchDownload</a></h4>
<p>ページ上に表示されている画像をまとめて、保存してくれます。</p>
<p align="center"><a title="BatchDownload" href="https://addons.mozilla.org/en-US/firefox/addon/3104"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images02.jpg" border="0" alt="BatchDownload" /><br />
</a></p>
<h4><a title="Screengrab!" href="https://addons.mozilla.org/en-US/firefox/addon/1146">Screengrab!</a></h4>
<p>スクリーンショットが簡単に撮れます。全体、見えてる部分だけ、選択範囲だけと選べるので便利ですね。</p>
<p align="center"><a title="Screengrab!" href="https://addons.mozilla.org/en-US/firefox/addon/1146"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images03.jpg" border="0" alt="Screengrab!" /><br />
</a></p>
<h4><a title="Pearl Crescent Page Saver" href="http://pearlcrescent.com/products/pagesaver/">Pearl Crescent Page Saver</a></h4>
<p>こちらも、スクリーンショットが簡単に撮れるツールです。わたくしはこちらを愛用してます。</p>
<p align="center"><a title="Pearl Crescent Page Saver" href="http://pearlcrescent.com/products/pagesaver/"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images09.jpg" border="0" alt="Pearl Crescent Page Saver" /><br />
</a></p>
<h4><a title="Backgroundimage Saver" href="https://addons.mozilla.org/en-US/firefox/addon/1853">Backgroundimage Saver</a></h4>
<p>このサイトの背景かっこいいなぁ。。なんて思った事ないですか？背景画像を保存できます。</p>
<p align="center"><a title="Backgroundimage Saver" href="https://addons.mozilla.org/en-US/firefox/addon/1853"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images04.jpg" border="0" alt="Backgroundimage Saver" /><br />
</a></p>
<h4><a title="Image Toolbar" href="https://addons.mozilla.org/en-US/firefox/addon/243">Image Toolbar</a></h4>
<p>画像に対して、よく使う保存、コピー、プリントなどツールバーを表示してくれます。</p>
<p align="center"><a title="Image Toolbar" href="https://addons.mozilla.org/en-US/firefox/addon/243"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images05.jpg" border="0" alt="Image Toolbar" /><br />
</a></p>
<h4><a title="Save Image in Folder" href="https://addons.mozilla.org/en-US/firefox/addon/614">Save Image in Folder</a></h4>
<p>事前にいくつかフォルダを登録しておくと、簡単に画像をフォルダに振り分けられます。</p>
<p align="center"><a title="Save Image in Folder" href="https://addons.mozilla.org/en-US/firefox/addon/614"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images08.jpg" border="0" alt="Save Image in Folder" /><br />
</a></p>
<h4><a title="PictureThis" href="http://www.kevinfreitas.net/extensions/picturethis/">PictureThis</a></h4>
<p>テキストをハイライトして、ページ上にそのテキストのGoogle Image検索の結果を表示させる事ができます。</p>
<p align="center"><a title="PictureThis" href="http://www.kevinfreitas.net/extensions/picturethis/"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images10.jpg" border="0" alt="PictureThis" /><br />
</a></p>
<h4><a title="FxIF" href="https://addons.mozilla.org/en-US/firefox/addon/5673">FxIF</a></h4>
<p>EXIFデータを見る事ができます。どんなカメラで撮影されたのか気になる方に。（EXIFデータを登録されている画像にのみ有効です。）</p>
<p align="center"><a title="FxIF" href="https://addons.mozilla.org/en-US/firefox/addon/5673"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images11.jpg" border="0" alt="" /><br />
</a></p>
<h4><a title="AutoSlideshow - Slideshow Extension for Firefox" href="http://autoslideshow.gmxhome.de/">AutoSlideshow &#8211; Slideshow Extension for Firefox</a></h4>
<p>表示されている画像をスライドショーで見る事ができます。</p>
<h4><a title="Image Zoom" href="https://addons.mozilla.org/en-US/firefox/addon/139">Image Zoom</a></h4>
<p>表示されている画像を拡大する事ができます。</p>
<p align="center"><a title="Image Zoom" href="https://addons.mozilla.org/en-US/firefox/addon/139"><br />
<img src="http://www.designwalker.com/img/addon_images/addon_images12.jpg" border="0" alt="Image Zoom" /><br />
</a></p>
<h4><a title="Google Images Re-Linker" href="http://roachfiend.com/archives/2005/03/06/google-images-re-linker/">Google Images Re-Linker</a></h4>
<p>Google Image検索の検索結果ページから、フレームページを飛ばして、画像にリンクしてくれます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/03/addon-images.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/03/addon-images.html" />
	</item>
		<item>
		<title>複数の動画、画像、音楽、ドキュメントファイルを組み合わせてメディアが作れるSplashCastを試してみました</title>
		<link>http://www.designwalker.com/2007/05/splashcast.html</link>
		<comments>http://www.designwalker.com/2007/05/splashcast.html#comments</comments>
		<pubDate>Sat, 26 May 2007 17:38:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[SplashCast]]></category>
		<category><![CDATA[ドキュメントファイル]]></category>
		<category><![CDATA[メディア]]></category>
		<category><![CDATA[動画]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[音楽]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/05/%e8%a4%87%e6%95%b0%e3%81%ae%e5%8b%95%e7%94%bb%e3%80%81%e7%94%bb%e5%83%8f%e3%80%81%e9%9f%b3%e6%a5%bd%e3%80%81%e3%83%89%e3%82%ad%e3%83%a5%e3%83%a1%e3%83%b3%e3%83%88%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab.html</guid>
		<description><![CDATA[
			
				
			
		
先日、SplashCastというサイトを発見いたしまして、なかなか面白そうなのでさっそく使ってみました。

こちら↓




このSplashCastというサイトでは、複数の動画、画像、 [...]]]></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%2F05%2Fsplashcast.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F05%2Fsplashcast.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>先日、<a href="http://splashcastmedia.com/" title="Splash Cast">SplashCast</a>というサイトを発見いたしまして、なかなか面白そうなのでさっそく使ってみました。</p>
<div align="center">
こちら↓</p>
<p><a href="http://splashcastmedia.com/" title="Splash Cast"><br />
<img src="http://www.designwalker.com/img/splashcast/splashcast01.jpg" alt="Splash Cast" border="0" /><br />
</a>
</div>
<p>この<a href="http://splashcastmedia.com/" title="Splash Cast">SplashCast</a>というサイトでは、複数の動画、画像、音楽、ドキュメントファイルを組み合わせてブログやウェブサイトに簡単に貼り付けられるメディアが作れるようです。</p>
<p>っと、説明してみても、いまいちよく分からんので、とりあえず作ってみました。</p>
<p>例えば、複数のYoutubeの動画を組み合わせてみました。↓こちら、photoshopのチュートリアル動画５つを組み合わせて、ひとつにしてみました。</p>
<p>RSSフィードも生成されるので、随時動画を追加してユーザーにお知らせすることも可能なので、Youtubeで動画をアップして、SplashCastでまとめて見てもらうことも可能ですね。。なかなか便利だ。。</p>
<div align="center">
<embed src="http://web.splashcast.net/go/p/ERLY2592KU" wmode="transparent" width="400" height="300" type="application/x-shockwave-flash" />
</div>
<p></p>
<p>↓こちらは、画像を入れ込んで見ました。先日ご紹介した「<a href="http://www.designwalker.com/2007/05/shoelace.html" title="靴ひもの通し方、結び方をまとめてみました">靴ひもの通し方、結び方をまとめてみました</a>」から、画像をスライドショーにしてみました。。。</p>
<p>毎回、画像をアップされているようなブログを書いている方には、これを使って、まとめてみてもいいかも。。</p>
<div align="center">
<embed src="http://web.splashcast.net/go/p/TGGD7914YC" wmode="transparent" width="400" height="300" type="application/x-shockwave-flash" />
</div>
<p>他にも、音楽ファイル、PDFやPowerPointファイル、などを組み合わせて公開できますね。ブログパーツとしても、なかなか使えそうです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/05/splashcast.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/05/splashcast.html" />
	</item>
		<item>
		<title>Photoshopなんてもういらない！オンラインで写真加工 厳選１０ツールを使ってみた。（もちろん全部無料）</title>
		<link>http://www.designwalker.com/2007/02/photo-editor.html</link>
		<comments>http://www.designwalker.com/2007/02/photo-editor.html#comments</comments>
		<pubDate>Fri, 09 Feb 2007 17:55:49 +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/2007/02/photoshop%e3%81%aa%e3%82%93%e3%81%a6%e3%82%82%e3%81%86%e3%81%84%e3%82%89%e3%81%aa%e3%81%84%ef%bc%81%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%a7%e5%86%99%e7%9c%9f%e5%8a%a0%e5%b7%a5-%e5%8e%b3.html</guid>
		<description><![CDATA[
			
				
			
		
Photoshopってお高いですよねぇ。。プロの写真家やデザイナーの方々ならまだしも、一般のユーザーの方にはPhotoshopってそれほど、必要なかったり。。。実際Photoshopをも [...]]]></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%2F02%2Fphoto-editor.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F02%2Fphoto-editor.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Photoshopってお高いですよねぇ。。プロの写真家やデザイナーの方々ならまだしも、一般のユーザーの方にはPhotoshopってそれほど、必要なかったり。。。実際Photoshopをもってる方でも全てのツールを使いこなしてる方ってほとんどいないのでは？？（実際わたくしも、それほど使いこなせてなかったりして。。。）</p>
<p>デジカメで撮影した写真をちょこっと切り抜いたり、ちょこっと明るくしたり。。。もちろん、デジカメ買ったらそんな加工ソフトが付属してたりするんですが。。無駄に高機能で使いにくかったり。。インストールするのが面倒だったりで。。</p>
<p>っちゅうわけで、本日は特別なソフトをインストールすることなく、簡単にウェブ上で写真加工できる１０ツール（もちろん全部無料）を厳選してみました。。今回は５段階（★★★★★が最高、☆☆☆☆☆がいまいち。。。）で、わたくしが独断と偏見で評価しちゃいました。。</p>
<p><strong>1. <a href="http://www.picnik.com/" title="Picnik" target="_blank">Picnik</a></strong>&nbsp;★★★★★</p>
<div class="thumbnails">
<a href="http://www.picnik.com/" title="Picnik" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fwww.picnik.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>最近色々なところで紹介されてますね。。ロゴをクリックすると全画面表示にしてくれるので、作業がしやすい。。回転、切り取り、サイズ変更、赤目補正などなど、一通りの機能も充実してます。デザインもかわいらしくていい感じですね。。かなり高機能っす。</p>
<div style="clear: both;"></div>
<p><strong>2. <a href="http://pixer.us/" title="pixer.us" target="_blank">pixer.us</a></strong>&nbsp;★★★★☆</p>
<div class="thumbnails">
<a href="http://pixer.us/" title="pixer.us" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fpixer.us%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらも、なかなかおすすめですね。メニューにアイコンがついてるので多少英語が分からなくても、、だいたいの感覚で操作できます。。各種エフェクトも使えて、簡単にPhotoshopで加工したようなエフェクトが使えます。</p>
<div style="clear: both;"></div>
<p><strong>3. <a href="http://mypictr.com/" title="mypictr" target="_blank">mypictr</a></strong>&nbsp;★★★☆☆</p>
<div class="thumbnails">
<a href="http://mypictr.com/" title="mypictr" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fmypictr.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>ここのツールはmixiのプロフィールの部分に表示されるような写真サイズに切り抜くことを主に目的として作られております。。写真をアップロードして、サイズを指定して、切り抜く。。かなりシンプルですが。。初心者の方には使えるツールですね。ちなみにmixiのプロフィールの写真のサイズは180X180です。。</p>
<div style="clear: both;"></div>
<p><strong>4. <a href="http://snipshot.com/" title="Snipshot" target="_blank">Snipshot</a></strong>&nbsp;★★★☆☆</p>
<div class="thumbnails">
<a href="http://snipshot.com/" title="Snipshot" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fsnipshot.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらは、Ajaxベースで作られております。基本的な操作（サイズ変更、切り抜き、色補正、回転）は、全てできますね。加工した写真をそのままflickrにセーブしたり、GIF,JPG,PNG形式の保存はもちろん、PDF,PSD,TIF形式で保存もできます。。</p>
<div style="clear: both;"></div>
<p><strong>5. <a href="http://pixenate.com/" title="PIXENATE" target="_blank">PIXENATE</a></strong>&nbsp;★★☆☆☆</p>
<div class="thumbnails">
<a href="http://pixenate.com/" title="PIXENATE" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fpixenate.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらのツールもAjaxってます。。基本的な操作は一通りできますが。。操作感がいまいちかなと。。。</p>
<div style="clear: both;"></div>
<p><strong>6. <a href="http://www.cellsea.com/java-cellsea/media/index.htm" title="Cellsea" target="_blank">Cellsea</a></strong>&nbsp;★★★☆☆</p>
<div class="thumbnails">
<a href="http://www.cellsea.com/java-cellsea/media/index.htm" title="Cellsea" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fwww.cellsea.com%2Fjava-cellsea%2Fmedia%2Findex.htm&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらは、文字も入力できます。（日本語には未対応のようす。。。）まぁとにかく色々できますね。ここは。。出来すぎて初心者の方にはちょっぴり戸惑ってしまうかもです。。ただエフェクトの種類が豊富なので、いろいろ試してみたい方には良いかも。</p>
<div style="clear: both;"></div>
<p><strong>7. <a href="http://www.phixr.com/" title="PHIXR" target="_blank">PHIXR</a></strong>&nbsp;★★☆☆☆</p>
<div class="thumbnails">
<a href="http://www.phixr.com/" title="PHIXR" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fwww.phixr.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらは、アイコンが左側に縦に並んでるので、Photoshopに近い操作感ですね。ただ、いまいちアイコンからどのようなツールなのかが想像しにくいので、英語が苦手な方にはちょっぴり不便かもです。また、サインアップしてからじゃないと画像をアップできない（デモは使えます。）のが難点。</p>
<div style="clear: both;"></div>
<p><strong>8. <a href="http://www.preloadr.com/" title="Preloadr" target="_blank">Preloadr</a></strong>&nbsp;★☆☆☆☆</p>
<div class="thumbnails">
<a href="http://www.preloadr.com/" title="Preloadr" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fwww.preloadr.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらはflickrにアップした写真を加工できるツールですね。既にflickrに画像をアップしている方には便利かも。ただし、切り取り、回転、反転など、限られた操作しかできません。。</p>
<div style="clear: both;"></div>
<p><strong>9. <a href="http://catenarysystems.com/demos/vicimager/vicimager2.aspx" title="VicImager" target="_blank">VicImager</a>&nbsp;★☆☆☆☆</strong></p>
<div class="thumbnails">
<a href="http://catenarysystems.com/demos/vicimager/vicimager2.aspx" title="VicImager" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fcatenarysystems.com%2Fdemos%2Fvicimager%2Fvicimager2.aspx&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらも、かなりいろいろできますが、操作感がいまいちでした。。。デザイン的にもシンプルすぎて、逆に使いにくいかも。。もうすこしアイコンとかあると使いやすくなるかなぁ。。なんて。ただ、画像の上にcopyrightみたいなウォーターマークが簡単につけられるので、画像の著作権を主張したい方には使えるのかな。。</p>
<div style="clear: both;"></div>
<p><strong>10. <a href="http://www.picture2life.com/" title="Picture2Life" target="_blank">Picture2Life</a></strong>&nbsp;★★★☆☆</p>
<div class="thumbnails">
<a href="http://www.picture2life.com/" title="Picture2Life" target="_blank"><br />
<img src="http://images.websnapr.com/?url=http%3A%2F%2Fwww.picture2life.com%2F&amp;size=s" alt="" border="0" /><br />
</a>
</div>
<p>こちらのツールは、これまでご紹介したツールと少し違っていて、画像をアップすると真ん中にアップした元の画像が大きく表示されます。で、右側にサムネイルが並んでて、エフェクトの結果がサムネイルであらかじめ見えてます。それを選んで画像を色味を変更できます。視覚的でなかなか面白いサービスですね。ただし、画像の切抜きや、回転、反転などのツールはありませんでした。。</p>
<div style="clear: both;"></div>
<p>いやぁ。。疲れた。。わたくしはやっぱり慣れ親しんだPhotoshop使いますわ。。。</p>
<p>でも、使い方次第でどれも便利なツールばっかりですよん。<br />
ちょこっと写真を加工したいときにはこんなツールを使うのもありですね。。</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/02/photo-editor.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/02/photo-editor.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>
	</channel>
</rss>

