WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

作る。

WEBCRE8.jpが作ったサービス、素材、サイトなどを
公開していくカテゴリです。

[ネタ]人物の画像にろくろを合成するPhotoshopチュートリアル

この記事は約4分ぐらいで読めます

かなり偉そうですね!傍らには著書も積んであります
web制作の仕事をしていると、被写体にろくろを合成する必要に迫られる場合があります。今回はろくろ合成写真の作例のチュートリアル&軽いまとめです。

最初に:画像を探す

ぶっちゃけココがかなりしんどかったです。まあチュートリアル程度の画像となると有料の画像というわけにもいかないので…まずは軽く無料素材写真サイトで探します。

とりあえずFlickrで拾った画像

とりあえずFlickrで拾った画像


C.C. by-nc-sa 2.0 credit: keepps

そしてろくろ回してそうなweb業界のエライ人の写真を用意します。

かなり偉そうですね!傍らには著書も積んであります

かなり偉そうですね!傍らには著書も積んであります

WordPress 3.x (速習デザイン)
大曲 仁 星野 邦敏 豊田 有
技術評論社
売り上げランキング: 10939

ちなみにこちらはフリーランスのwebクリエイタ@Mighty_Worksさんの写真です★

壺をパスツールで切り抜く

まずペンツールで壺を切り出します。Ctrlを押しながらでアンカーポイントを選択、Altを押しながらでコントロールハンドルを操作すればツールを変えることなくサクサクパスを成形できます。

まずは大雑把にアンカーポイントを置いていく

まずは大雑把にアンカーポイントを置いていく

消す部分は適当に切ります

消す部分は適当に切ります

出し余計な部分を消す

次に使うのは主に消しゴム、コピースタンプ、指先ツール等。ちまちまやって手を消していきます。

切り抜いて反転したもので形を補完する

切り抜いて反転したもので形を補完する

コピースタンプツールで埋めていく

コピースタンプツールで埋めていく

ろくろ完成(下は見切れさせます)

ろくろ完成(下は見切れさせます)

合成する写真を加工する

合成する写真の中で、ろくろの手前に来ると思われる部分をパスツールで切り抜き別レイヤにペーストします。切り抜いたレイヤの下にろくろのレイヤを置けば奥行きが出ます。

前面に出てくる部分を切り取り複製

前面に出てくる部分を切り取り複製

完成画像

はい、こんな感じです。

手が汚れてないとか影とか勘弁して下さい

手が汚れてないとか影とか勘弁して下さい

適当感漂ってますが、写真に合う角度のろくろがフリーでなかなか見つからなかったので…こんなもんで勘弁して下さいw 正直手を消す作業で力尽きました…。

元ネタ

土曜の夜に急に盛り上がって既に一周回ったネタなんですが、わりと居ても立ってもいられなかったので作りました。意味わかんないって人のために。

WEB業界ろくろ回しすぎワロタ:ハムスター速報

発端となったスレ。

「WEB業界ろくろ回しすぎワロタ」に対するWeb業界の反応をまとめてみた – NAVER まとめ

WEB業界は本当にろくろを回すのか? – NAVER まとめ

NAVERまとめから2つ。それを見たweb業界の人達の反応。がまとめられています。

ろくろを回す会 “Rock ‘n Roll!” on Facebook

facebookにも。最近のweb業界はスピードが命、ということでネタが盛り上がるとすぐこういう動きが起きますw

JUSO Coworking リニューアルプロモーション – YouTube

知ってる人からも「オレもろくろ回してる!」的な声が結構あったのでひとつ(しかも動画)を紹介。フリーランスのwebクリエイタ@witch_doktorさんの奥さんがろくろ回してます。