「飛び出す写真」を簡単に作るPhotoshopチュートリアル
January 22, 2007 6:43 PM written by 100SHIKI Apprentice

ph8.jpg

たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。

そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。

» Out of Bounds - The Something Awful Forums

Photoshopで作成します。ではどうぞ!

ph2.jpg

↑ 元となる写真はこちら。

まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。

ph3.jpg

↑ 次に矩形ツールで白色の長方形を作成します。

そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。

ph4.jpg

↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。

右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。

ph5.jpg

↑ あとは、不必要なところを黒く塗りつぶすだけ。

新しくレイヤーを作って黒で塗っていくのが早いかも知れませんね。

最後にフレームが必要でないところは消しゴムで消しましょう。そうすれば完成です。

下記に、他の方が作った作品を紹介します。

ph6.jpg

↑ 勢いがありますね。

ph7.jpg

↑ 蛙も飛び出します。

ph10.jpg

↑ 物凄い勢いのありそうなパンチ。

ph8.jpg

↑ 大クラッシュ。

ph9.jpg

↑ 猫かわいいです。

test.jpg

↑ 試しにやってみました。黒く塗りつぶすところが肝でしょうか。

ブログやSNSで写真を使う機会は多い昨今。こんな風にインパクトのある写真の作り方は覚えていて損はないのかも。

元のサイトには、このテクニックを使った楽しい写真が公開されています。刺激になりますね。

» Out of Bounds - The Something Awful Forums

■ 関連記事

この記事のトラックバックURL (トラックバックは承認後に公開されます)

飛び出す写真

今日もはてブを見に行ったら 写真の面白加工技術を扱っているサイトがあったので 早速まねしてみることに. ん〜うまくいかない......

飛び出す写真

こんぺいとう | 2007年01月24日 00:27

両手ぶらりノーガード戦法

月曜日。
こんなヤツがいるところに行ってきました。

両手ぶらりノーガード戦法

ごきげんさん | 2007年01月24日 11:31

2D?? 3D?? : Re:touch

面白い写真加工を紹介している記事を見つけ 早速チャレンジしてみた まず、加工前のものはというと… いたって、普通の写真 で、↑をあ...

2D?? 3D?? : Re:touch

SYNGOiL | 2007年01月24日 19:09

飛び出す写真

POP*POPの記事をもとに飛び出す写真挑戦してみました。トリミング技術がないの...

飛び出す写真

名古屋育児日記 | 2007年01月25日 08:56

こういうの面白いよね

「飛び出す写真」を簡単に作るPhotoshopチュートリアル 【POP*POP】 こういうのをセンスがあるって言うんだろうな、俺もこれくらいセンスがあ...

こういうの面白いよね

Falsetto Bar 支店 | 2007年01月25日 21:41

Photoshopで「飛び出す写真」を作成してみる

P O P * P O PさんでPhotoshopで「飛び出す写真」の作り方を紹介されていたのでとりあえず試しに作ってみました。こんな写真も面白いですね。...

Photoshopで「飛び出す写真」を作成してみる

T-style.com | 2007年01月26日 23:30

photoshopがすごいと再認識する

photoshopがすごいと再認識する

SHOWTIME 2.2x BLOG presents by show-hey | 2007年01月27日 01:35

デジカメの手ブレを防ぐ方法

デジタルカメラを写真を撮る時に一番気をつけたいのが手ぶれです。 そこで、今回は手ブレを防ぐにはどのようにすれば良いのかをご紹介致します。 第65回 手ブレ...

デジカメの手ブレを防ぐ方法

UNDERMOUNTAIN | 2007年01月28日 04:14

[Design] GIMPで「飛び出す写真」を簡単に作る

「飛び出す写真」を簡単に作るPhotoshopチュートリアルをみてインスパイアされ、GIMPでできるかやってみました。違いは以下の点ぐらいです。 次にフ...

[Design] GIMPで「飛び出す写真」を簡単に作る

tail -f /var/log/こうちかずお.log | 2007年01月28日 10:15

不可能物体その3

「飛び出す写真」を簡単に作るPhotoshopチュートリアルとè¨...

不可能物体その3

木陰 | 2007年02月03日 15:38

飛び出す写真《フォトショップELでもできるかな?》

↓こんな画像....インパクトあり! 「飛び出す写真」を簡単に作るPhotoshopチュートリアルなる【POP*POP】さんのサイト...

飛び出す写真《フォトショップELでもできるかな?》

MaRu-ふ《花巻まつり〜にっこりふっぱり〜地域活動等》 | 2007年02月10日 13:36

飛び出す写真?

POP*POPさんという方のブログに「飛び出す写真」の作り方が紹介されてた。 で、やってみた。飛び出し方がチト足んなかったけど、出来た。おもしろい。

飛び出す写真?

From Hasse 日記 | 2007年02月12日 21:55

ãƒ‡ã‚¸ã‚«ãƒ¡å†™çœŸåŠ å·¥ 2(ポルシェ911)

ãƒ‡ã‚¸ã‚«ãƒ¡å†™çœŸåŠ å·¥ 2(ポルシェ911) デジカメ写真ï¼...

ãƒ‡ã‚¸ã‚«ãƒ¡å†™çœŸåŠ å·¥ 2(ポルシェ911)

イラスト、イメージ画作成の足跡・・・ | 2007年02月18日 17:11

飛び出す写真

「飛び出す写真」を簡単に作るPhotoshopチュートリアルという、POP*POPさまの記事。ちょっと前の記事ですが、いつか紹介したいなぁとずっと思って...

飛び出す写真

motorpsycle | 2007年03月23日 17:17

コメント一覧

なかなかおもしろいw

by ロッキー | 2007年01月23日 00:29

猫とカエルが特にすごい。

by    | 2007年01月23日 11:10

参考にして作ってみました。
フレームのサイズと位置で雰囲気が決まります。

by ベア | 2007年01月23日 14:31

すごく面白いアイデアですね。
早速、見よう見真似で作ってみました。
いざとなると、なかなか良い素材が見つからないものです。

by kazzen | 2007年01月24日 01:05

リンクさせて下さい。

インパクトがあり面白いと思い
参考にさせていただきました。
飛び出す写真用に、写真撮りたくなりますね

by ATTIC 信 | 2007年02月18日 17:04

凹凸の細かい物とか難しくないのですか。
すごいですね。

by ari-ari-ari | 2007年05月02日 20:42

飛び出す写真、作ってみました!
やっぱりこれは素材選びが一番の肝ですね。
なかなか「おぉ!」と思えるものが作れませんでした。。

by あおぞら | 2007年08月22日 15:06

すごいです!
面白いしインパクト大ですね!
早速はまってしまい、一日中フォトショップ。
ネコで作ってみました。なんとか>^_^

by とっと | 2007年12月28日 18:28

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

Powered by
MovableType 3.34

Icons powered by famfamfam.

人気ブログランキング - 100SHIKI
ワード