【Photoshop】テキストの分割ツール

2017.03.24
Photoshop ツール

ゲームのUI演出などで、VICTORYなどのテキストが波打つようにアニメーションするものがありますが、そういったものを作る際に、テキストをバラシて、それぞれの文字ごとに書き出すのが面倒くさい…

ということで、Photoshopでテキストを一文字づつや行ごとにレイヤーを分割するツールを作ってみました。

f:id:ArtAwA:20170324013245j:plain

 ■機能概要

  • 指定のテキストレイヤーを一文字づつや行ごとにレイヤーを分割
  • 文字の横スケールやトラッキングなどの位置は保持。
  • 元のレイヤーにかかっているスタイル保持

※注意点
カーニングには対応していません。
文字の改行を行う場合、高さが自動に設定されていると値を取得できないため、
正常に高さを保つことが出来ません。改行を含む、高さを保ちたい場合は、行の高さを指定してください。
自動になっている場合は、警告を表示し、文字サイズで高さが変動するようになっています。

f:id:ArtAwA:20170324013826j:plain

■使い方

【スクリプトの準備】

  1. スクリプト下部にある「view raw」をクリック
  2. 右クリック→「名前を付けて保存」でそのまま保存
  3. スクリプトをスクリプト用のフォルダに格納

格納場所例：
　「Mac」/Application/PhotoshopCC2014/Presets/Scripts/
　「Win」C:¥Program Files¥Adobe¥Adobe PhotoshopCC2015.5¥Presets¥Scripts

【スクリプトの実行】

  1. テキストレイヤーを選択して、「ファイル」→「スクリプト」→「TextSlicer」
  2. char(一文字づつ)、line(行ごと)を選択し、「実行」

■スクリプト

分割したレイヤーを書き出す場合はPhotoshopのレイヤーの書き出しや以前に紹介したレイヤーの書き出しツールなどを使ってください。

【Photoshop】レイヤーの書き出しツール
...
www.omusubi-tech.com
2017.01.19

コメント

  1. 名前:tag : 投稿日：2017/06/25(日) 11:43:54 ID：M2ODU2MDU

    テキストの分割ツールですが起動はしても実行されないようです。
    （win10 cc2017&2015.5）
    ・・・ウチだけでしょうか。
    他に作製されたスクリプトは問題なく
    動きます。

    返信
  2. 名前:ArtAwA : 投稿日：2017/06/28(水) 00:38:42 ID：g5MzI0MzE

    コメントありがとうございます！
    私も同様の環境でしたが、CCを最新にアップデートしましたら同じ現象が発生しました。
    バージョンアップで一部の値が取得できなくなっているようです。
    修正出来るか調べてみますので、少々お待ちください。
    修正しましたら、記事の更新とコメントにてご連絡させていただきます。

    返信
  3. 名前:ArtAwA : 投稿日：2020/09/29(火) 16:49:46 ID：M2NDgzMjY

    しばらく空いていますが…
    Photoshop CC 20.0.6にて確認したところ現在は使えそうです。

    返信
  4. 名前:佐々木柊二 : 投稿日：2021/03/08(月) 18:55:41 ID：QyODc0OTk

    いつも利用させていただいております。
    ありがとうございます。
    現在バージョン22.2にて上記の方と同じ症状が出て困っております。
    修正してはいただけないでしょうか？

    返信
  5. 名前:ArtAwA : 投稿日：2021/03/09(火) 09:43:29 ID：k2NjE0OTM

    >佐々木柊二さん
    コメントありがとうございます！
    修正してみましたが、こちらではいかがでしょうか？

    返信
  6. 名前:おおお : 投稿日：2023/03/27(月) 14:31:11 ID：AzMTY1MDA

    古い記事ですが、、スクリプトに解説コメントを入れていただいたおかげで自分好みに画面出現なし、sliceのみなど簡単にカスタマイズできました！助かりました。ありがとうございました。　バージョン24.3

    返信
  7. 名前:pom : 投稿日：2023/05/03(水) 18:27:11 ID：A1ODAzOTg

    コメント失礼いたします。
    とても良いツールだと思いますのでぜひ使用したいのですが、
    現在CC2022,2023では上手く実行されないようです。
    私だけかもしれませんが修正をお願いいただけませんでしょうか？
    よろしくお願いいたします。

    返信
    • omusubi 名前:omusubi : 投稿日：2023/05/05(金) 21:29:15 ID：U2ODUzNDk

      pomさん
      コメントありがとうございます！
      こちら最新のCC2023(24.4.1)にて修正を行いました。
      こちらですといかがでしょうか？

      返信
      • 名前:pom : 投稿日：2023/05/07(日) 08:23:32 ID：I2NzIyODM

        返信が遅くなりすみません。

        対応してくださりありがとうございます。
        line(行ごと)は問題なく実行できるのですが、
        char(一文字づつ)が実行を押しても１文字目のみが複製されるという状況です。

        作業PCがM1macbook proだからでしょうか…？

        大変恐縮なのですが解決策などがありましたらご教示いただけませんでしょうか？
        よろしくお願いいたします。

        返信
        • omusubi 名前:omusubi : 投稿日：2023/05/08(月) 00:30:36 ID：YwNTkxNzc

          ご確認ありがとうございます！
          選択範囲がある状態ですと動作が上手くいかない場合があるようでした…
          試しに修正してみましたが、こちらですといかがでしょうか？
          Macを持っておらず…もしかしたらOS依存の問題の可能性もありますが…

          返信
          • 名前:pom : 投稿日：2023/05/08(月) 17:58:31 ID：c5Mzg0Mzg

            何度も対応ありがとうございます。

            新規テキストレイヤーを追加したものはやはり１文字目のみが複製されるという状態でした。

            違うPCで作成したテキストには実行できるものが多かったです…
            出来るものと出来ないものの違いは全くわかりませんでした…

            対応していただき本当にありがとうございます！

  8. 名前:test : 投稿日：2023/07/03(月) 18:32:01 ID：U5NzY4NjA

    こちらのツールをいつも使用させていただいており、大変助かっておリます
    似たような現象で困っている方がいたためコメント失礼いたします。

    PCはM1 Macで、上記コメントの方と同様に
    「line(行ごと)は問題なく実行できるが、
    char(一文字づつ)が実行を押しても１文字目のみが複製される　」
    という現象に遭遇しました。

    条件や原因は特定できていないのですが、一応解決策として、
    「中央揃えもしくは右揃え」に変更すると1文字ずつレイヤー分けされます。
    ただ、左揃えの状態でも1文字ずつレイヤー分けされる時もあり、原因はよくわからず、、といった感じです。

    返信
    • omusubi 名前:omusubi : 投稿日：2023/07/06(木) 02:48:45 ID：c4MzQzOTI

      > testさん
      情報ありがとうございます！

      返信
タイトルとURLをコピーしました