Photoshopちょいテク『惑星を作ってみよう』+360度パノラマ画像も作れるように
スポンサード リンク

クリエイターの間では結構有名な工法ですが、いろんなシーンで使えるテクニックなので覚えておいても損は・・・ないかどうかはわかりませんがやって見ましょう。
基本を抑えよう
何事も基本が大事。
というわけで、惑星っぽい写真を作るための推奨条件が以下。
1)360度パノラマが推奨
今回はフリー素材を使ってやりますが、実際に360度パノラマ画像を作るのは無理だという人には、フリーソフトでパノラマ画像を作るものがありますのでそれを使ってみるといいです。
AutoStitch(英語)
これは海外のソフトですが、圧倒的なクオリティを誇っていますのでお勧め。
使い方はパノラマ画像の作り方 2007.06.11を見れば大体わかります。
完成度は、写真が若干微妙でもそれをサポートするくらいの力を持ってます。
英語はちょっと・・・という人は以下。
PhotoFit feel(Windows95/98/Me / 画像&サウンド)
完成度は、写真に結構依存しますので、写真撮影から勝負が始まります。
これらで360度写真を作れるようになるとjQuery等で、360度体験コーナーなんかを設置できるようになりますのでお勧め。
以下はjQueryで表示しているもの。ダウンロードも出来ますので、興味のある方はぜひ。

2)なるべく遠景が推奨
これは、360度パノラマ画像が作れない場合です。
この場合は遠景で勝負しなければなりません。
3)左の接点と右の接点を水平にする

360度パノラマを作成した場合、右と左の結合部分をきっちり合わせる必要があります。
これらの修正は、レイヤーを一つ増やし、ラインを一本書いておけばOK。
シフト押しながら鉛筆ツールかなんかでピーっと引けば水平になりますので、これを参考に画像の角度を変えます。
試してみよう
フリッカーの360パノラマ素材を使って実際に惑星を作ってみましょう。
ものすごい簡単な説明しかしませんが、実際素材が揃えば後は簡単です。
フリー素材は以下でお試しを。



ダウンロードしてPhotoshopで開きます。

とりあえず すべてを選択 をして縮小します。『編集』→『自由変形』で問題ありません。
この縮小で、どんな写真であろうとも、『正方形』にします。

多少の誤差があったら、上のパネルを手入力して、きっちり正方形を作りましょう。
縮小が完了したら、いったんコピーして、『ファイル』から、新規作成しなおし、貼り付けます。

貼り付けましたら、次に上下反転させます。


反転しましたか?
次に、『フィルタ』→『変形』→『極座標』を選び適応させます。

すると、ほぼ完成に至ります。
ただ、毎回作ってて思うのは、つなぎ目がやっぱりちょっと変になります。

多少の粗であれば、コピースタンプ補正で、簡単に修正できます。

今回はブラシの大きさを30にしています。

あとは明るさや、コントラストをちょっといじれば完成です。
簡単な応用
このテクで、360度まわりが全て人物という集合写真をとると面白いことが出来たりします。
写真を探すのが面倒だったのでスタンプで人物を配置します。

これを、今回は、上下反転しないでやると以下のようになります。

なんとなく想像してください。
それでは。
また。
この記事を見た人は以下の記事も見ています
・チュートリアル:photoshopで手軽にストライプ模様をつける方法
・今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
・100のすさまじい高画質Photoshop用ブラシ
・5つの偉大な光と炎のphotoshopチュートリアル
・2007年度web制作者の為のまとめ再構築30選
新ブログ:ITクオリティもよろしく。
この記事のコメント (1)
スポンサード リンク
![]() |
![]() |
![]() |

» セキュリティソフトのカスペルスキーがいかに強気なのかを確認できる一覧[ネタ]
» [これすご]70のphotoshop修正テクニック
» 旭川で行われたMicrosoftのセミナーに壮大に釣られた
» ブロガーは2クリック以内にワンクリック詐欺サイトに到達する可能性が高い
» Adobe Fireworks(8)のweb2.0なレイヤースタイル131+48個+おまけ
» アメブロのブログマナー定義がどうも腑に落ちない
» FLASHベースのリッチテキストエディタ『obedit』
» 画像にメッセージを埋め込むflickr見たいな機能のJavaScript
» 7月と言えば『まとめ祭り』ということで、まとめエントリーをまとめました
» 『こんなwebサイトは嫌だベスト20』をチェックシート化して現場に持っていこうと考えてPDF形式で作った
» 『YouTubeを見ている全てのユーザー視聴情報をバイアコムへ』米国法廷が裁決。
» [ゲーム脳]DS版ディスガイアが本当にヤバイ理由を懇々と説明するよ
» 相手サイトのサムネイル画像を簡単にブログにはるタグを作るeパレット2
» ゆーすけべーさんになるべく粗相のないように『YourFileHost の FLV をダウンロード』用ブックマークレットを作った
» 有益なwebコンテンツを生み出すための5つのノウハウ
Comment
トラックバックURL
ウェブデザインの確認に、IE5.5, IE6, IE7, IE8の確認が同時に。
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス
swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 | コリス
Photosho... READ MORE ...
from 日々、ウェブデザインとネットニュースとゲームとか。 - 2008/05/16
Photoshopちょいテク『惑星を作ってみよう』+360度パノラマ画像も作れるように*ホームページを作る人のネタ帳
Photoshopのチュートリアルです。極座標変換を利用して、箱庭的な惑星の画像を作るチュートリアル。
日本語で解説してあるので、分かりやすいです。 READ MORE ...
from インデザ.jp - デザイン系ソーシャルニュースサイト - 2008/05/17
















おつかれさまでした!
初めまして、ですよね?ボクはQTVRを始めとする国内外の最新パノラマムービー情報を配信するブログ「QTVR Diary」の編者のにのみやと申します。
360°パノラマから惑星画像を作る方法は以前、拙ブログで紹介しまたことがあります。
http://pencil-jp.net/weblog/archives/2006/08/photoshop.html
その時はGIGAZINEが作り方を載せていました。
http://gigazine.net/index.php?/news/comments/20060830_photoshop_panorama/
今回のYamadaさんのエントリーは、どこよりも詳しく説明されていて、とても有難いです。ウチでも機会を見つけて紹介させて下さい。
どうぞ今後とも、よろしうに!