Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術

powered by hm solution

お問い合わせ:0120-290-727
受付時間:10:00~19:30(土日祝は除く)

お問い合わせ
ブログTOP » web » webデザイン » Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術

Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術

cap00
さきボー
ゴムゴムのぉぉぉぉおおおおおゴムー!
ペチッ

今回は建物や家の写真から邪魔な電線や木を排除して綺麗な写真に変身させるフォトレタッチのチュートリアルです。
※こういったチュートリアルは目的に都合のよい写真が使われていることが多いですが、Photoshopの機能に頼り過ぎない様、多少手間のかかる写真を選んでいます。

cap18

【動作環境】
OS:Windows 7
ソフト:Photoshop CS6(CS5以上)

※Macの場合はCtrlcmdに置き換えてください。

使用した写真は「写真素材 足成」より
建物の写真
空の写真

建物と空を分ける

※失敗しても元に戻せるように作業ごとにレイヤーを複製しながら進めています。

電線を消すついでに空の色が鮮やかではなかったので空ごと変更することにします。
建物写真から選択ツールWで空の部分を選択。

cap09

空の写真のレイヤーに移動して右下のマスクボタンでレイヤーマスクを追加

cap02

マスクを追加するとこんな感じに。

cap03

空が鮮やかになりました。

屋根に被る電線を消す

塗りつぶしの“コンテンツに応じる“を使って電線を消していきます。
コンテンツに応じる機能は選択範囲の周囲から画像を引っ張ってきて塗りつぶします。
この写真の場合電線や木を屋根で塗りつぶしたいので極力消したい部分だけを選択する方がいいです。
一気にやらずすこしずつ消していくのがコツ。
削除したい部分を多角形選択ツール Lで選択。

cap04
塗りつぶしのコンテンツに応じるを実行

Shift + F5

cap05

塗りつぶすとこんな感じになります。

cap06

この作業を繰り返して電線を消します。

屋根に被る木を消す

次も似たような作業ですが木は形が複雑なので少し強引に。
※後で補正するので多少雑でも問題ありません。
木を多角形選択ツール Lで選択

cap07

塗りつぶしのコンテンツに応じるを実行

Shift + F5

cap07a

案の定微妙な結果に。
めげずに今度はすこしずつ塗りつぶしていきましょう。
極力屋根を避けて選択→コンテンツに応じる

cap08

これを繰り返します。

cap09

こうなりました。
今度は塗りつぶしでおかしくなったところを修正します。

手動でコンテンツに応じる

ここからはパーツを切り貼りして手動でコンテンツに応じましょう。
屋根の不自然でない部分を選択

cap10

選択した状態でコピぺ

Ctrl + C

Ctrl + Shift + V
自由変形で不自然にならない程度に重ねます。

Ctrl + T

cap11

周りから切り取りとる→貼り付け
これを繰り返し残りの部分も木と電線を消していきます。

cap12

こうなりました。

電線の影もお忘れなく

cap13

細かい部分や電線の影にはコピースタンプツールSも使います。

cap14

電線が消えました。

仕上げ

元画像と空+マスクのレイヤーだけ残して結合します。

まず元画像と空+マスク以外のレイヤーをすべて選択してグループ化して複製。

Ctrl + G

Ctrl + J

グループのコピーを結合します。

Ctrl + E

cap15

レイヤーパネルはこの状態。

グループのコピーにマスクを追加
その上に元画像のレイヤーを複製したレイヤー(背景のコピー2)を置きます。

cap16

この状態になります。

修正した画像の遜色を抑えるため余分に修正してしまった部分を削ります。

マスクレイヤーがアクティブの状態にし、木と電線を避けて
周りを消しゴムツールE で削ります。

cap17

元画像を複製したレイヤー(背景のコピー2)を削除して色調補正で完了です。

cap18

WEB制作でも素材として使える綺麗な写真になりました。

次回

今回の写真をさらにブラッシュアップします。

cap19

さきボー
さきボー
デザイナーの寺本です。通称:さきボー/イエロー
美しいもの・かわいいものが大好きです。心が奪われます。
完璧な美しさの中に秘めた魅力的な欠点があればもっと心が奪われます。
そんな”人の心を灯せるデザイナー”を目指してます。

人気記事

カテゴリ一覧

ホームページを新規制作・リニューアルしたい方 ホームページ診断 神戸ホームページ制作センター採用情報
弊社が手がけた制作実績 スタッフブログ ECの運営ならコンサルロケッツにお任せください!!ギュイーン!!
充実の運用サポート 失敗する業者選びの典型例

制作サイトSEO対策実績

今月のSEO対策結果
キーワード順位
出張マッサージ 京都
1位
手元供養 通販
1位
ユニバーサルマナー
1位
外壁塗装 神戸
2位
整体 大阪
1位
姫路 工務店
2位
ブライダルまつげ 神戸
2位
神戸 温泉
1位
葬儀 神戸
1位
温泉 神戸
2位
葬儀 大阪
4位
出張マッサージ 名古屋
3位
学生 プロモーション
1位
オークション 代行
3位
コンテナ 販売
3位
目 資格
1位
学生 広告
1位
大阪 ホテル
1位
ヘアサロン 南船場
3位
リフォーム
1位
ブランドメガネ 買取
3位
防犯カメラ 神戸
1位
大阪 ホテル
1位
兵庫 探偵
2位
出張マッサージ 神戸
1位
カルジェルネイル 神戸
2位
フィラリア予防
3位
神戸 ネットカフェ
1位
薬剤師 求人
1位
合宿免許 ローン
1位
美容院 南船場
3位
神戸 婚活
1位

2013年09月調査結果の一部

ホームページ制作対応エリア

制作エリア
【営業地域】
大阪府/奈良県/滋賀県/京都/和歌山/三重/兵庫県/神戸市/神戸市北区/神戸市西区/三田市/宝塚市/川西市/篠山市/三木市/小野市 /尼崎市/芦屋市/明石市/伊丹市/西宮市/姫路市/西脇市/豊岡市/加古川市/加西市/加東市/相生市/赤穂市/朝来市/淡路市/市川町/宍粟市/竜野市/丹波

【受注可能地域】
大阪府/兵庫県/京都府/滋賀県/奈良県/
和歌山県/三重県/岡山県/徳島県など
全国各地
Googleビジネスパートナー
powered by hm solution

お問い合わせ:0120-290-727
受付時間:10:00~19:30(土日祝は除く)

お問い合わせ
お問い合わせ
gmt
© hm solution,ltd.