Photoshopで画像や文字を中央に配置

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

イメージ

こんにちは、さち です。

今回は Photoshop Elements(以下:pse)で
上の画像のように「文字」や「画像」を
中央に配置する方法を紹介します。

少し複雑な手順が必要な方法なので
pse を使ってたけどこの方法を知らないと言う人も
意外にいるのではないかと思います。

ではさっそくその方法について見ていきましょう!

スポンサーリンク

中央配置する方法 - その1

  1. テキストレイヤーを作ってある状態で
    「Ctrl+A」でキャンバス全体を選択します。
    操作画面
  2. 中央に配置したいレイヤーを選択します。
    (複数レイヤー選択可)
    操作画面
  3. 「移動ツール」を選択します。
    操作画面
  4. 「整列」の中から
    「垂直方向中央」と「水平方向中央」を1回ずつ選択します。
    操作画面
  5. テキストが中央に配置されました。
    操作画面

上記手順で「テキスト」の部分を「画像」として読み替えれば
画像でも同様の操作が行えます。
複数のレイヤーを選択した場合は
選択したレイヤーすべてが中央に配置されます。

中央配置する方法 - その2

  1. 「塗りつぶしツール」を使ってレイヤー全体を塗りつぶします。
    レイヤー機能の「べた塗り」ではダメです
    絶対に「塗りつぶしツール」を使って塗りつぶして下さい。
    操作画面
  2. 「1」で塗りつぶしたレイヤーの上にテキストレイヤーを作成します。
    操作画面
  3. 「1」「2」で作成した2つのレイヤーをリンクします。
    (「Ctrl」を押しながらレイヤーをクリックし複数選択→「チェーンのマーク」をクリック)
    レイヤーがリンクされると2つのレイヤーにチェーンのマークが付きます。
    操作画面
  4. 塗りつぶしたレイヤーだけを選択します。
    操作画面
  5. 「移動ツール」を選択します。
    操作画面
  6. 「整列」の中から
    「垂直方向中央」と「水平方向中央」を1回ずつ選択します。
    操作画面
  7. テキストが中央に配置されました。
    操作画面

上記手順で「テキスト」の部分を「画像」として読み替えれば
画像でも同様の操作が行えます。。
複数のレイヤーをリンクさせた場合は
リンクしたレイヤーすべてが中央に配置されます。

応用して使ってみる

前項ではキャンバス全体を塗りつぶしましたが
一部を塗りつぶしたもの(シェイプツールも可)でも同じことができます。
例えば、ピンクの長方形とテキストのレイヤーをリンクさせるとこうなります。
操作画面

また、リンクさせるレイヤーは長方形でなくても大丈夫です。
(レイヤーを選択した際に表示されるレイヤーの形を基準に配置されます)
操作画面

これらの内容は
選択範囲を使った中央配置でも同様に利用できます。

察しがよい方はすでに気付いているかもしれませんが
「整列」には「垂直方向中央」「水平方向中央」以外にも
「上端」「下端」「左端」「右端」があり
これらを選べばそのように配置されます。
こちらも合わせて使うととても便利です。

役立つ機能だと思いますのでぜひ使ってみて下さい。

【関連記事】

   → Photoshop の「分布」を使いこなす

Adobe Photoshop Elements 8 日本語版 Windows版 Adobe Photoshop Elements 8 日本語版 Windows版

アドビシステムズ 2009-10-23
売り上げランキング : 73

Amazonで詳しく見る

by G-Tools

コメント

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