【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1200,h_675/https://susanweblog.com/wp-content/uploads/2023/06/Web-1920-–-36-1.png)
あなたが撮影した美しい風景写真、でもひとつだけ欠点があるとすれば、それは雲ひとつない青空ではなく、あいにくの曇り空だったということ。
そのような時、Photoshopの「空を置き換え」機能を使えば、あっという間に青空に変えることができます。
![すーさん すーさん](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_72,h_72/http://susanweblog.com/wp-content/uploads/2023/06/FFAB46C1-3DF8-417A-88FA-2F731079CAC2.jpg)
本記事では、「空を置き換え」機能についての手順を一つ一つ解説していきます。
レバテッククリエイター
![公式サイト 公式サイト](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_561/https://susanweblog.com/wp-content/uploads/2023/12/Screenshot-2023-07-20-at-1.55.09-am-2048x1121-1-1024x561.webp)
Webやゲーム業界のフリーランスクリエイター向けのエージェントサービス。案件マッチングから単価交渉、契約代行までを一貫してサポート。
案件数 | デザイナー用案件数:1,000以上 |
リモート案件 | ◎ |
勤務日数 | 週3日〜 |
高単価 | ~1,400,000円/月 |
地域 | 東京 |
運営会社 | レバテック株式会社 |
Photoshopの「空を置き換え」機能とは
![Before Before](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_640/https://susanweblog.com/wp-content/uploads/2024/01/4____Attachment.webp)
![After After](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_640/https://susanweblog.com/wp-content/uploads/2024/01/5____Attachment.webp)
Adobe Photoshopの「空を置き換え機能」は、その名の通り、画像内の空の部分を別の画像に置き換えることができる機能です。
例えば、雲ひとつない青空を雲の多い空に変えたり、日中の空を夕暮れの空に変えたりすることができます。
この機能は、AdobeのAI技術「Adobe Sensei」を利用しています。
そのため、人間が手作業で選択ツールを使って空の部分を選び出す必要はありません。Photoshopが自動的に空の部分を認識し、選択してくれます。
なお、この機能を使って空を置き換えるときは、新しい空の画像と元の画像の色味や明るさが自然に見えるように調整することが重要です。
これらをうまく使うことで、リアルで自然な画像を作り出すことが可能になります。
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_662,h_664/https://susanweblog.com/wp-content/uploads/2023/08/Screenshot-2023-08-01-at-7.44.36-pm.webp)
Adobeのコンプリートプランは、Illustratorを含めたアドビソフト/アプリの20種類以上を自由に利用可能。利用期間も1年から3年の中から選択でき、学生用の割引もあります。
- Adobe Photoshop CC
- Adobe Illustrator CC
- Adobe Premere Pro CC
- Adobe InDesign CC
- Adobe XD
価格表
期間 | 価格 |
---|---|
12ヶ月 | 35,397円 |
24ヶ月 | 71,520円 |
36ヶ月 | 107,280円 |
12ヶ月(Home & Business) | 104,679円 |
12ヶ月(Home & Student) | 92,079円 |
コンプリートプランはこんな人におすすめ!
- Illustratorのみならず他のソフトも利用したい方
- Adobeのサポートを受けたい方
- 学生の方
「空を置き換え」機能の使用例
この機能を利用すると、例えば、曇り空や雨の日の風景写真を、晴天の青空や美しい夕日の空に一瞬で変更することが可能です。
また、寒冷地で撮影した風景写真の空を、南国のビーチのような青々とした空に置き換えるなど、様々な応用例があります。
使用例1: 曇り空を青空に
以下の使用例では曇り空を青空に変更してます。
![元画像 元画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_533/https://susanweblog.com/wp-content/uploads/2024/01/nick-fewings-Xu83LWZJhlY-unsplash.webp)
![空を置き換え機能使用後 空を置き換え機能使用後](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_533/https://susanweblog.com/wp-content/uploads/2024/01/nick-fewings-Xu83LWZJhlY-splash.webp)
使用例2: 曇り空を、美しい夕焼け空に
以下の例では曇り空を、美しい夕焼け空に置き換えています。
![元画像 元画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_533/https://susanweblog.com/wp-content/uploads/2024/01/mountains-6919581_1280.webp)
![空を置き換え機能使用後 空を置き換え機能使用後](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_533/https://susanweblog.com/wp-content/uploads/2024/01/5927b16e5592b046d0d1e73ece4fab72.webp)
「空を置き換え機能」の使い方
Photoshopの「空を置き換え」機能を使用する手順は以下の通りです。
ステップ1: 画像のオープン
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_699,h_542/https://susanweblog.com/wp-content/uploads/2023/06/ScreendShot-2021-02-07-at-11.59.50.png)
まずはPhotoshopを開き、編集したい画像を開きます。
「ファイル」メニューから「開く」を選択し、画像ファイルを選択します。
ステップ2: 「空を置き換え」機能の起動
メニューバーから「編集」を選択し、その中の「空を置き換え」をクリックします。
ステップ3: 新しい空の選択
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_702,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/Screen-Shot-2021-02-08-at-23.38.04-e1687546622289-702x1024.png)
「空を置き換え」機能が起動したら、右側のプレビューパネルで新しい空を選びます。
Photoshopには標準でいくつかの空の画像が用意されていますが、自分で撮影した画像やWebで見つけた画像を使うこともできます。
ステップ4: 空の調整
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_98,h_300/https://susanweblog.com/wp-content/uploads/2023/06/Screenshot-2023-06-24-at-4.06.48-am.png)
新しい空の画像を選択したら、左側のスライダーを使って調整を行います。
「シフトエッジ」を使って新旧の空の境界をぼかしたり、「明度」を調整して新しい空と元の画像との光のバランスを調節することができます。
ステップ5: 編集の確定
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_617,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/Screen-Shot-2021-02-09-at-17.40.24-e1687546784729-617x1024.png)
最後に、調整が終わったら「OK」をクリックして編集を確定します。
これで「空を置き換え」の操作は完了です。
「空を置き換え機能」の詳細設定
![すーさん すーさん](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_72,h_72/http://susanweblog.com/wp-content/uploads/2023/06/FFAB46C1-3DF8-417A-88FA-2F731079CAC2.jpg)
空を置き換え機能ではさらに細かい設定を行うことができます。一つ一つ詳しく解説していきます。
空の移動ツール
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_114,h_300/https://susanweblog.com/wp-content/uploads/2023/06/Screenshot-2023-06-24-at-3.17.40-am-1.png)
空部分を自由自在に動かすことができます。
空ブラシ
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_104,h_264/https://susanweblog.com/wp-content/uploads/2023/06/Screenshot-2023-06-24-at-3.34.52-am.png)
空部分を拡大または縮小したりすることができます。
手のひらツール
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_94,h_254/https://susanweblog.com/wp-content/uploads/2023/06/Screenshot-2023-06-24-at-3.35.01-am.png)
画像を好きな位置に動かすことができます。通常のPhotoshopの手のひらツールと同じです。
ズームツール
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_92,h_262/https://susanweblog.com/wp-content/uploads/2023/06/Screenshot-2023-06-24-at-3.35.07-am.png)
画像をズームすることができます。基本的にPhotoshopのズームツールと同じです。
空
置き換えたい空の画像を選択することができます。デフォルトで25種類の空が用意されています。自分の好きな画像を取り込み、それを空の画像として置き換えることもできます。
エッジをシフト
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/9____Attachment.png)
オリジナルの画像と空画像の境目を決める際に使用します。
数値を上げれば上げるほど空画像の要素が多くなり、数値を下げれば下げるほどオリジナル画像の要素が多くなります
エッジをフェード
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/https://susanweblog.com/wp-content/uploads/2023/06/10____Attachment-2.png)
オリジナル画像と空画像の境目のフェード具合を決める際に使用します。数値を上げれば上げるほどフェードする割合が多くなり、数値を下げれば下げるほどフォードの割合は少なくなります。
空の調整
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/11____Attachment.png)
空の明るさ調整を行うことができます。
数値を上げれば上げるほど明るくなり、数値を下げれば下げるほど暗くなります。
色温度
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/12____Attachment.png)
空の温度を調整することができます。
青色に近づけば近づくほど空が冷たい印象になり、黄色になればなるほど暖かい印象になります。
拡大・縮小
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/13____Attachment.png)
空の拡大と縮小を行うことができます。
数値を上げれば上げるほど空画像は大きくなり、数値を下げれば下げるほど空画像は小さくなります。
反転
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/14____Attachment.png)
反転のチェックボックスにチェックを入れると、空画像を反転させることができます。
前景の調整
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/15____Attachment.png)
前景の調整部分をクリックすると、さらに細かい調整ができるオプションが表示されます。
証明モード:乗算、スクリーン
ー乗算
空部分が乗算モードに切り替わります。
ースクリーン
空部分がスクリーンモードに切り替わります。
証明の調整
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/16____Attachment.png)
オリジナル画像と空画像の境目の部分の明るさ調整ができます。
0は何も変更しないことを表し、数値を上げれば上げるほど暗くなります。
カラー調整
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_527,h_1024/http://susanweblog.com/wp-content/uploads/2023/06/17____Attachment.png)
オリジナル画像が空画像とどの程度同調するかを決めることができます。0は何も変更しないことを表し、数値を上げれば上げるほど、オリジナル画像の色合いが濃くなります。
出力
どのように作成した画像を出力するかを設定することができます。
ー新規レイヤー
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_228,h_300/http://susanweblog.com/wp-content/uploads/2023/06/18__@__Attachment-3.png)
オリジナル画像に空画像を上書きするのではなく、新たなレイヤーとして空画像を作成します。
ーレイヤーを複製
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_229,h_300/http://susanweblog.com/wp-content/uploads/2023/06/19__@__Attachment-1.png)
新たにレイヤーを複製します。オリジナル画像に空画像を足したものが一つの画像として、レイヤーに追加されます。
「空を置き換え機能」を使った応用編
Photoshopの「空を置き換え」機能は基本的には青空や夕焼け空を再現するための機能ですが、これを応用することでさまざまな効果を得ることができます。
その一例を下記に紹介します。
1. 異なる気候条件下でのシミュレーション
商品の宣伝写真や建物のプロモーション画像を作る際、天候や昼夜などがそのアピールポイントに大きく影響を与えます。
「空を置き換え」機能を使うことで、同じショットで晴天の日、曇りの日、夕暮れ時、夜空など、様々な気候条件下での写真を簡単に作ることができます。
これにより、視覚的に多様な印象を提示することが可能になります。
![元画像 元画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_450/https://susanweblog.com/wp-content/uploads/2024/01/Attachment.webp)
![空を置き換え機能使用後 空を置き換え機能使用後](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_450/https://susanweblog.com/wp-content/uploads/2024/01/1____Attachment.webp)
2. ファンタジーな世界の創出
リアルな空だけでなく、想像力を働かせてファンタジーな空を作り出すこともできます。
例えば、銀河やオーロラ、虹や雲の海など、現実ではあり得ないような空を背景に設定すれば、一瞬で異世界の風景を作り出すことができます。
これは、イラストやアート作品、小説の表紙など、クリエイティブな作品を制作する際に大いに役立ちます。
![元画像 元画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_533/https://susanweblog.com/wp-content/uploads/2024/01/2____Attachment.webp)
![空を置き換え機能使用後 空を置き換え機能使用後](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_533/https://susanweblog.com/wp-content/uploads/2024/01/3____Attachment.webp)
3. 映画のようなエフェクト
「空を置き換え」機能を使えば、映画のようなドラマティックなエフェクトも作り出すことができます。
たとえば、モノクロの空に変えることでフィルムノワール風の雰囲気を出したり、火のような赤い空に変えて危機的な状況を表現したり、SF映画のような空に変更することも可能です。
![元画像 元画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_640/https://susanweblog.com/wp-content/uploads/2024/01/4____Attachment-1.webp)
![空を置き換え機能使用後 空を置き換え機能使用後](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_640/https://susanweblog.com/wp-content/uploads/2024/01/5____Attachment-1.webp)
まとめ
Adobe Photoshopの「空を置き換え」機能は、一般的な写真加工技術を大幅に進化させ、クリエイティブな可能性を広げる強力なツールです。
この機能により、天候や撮影条件に左右されず、思い描いた通りの風景写真を作り出すことが可能になります。
この「空を置き換え」機能、是非活用してみてください。
![【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法 webdesign, photoshop-illustrator - 【Photoshop(フォトショップ)】「空を置き換え」機能で空を青空に変更する方法](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_662,h_664/https://susanweblog.com/wp-content/uploads/2023/08/Screenshot-2023-08-01-at-7.44.36-pm.webp)
Adobeのコンプリートプランは、Illustratorを含めたアドビソフト/アプリの20種類以上を自由に利用可能。利用期間も1年から3年の中から選択でき、学生用の割引もあります。
- Adobe Photoshop CC
- Adobe Illustrator CC
- Adobe Premere Pro CC
- Adobe InDesign CC
- Adobe XD
価格表
期間 | 価格 |
---|---|
12ヶ月 | 35,397円 |
24ヶ月 | 71,520円 |
36ヶ月 | 107,280円 |
12ヶ月(Home & Business) | 104,679円 |
12ヶ月(Home & Student) | 92,079円 |
コンプリートプランはこんな人におすすめ!
- Illustratorのみならず他のソフトも利用したい方
- Adobeのサポートを受けたい方
- 学生の方