*

背景やパターン画像を元より横長かつ自然に加工するPhotoshopの技

公開日: : Photoshop

背景画像やパターン画像をもっと横長の画像として使いたいと思うことがよくあります。例えばイラストレーターさんに作ってもらった背景画像が正方形だったとするとウェブデザインで背景に使う場合には正方形だと使いにくいです。今ではワイドディスプレイで1920×1080という解像度のディスプレイも当たり前になっているので、これくらいの幅の画像は欲しいです。

さて、横長の画像を用意するにはどうすればよいか…。更に横長の背景画像をイラストレーターさんに作ってもらうか…。

いえ、背景やパターン画像程度であれば Photoshop の機能で何とかなります。

yokonaga

例としてこの画像を更に横長に加工してみましょう。Photoshop で加工すると…。

加工後

ご覧の通り、自然に更に横に長く画像を加工する事ができました。この方法について紹介します。

ちなみに Photoshop CS5 以降に追加された新機能です。

Photoshopで背景を横長に加工する

yokonaga4

まずは、加工したい画像を Photoshop で開きます。そして「イメージ」メニューからカンバスサイズを選択します。

yokonaga5

幅を更に拡大します。ここでは、1980ピクセルから2500ピクセルへ拡大しました。

yokonaga6

カンバスサイズを拡大すると広がった部分が背景で塗りつぶされます。

yokonaga7

次に、長方形選択ツールを使って横に広がった部分を選択します。元の画像を少し含めるのがポイントです。

yokonaga8

そして、編集メニューから塗りつぶしを選択します。または、「Shift + F5」のショートカットキーでも開きます。

yokonaga9

内容の「使用」部分は「コンテンツに応じる」にしてそのまま OK をクリックします。

yokonaga10

これで操作は完了です。いかがでしょうか。横幅を拡大した部分も画像の継ぎ目なく綺麗に横長に加工されています。あとは反対側も同じように処理する事で完了です。

おわりに

この方法は正方形の背景やパターンを長方形にしたいなど色々な応用ができます。あまりに複雑な背景だとうまくいかない事があります。その場合は、選択範囲を微調整してもう一度チャレンジしてみてください。

また、実写画像だとあまり綺麗に加工できません。例で挙げたような簡単な背景やパターン画像向けの加工方法です。

  • Pocket

おすすめトピックス

関連記事

Photoshopで写真のExif情報(位置情報)を削除して保存する方法

写真って映っているもの以上に更なる情報が保存されている事はご存知ですか?デジタルカメラで撮った写真は目で見えるデータだけではないのです。写真の目で見えないデータは Exif(Exchangeable image file […]

羊の写真
Photoshopで写真の不要な所を消す魔法のような小技

Photoshop にはまだまだ知らない便利な機能があるんだなと思います。その中の一つをご紹介。 せっかく良い写真が撮れたのだけれど、後々よく見ると小さく人が写ってしまって使えない…。なんて経験もあるかと思います。しかし […]

Photoshopで写真の一部の色を変える色の置き換え機能の使い方

この写真のこの部分だけ色を変えたい!この商品画像の色を変えたい!という場合に Photoshop では便利な「色の置き換え」機能というものがあります。手軽に写真の一部分だけの色を変更する事ができます。 例えばある物の写真 […]

初心者でも簡単、Photoshopでバナーのボタンを簡単に作成できる作り方

Photoshop で簡単にバナー画像などに付けるボタンの作成方法を紹介します。Web 制作や EC ショップ運営をされている方なら作成する機会も多い事でしょう。Photoshop でボタン作成は難しく感じますが、知って […]

クリッピングマスク
【AI/PSD】画像の切り抜き、クリッピングマスクの使い方

クリッピングマスクという言葉、Photoshop や Illustrator をよく使う人ならよく耳にする言葉だと思います。逆にあまり使わない人なら、マスク?なにそれ?となるかもしれません。 マスクと言っても風邪や花粉症 […]

Photoshopで線の円や長方形を書く2つの方法

Photoshop で線の円や正方形を書く…見ただけでは基本中の基本に見える事かもしれません。しかし、Photoshop で線の円を書く事に躓く人も多いのではないかと思います。私も最初はそうだったのです。具体的には上の画 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Illustratorでテキストをアウトライン化できない時に確認すること

Illustrator を使って印刷物などを作っている人ならテ

Gmailのエラー「Gmail requires one or more Google Play services that are not currently avaiable.」で開けない

あるいつもどおりの朝、スマートフォンで Gmail を開こうと

Amazonで自分の書いたレビューを一覧で確認する方法

世界的に最大級の通販サイト Amazon。私もよく使います。利

大垣カフェ「カフェ飯屋ピーナッツ」暖かく自然派なお食事が美味しいアットホームな場所でした

岐阜県大垣市の市民病院近くにオープンした「カフェ飯屋ピーナッツ

Illustratorで矢印に綺麗に境界線を付ける方法

Photoshop では矢印でも文字でも綺麗に境界線をつけるレ

→もっと見る