PhotoShopのテキストボックス内で色が違う場合のSVG書き出し方法。

タイトルの状態のテキストボックスをシェイプに変換すると色が一色になってしまう現象があったので、対処法。(なにかいい方法ないかなぁ。)

  1. テキストレイヤーを「選択」(複数レイヤーの場合はまとめて選択)
  2. 右クリックで「シェイプに変換」(同じ色になる一部の色が消える※1)
  3. 書き出し形式からSVGへ書き出し( or 右クリックでSVGコピーして手動で保存)
  4. イラレで開く
  5. レイヤーをコピー
  6. 上のレイヤーを非表示
  7. 下のレイヤーの色が消えてしまった色にする
  8. 下のレイヤーのいらないパスを削除(消えた色以外の場所)
  9. 下のレイヤーを非表示/上のレイヤーを表示
  10. 上のレイヤーのいらないパスを削除
  11. 下のレイヤーを表示

※1 複数の文字色を使っているテキストレイヤーをシェイプに変換すると、範囲の多い文字色にすべて変換されてしまうようでした。