Photoshopでキャンバスサイズを画像ピッタリに変更する小技

この記事は約2分で読めます。
記事内に広告が含まれています

イメージ

こんにちは、さち です。

Photoshop Elements でウェブ用の画像を編集をするとき、キャンバスに無駄な余白を作りたくないことがありますよね。

しかし、画像レイヤーピッタリキャンバスサイズ変更する作業は、拡大表示をして切り抜き範囲を微調整しなくてはいけない、アンチエイリアスの画像だと境界が分かりにくい、など地味に手間がかかります。

そこで今回は、ピッタリ切り抜ける超簡単な方法を紹介していきます。

スポンサーリンク

余白を無くし画像ピッタリのキャンバスサイズにする

  1. キャンバスが大きすぎて余白ができています。
    操作画面
  2. 画像が描かれているレイヤーサムネイルの上で、Ctrl キーを押しながら「クリック」。
    操作画面
  3. 画像に沿った「選択範囲」ができます。
    操作画面
  4. メニューの「イメージ」→「切り抜きと進みます。(キーボードで Alt + IP キーでもOK)
    操作画面
  5. 画像ピッタリのサイズにキャンバスが切り抜かれました。「選択範囲」はもう不要なので解除しておきましょう。
    操作画面

キャンバスを拡大してみると、肉眼では判別しづらい「アンチエイリアス」の部分も、ピッタリのサイズで切り抜かれているのが分かります。
操作画面

ちなみに、手順「2」で Ctrl + Shift キーを押しながら複数のレイヤーサムネイルを順にクリックすれば、選択範囲を合成することもできます。

大量にレイヤーがある場合は Ctrl + Shift + Alt + E キーで背景以外を統合して、そのレイヤーサムネイルを使うと便利です。統合する方法の詳細はこちらの記事をどうぞ。

小さすぎるキャンバスを画像ピッタリのサイズにする

  1. キャンバスが小さすぎて画像がはみ出しています。
    操作画面
  2. メニューの「イメージ」→「サイズ変更」→「すべての領域を表示と進みます(キーボードで Alt + IRV でもOK)。Photoshop Elements 11 以降、この項目が無くなったようです。
    操作画面
  3. キャンバスが画像ピッタリのサイズに広がりました。
    操作画面

こちらも前項の切り抜きと同じく、1px の無駄もなくギリギリのキャンバスサイズになります。(最も大きいレイヤーに合わせてキャンバスサイズが変更される)

画像全体を表示したいときは、当てずっぽうにキャンバスサイズを大きくするより、この機能を使ったほうが確実で簡単です。

ちょっとした方法ですが覚えておいて損はありません。ぜひ使ってみてください。

関連記事

→ Photoshop Elements の使い方 目次

コメント

  1. おた より:

    わかりやすかったです。

  2. ぬこぬこ より:

    Photoshopを独学で学んでいる者です。毎回毎回、調整して面倒でしたが、一瞬で解決いたしました!本当に助かりました。ありがとうございます。

  3. 匿名 より:

    Photopeaですが、こちらのページのおかげで解決できました!

"),m.no_overlay||s.append("
");var c=s.find("img:first"),d=s.find("img:last");s.append("
");var l=s.find(".twentytwenty-handle");l.append(""),l.append(""),s.addClass("twentytwenty-container"),c.addClass("twentytwenty-before"),d.addClass("twentytwenty-after");var i=s.find(".twentytwenty-overlay");i.append("
"),i.append("
");var a=function(t){var e,n,i,a,o=(e=t,n=c.width(),i=c.height(),{w:n+"px",h:i+"px",cw:e*n+"px",ch:e*i+"px"});l.css("vertical"===r?"top":"left","vertical"===r?o.ch:o.cw),a=o,"vertical"===r?(c.css("clip","rect(0,"+a.w+","+a.ch+",0)"),d.css("clip","rect("+a.ch+","+a.w+","+a.h+",0)")):(c.css("clip","rect(0,"+a.cw+","+a.h+",0)"),d.css("clip","rect(0,"+a.w+","+a.h+","+a.cw+")")),s.css("height",a.h)},o=function(t,e){var n,i,a;return n="vertical"===r?(e-v)/p:(t-w)/f,i=0,a=1,Math.max(i,Math.min(a,n))};g(window).on("resize.twentytwenty",function(t){a(e)});var w=0,v=0,f=0,p=0,y=function(t){(t.distX>t.distY&&t.distX<-t.distY||t.distX-t.distY)&&"vertical"!==r?t.preventDefault():(t.distXt.distY&&t.distX>-t.distY)&&"vertical"===r&&t.preventDefault(),s.addClass("active"),w=s.offset().left,v=s.offset().top,f=c.width(),p=c.height()},h=function(t){s.hasClass("active")&&(e=o(t.pageX,t.pageY),a(e))},u=function(){s.removeClass("active")},_=m.move_with_handle_only?l:s;_.on("movestart",y),_.on("move",h),_.on("moveend",u),m.move_slider_on_hover&&(s.on("mouseenter",y),s.on("mousemove",h),s.on("mouseleave",u)),l.on("touchmove",function(t){t.preventDefault()}),s.find("img").on("mousedown",function(t){t.preventDefault()}),m.click_to_move&&s.on("click",function(t){w=s.offset().left,v=s.offset().top,f=c.width(),p=c.height(),e=o(t.pageX,t.pageY),a(e)}),g(window).trigger("resize.twentytwenty")})}}(jQuery)
タイトルとURLをコピーしました