*

背景やパターン画像を元より横長かつ自然に加工する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の技「バッチ処理」

デジカメで撮った写真など、サイズが大きな写真や画像を縮小して利用する事はとてもよくある事だと思います。写真のサイズを縮小する方法は Photoshop などの画像編集ソフトを使えばもちろんできますが、Windows 標準 […]

サイズを変えずに斜めの写真をまっすぐに補正
サイズを変えずに斜めの写真をまっすぐに補正できる場合もあるPhotoshopの技

旅行先で写真をたくさん撮って、家で写真を見てみると思いの外傾いた写真が出てきたりする事はありませんか?デジタルカメラで写真を撮っている時には意外と傾きに気づきにくいもので、改めて写真を見てガッカリという事もあると思います […]

Photoshopで最近使用したファイルの履歴数を増やす方法

Photoshop では過去に開いたファイルの履歴をいくつか記録してくれる機能があります。ファイルを閉じてしまっても過去に開いたファイルをわざわざハードディスクの中から探してこなくてもすぐに開く事ができます。 それは、フ […]

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

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

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

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

著者について

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

フォローはこちら

       

       
エックスサーバーでメールが送れない「Client host rejected:Access denied」

エックスサーバーで作成したメールアカウントでメールを送信しよう

札幌駅パセオ地下1階のパスタとパフェが美味しい「プロヴァンス」でランチ

札幌駅のパセオ地下1階にあるプロヴァンスは南フランスとイタリア

千歳市の和食処「ほうりん」の安い充実の寿司ランチ

千歳市にある和食処ほうりんは千歳駅の南西にある居酒屋が立ち並ぶ

スパホテルソーレ
札幌のカプセルホテル「スパホテルソーレすすきの」に泊まった感想

札幌の地下鉄すすきの駅の近くにあるカプセルホテル「スパホテルソ

札幌駅近くのモダン和食レストラン「えりも亭」で珍しい縮れ蕎麦ランチ

札幌駅の北口から徒歩2分程度の所に和風なモダンレストラン「えり

→もっと見る