*

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

公開日: : Photoshop

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

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

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

yokonaga

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

加工後

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

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

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

yokonaga4

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

yokonaga5

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

yokonaga6

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

yokonaga7

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

yokonaga8

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

yokonaga9

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

yokonaga10

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

おわりに

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

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

  • Pocket

おすすめトピックス

関連記事

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

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

ストライプ線
簡単!Photoshopで斜めのストライプ線の作り方

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

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

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

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

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

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

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

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

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

著者について

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

フォローはこちら

       

       
Aipo8.1.1オープンソース版で2018年の祝日設定を行う(さくらのVPS)

オープンソース版の無料グループウェア「Aipo」のサポートが2

タイヤのホイールナットが緩んで紛失、1個で買う方法はあるか

車の発進時や曲がる時にわずかなゴリッという音がする事に気づいて

高速道路
高速道路の上りと下りってどっち方面?全国高速道路総まとめ

高速道路には進行方向によって「上り」と「下り」という表現があり

名古屋久屋大通(丸の内)の「Cafe One」で居心地良い空間でおうちごはんランチ

名古屋観光で名古屋テレビ塔と久屋大通公園を見に行った際にランチ

豊田合成リンク
名古屋栄の豊田合成リンクで氷じゃないスケートリンクで滑ってきた感想

名古屋市の栄に氷じゃないスケートリンクがあるという話を連れに聞

→もっと見る