知らなきゃ損!Photoshop の「分布」を使いこなす

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

操作画面

こんにちは、さち です。

Photoshop Elements の移動ツールには
「分布」という機能がありますが
どんな機能かよく分からないという人も多いのでは?

理解して使い方を覚えれば非常に役立つこの機能。
今回は「分布」の機能について書こうと思います。

スポンサーリンク

「分布」の機能を理解しよう

移動ツールの「分布」は
複数(3つ以上)のレイヤーを等間隔に分布する機能らしい。

レイヤーを等間隔に分布…?
言葉だけでは意味がよくワカラナーイ。

ということで、実際に「分布」の機能を試してみました。

  1. 「赤」「緑」「青」3つのレイヤーと持つキャンバスを作りました。
    操作画面
  2. レイヤーの構造は以下のとおり。
    操作画面
  3. 「青」「緑」「赤」の3つのレイヤーを選択します。
    操作画面
  4. 「移動ツール」を選択。
    操作画面
  5. 「分布」の「上端」を選択しました。
    操作画面
  6. 薄い色はレイヤーが元々あった位置。
    各レイヤーの上端が等間隔になるよう「青」レイヤーが移動しました。
    3つのレイヤーの上端の位置は上から「赤」「青」「緑」の順なので
    「赤」と「緑」を基準として「青」が移動したのです。
    操作画面

「上端」の例で既に分かっているかもしれませんが
「下端」を選択した場合はこうなります。
操作画面

「上端」のときは「青」が移動しましたが
「下端」では「緑」が動くことに注意。
3つのレイヤーの下端の位置は上から「赤」「緑」「青」の順なので
「赤」と「青」を基準として「緑」が移動したのです。

「上端」「下端」どちらを基準に位置を比較するかで
移動するレイヤーが変わるのがちょっと難しいところですね。

「垂直方向中央」を選択した場合は
各レイヤー縦方向(垂直方向)の中央を基準に比較し
等間隔にレイヤーが配置されます。
操作画面

ちなみに「左端」「右端」「水平方向中央」はこうなります。
復習を兼ねて確認してみてください。

■「左端」を選択した場合
操作画面

■「右端」を選択した場合
操作画面

■「水平方向中央」を選択した場合
操作画面

実際に「分布」を利用する

  1. バラバラに並んだたくさんのレイヤーをすべて選択し
    移動ツールの「整列」→「垂直方向中央」と進みます。
    操作画面
  2. 横一列に並びました。
    各レイヤーの間隔がバラバラなので「分布」で揃えましょう。
    「分布」→「水平方向中央」と進みます。
    操作画面
  3. 等間隔に揃いました。
    操作画面
  4. 左端、右端の2つのレイヤーを上端、下端に移動しました。
    すべてのレイヤーを選択し「分布」→「垂直方向中央」と進みます。
    操作画面
  5. 階段状に等間隔でキレイに並びました。
    操作画面

「分布」の機能を理解できたでしょうか。
ぜひ今後の画像編集に活用してみてください。

【関連記事】

   → 移動ツールの「整列」を利用して画像を中央配置
   → Photoshop Elements の使い方 目次

コメント

"),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をコピーしました