Photoshopで画像の幅を自然に広げよう
![](https://mirudakedesign.com/wp-content/uploads/2024/02/ac1b521c-9b09-45f9-9ce2-5cf7e7c3e93e-1024x353.webp)
画像の縦幅(または横幅)がもう少しあったらいいのに…。と思ったことはありませんか?
今回はPhotoshopを使って画像の幅を自然に広げる方法をご紹介します。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
一緒に編集してみよう!
- 画像はこちらからダウンロード可能です。
◯ 生成拡張
生成拡張を使う方法
生成拡張は画像を広げる際にAIがもとの画像に馴染むような画を自動的に生成してくれる機能です。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/e880ccb0-4130-4a49-a02f-75bc56b1ffcc-1024x393.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/e5fedff2-c195-4457-97f5-20db2ba36e9f-1024x577.webp)
まず、Photoshopで画像を開きます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
Photoshopで画像を開く方法はこちらの記事を参考にしてみてください。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/3ab03bfa-9072-4296-b357-6cd50a14984c.webp)
生成拡張を使う前にまず切り抜きツールを使います。
ツールバーの中から切り抜きツールをクリックします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/d5815941-e5ad-42dc-aedc-48fb8451c9ad.webp)
オプションバーにある塗りを生成拡張にします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/シーケンス-01-5.gif)
生成拡張がクリックされた状態で、画像を広げたいところまで引き伸ばします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/86f90b1a-eeaa-4a44-aba3-c1d3951f3d6d-1024x352.webp)
すると、引き伸ばした部分に対してAIが元の画像に合わせた新しい画像を生成してくれます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/50fd8632-2be5-4274-84ff-3a1fa339c782-1024x346.webp)
生成拡張をするとコンテキストタスクバーと呼ばれるバーが表示されます。
このバーでAIに命令をしたり、他の候補を表示したりすることができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
コンテキストタスクバーがないときはどうすればいい?
A
メニューバーにあるウィンドウ → コンテキストタスクバーから表示できます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/download-1-10.gif)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/75edecf8-e3e0-4cc9-a9a9-cc8dcbf1cd0e-1024x342.webp)
コンテキストタスクバーの中にある矢印(< >)をクリックしていくと次々に候補が表示されていきます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
3つの候補を並べて見てみると微妙に雲の形が違いますね。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/0868073d-74c7-4771-bfc5-5137667e009b-1024x374.webp)
プロンプトを追加に命令を書くことができます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
例えば「木」と入力して「生成」をクリックすると、画像のような木のイメージが生成されます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/ac1b521c-9b09-45f9-9ce2-5cf7e7c3e93e-1024x353.webp)
生成拡張を使って画像の幅を自然に広げることができました!
コンテンツに応じた塗りつぶしを使う方法
コンテンツに応じた塗りつぶしは画像内の他の部分をサンプリングし似たような画像を作り、塗りつぶしてくれる機能です。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/7bb719c4-6e47-4fb9-8370-4aabb5289b9d-1024x387.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/3ab03bfa-9072-4296-b357-6cd50a14984c.webp)
コンテンツに応じた塗りつぶしを使う前にまず切り抜きツールを使います。
ツールバーの中から切り抜きツールをクリックします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/8ef50a9d-3aeb-4c53-a625-d267940f60a9-1024x661.webp)
オプションバーにある塗りをコンテンツに応じた塗りつぶしにします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/画面収録-2024-02-25-18.36.48-2.gif)
コンテンツに応じた塗りつぶしがクリックされた状態で、画像を広げたいところまで引き伸ばします。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/e8aee531-a3da-4232-a3d3-26d8065d1d66-1024x353.webp)
コンテンツに応じた塗りつぶしで画像の幅を自然に広げることができました!
生成拡張とコンテンツに応じた塗りつぶしの違い
- ポイント
- できることが似ている生成拡張とコンテンツに応じた塗りつぶし。得意な分野と仕上がりに違いがあります。
-
生成拡張は大きな範囲を塗りつぶしたい時や複雑な塗りつぶしを行いたい時におすすめ。
コンテンツに応じた塗りつぶしは小さな範囲を塗りつぶしたい時や単調な画像の塗りつぶしをしたい時におすすめ。
まとめ
今回はPhotoshopを使って画像全体・一部をハッキリさせる方法をご紹介しました。
- まとめ
- 生成拡張:画像を広げる際にAIがもとの画像に馴染むような画を自動的に生成することができる。
- コンテンツに応じた塗りつぶし:画像内の他の部分をサンプリングし似たような画像を作り、塗りつぶすことができる。
- 2つの違い:生成拡張は大きな範囲を塗りつぶしたい時や複雑な塗りつぶしを行いたい時におすすめ。
コンテンツに応じた塗りつぶしは小さな範囲を塗りつぶしたい時や単調な画像の塗りつぶしをしたい時におすすめ。
こちらのブログではAdobePhotoshopをはじめ、デザインについての記事を更新しています。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
デザイン本が全国の書店で発売中です!
頑張って作ったので、手に取って頂けたら嬉しいです!
コメント