このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなきゃ損するPC情報を分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • ニコニコ動画:再生速度が変更可能になったから使ってみた (01/16)
  • Firefox:誤爆や競合を起こすショートカットキーを無効にする (01/13)
  • Windows:PCを「スリープ」するショートカットボタンを作る (01/11)
  • 拡張機能「Stylish(CSS)」を使ってサイトのテキストを書き換える (01/09)
  • Windows:ファイル名末尾の「- ショートカット」の自動付加をやめる (01/06)
  • 管理人より
    2017年もよろしくお願いします。

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

    このエントリーをはてなブックマークに追加
    イメージ


    こんにちは、さち です。

    今回は 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









    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2017 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ