*

背景やパターン画像を元より横長かつ自然に加工する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で斜めのストライプ線の作り方

Webデザインやバナーなどでもストライプ線(斜めの縞々模様)はよく見かけるデザイン手法です。ウェブサイトで見出しの背景に使っても良い感じになります。しかしいざ作ってみようとすると作り方が思いつかないという方もいらっしゃる […]

Photoshopで複数の画像を一つのPSDにレイヤーに分けて開く方法

通常複数の画像を Photoshop で開こうとすると開いた枚数分ファイルが複数タブで開かれます。通常なら別にそれで問題ないのですが、複数の画像を一つの PSD ファイルで開けたら便利と思うこともあります。 Photos […]

Photoshop Elements9をすぐに起動させる方法

私の初めてのパソコンに付属していた Photoshop Elements 2。このソフトで初めて画像編集を覚えました。といっても写真のコントラストを変えたりサイズを変えたりする位にしか使っていませんでしたけども。そんな用 […]

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

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

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

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

Photoshopで選択範囲を回転するには

Photoshop を使っていて、選択ツールでの選択範囲を回転できたらいいなぁと思うことが多々ありました。画像を回転する方法では、選択範囲のみを回転する事はできませんでした。 でもそこはやっぱりさすがの Photosho […]

著者について

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

フォローはこちら

       

       
Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

北海道チーズおかき
チーズの旨味が超濃厚!YOSHIMIの「北海道チーズおかき」

北海道に本社を置き、レストラン事業や製菓事業を行っている YO

無効なURLです。
エックスサーバーへ移転時にデータベースをインポートしたら「無効なURLです。」

高速で安定度の高いと評判のエックスサーバーへサイトの移転を行い

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だ

北のちーずボー
北海道産チーズのスティックケーキ「北のちーずボー」

新千歳空港のお土産店で販売されていた「北のちーずボー」を買って

→もっと見る