ツクロウヤ

Unityによるゲーム開発記

【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】レイヤーの書き出しツール - ツクロウヤ

それでは今回はこの辺で
(´・ω・`*)ノシ