CLIP STUDIO PAINTでLINEスタンプをつくる 2（書き出し編）

透過PNG画像を書き出す
「描画編」からの続き。「CLIP STUDIO PAINT」でひととおり描ききった後、42枚の画像を透過PNGで書き出す方法です。




書き出し前のチェック

check!
書き出してから修正を繰り返すのはかったるいので、書きだす前にひととおり確認します。

  • 背景透過 ←用紙のレイヤーが表示されてない？
  • 塗り残し ←拡大してスキマない？
  • 余白 ←ギリギリまで描くとリジェクトされるよ
  • 誤字・脱字 ←逆に審査通っちゃってもやだよね
  • ゴミ・うっかり線 ←あとで直せないよ

（2014-08-27追記）メイン画像とタブ画像は余白不要です。あくまでスタンプ自体の見栄えを整えるためのルールなのでしょう。お問い合わせをいくつかいただいたので。

PNG画像を書き出す

「偶数のサイズで……72dpiで……RGBで……」など色々書かれていますが、以下のとおり設定すれば大丈夫。面倒臭そうに見えるかもしれませんが慣れれば瞬速です。

1〜40 （スタンプ画像）

一発で40枚作ってしまいます。
ページ管理のウィンドウを選択した状態で…
[CLIP STUDIO]一括書き出し
「ページ管理」メニュー→「一括処理」→「一括書き出し」
[CLIP STUDIO] 一括書き出し2

  • 書き出し先：「参照…」（適切な場所に新規フォルダ作成）
  • ファイル形式：「.png(PNG)」
  • 名前：任意（あとでリネームします）
  • ページ範囲：「ページ指定」1-40

→「OK」ボタンで詳細設定へ。
[CLIP STUDIO] 一括書き出し3

  • 出力イメージ：「テキスト」のみチェック
  • カラー：RGBカラー
  • 出力サイズ：「出力サイズ指定」→幅370px、高さ320px
  • 拡大縮小時の処理：「イラスト向き」
  • ラスタライス：「品質優先」

→「OK」ボタンで完了！

41（メイン画像）

41ページを開いた状態で…
[CLIP STUDIO] 統合してPNG書き出し
「ファイル」メニュー→「画像を統合して保存」→「.png(PNG)…」
→さきほどの1-40と同じフォルダ内を指定。
→名前は「main.png」に。

[CLIP STUDIO]画像と統合して書き出し2

  • 設定は1-40と同様
  • 出力サイズ：「出力サイズ指定」→幅240px、高さ240px

→「OK」ボタンで完了！

42（トークルームタブ画像）

42ページを開いた状態で…
[CLIP STUDIO]画像を統合して書き出し2
「ファイル」メニュー→「画像を統合して保存」→「.png(PNG)…」
→さきほどの1-40と同じフォルダ内を指定。
→名前は「tab.png」に。
[CLIP STUDIO]画像を統合して書き出し2

  • 設定は1-40と同様
  • 出力サイズ：「出力サイズ指定」→幅96px、高さ74px

→「OK」ボタンで完了！

フォルダの中身を確認

42枚の透過PNG

  • 書き出し先のフォルダに42枚ありますね？

リネーム

スタンプ画像のファイル名を純粋な連番に直します。
手動で40個やる必要はありません。

一括リネームする

shupapan icon
《定番》shupapan
http://sunsky3s.s41.xrea.com/shupapan/download/

「shupapan」は、Macの定番リネームソフトです。
shupapan

  1. 「指定文字列の検索・置換」を選択
  2. 検索:「消したい文字列を指定」
  3. 置換:空白
  4. 40枚をドラッグ＆ドロップ

実行ボタンを押せば一瞬でリネームされます。

42枚のPNG透過画像

  • スタンプの名前がスッキリした連番になりましたね？

もういちど確認

一度承認されたスタンプは、いまのところ差し替えることができません。マイページからバージョン更新できるのは、説明文のテキストだけ。原寸サイズのスタンプ画像をもう一度チェックします。

Macで確認

プレビュー　icon
《標準》プレビュー

MacならFinderでスペースバーを押すだけでも手軽に確認できますが、MacOSの標準ソフト「プレビュー」でまとめて開いて原寸表示すると、透過などのチェックに最適です。インストール不要で軽快。

プレビューでPNG確認

ちなみにプレビューは単なるビューワーではなくて、実は強力な編集ソフトでもあります。一般的なファイル形式のほとんどを開いて加工編集できる万能選手です。

iPhoneで確認

iPhoto:フォトストリーム
やっぱりiPhoneのきれいな画面で見ておきたい！というときには「フォトストリーム」が簡単です。標準アプリなので、MacにもiPhoneにもインストール不要。

  1. PNG画像をまとめてiPhotoに放り込んでフォトストリームへ
  2. iPhoneの「写真」アプリで確認

やってみれば一瞬です。

写真アプリ：フォトストリーム
フォトストリームは、iPhone同士でたくさんの写真を共有する際にも一番手っ取り早い方法だと思います。すぐに使えるのに意外と知られていないのがもったいない。

（2014-06-03 WWDCを観ながら追記：YosemiteとiOS8でさらに簡単になりそう。）

シミュレーション

書き出したPNG画像は、そのままLINEで送っても写真と同じふるまいにしかなりません。実際のスタンプのような使用感をシミュレーションできるサービスを活用しましょう。

「STAMP SIMULATION」Stampers（スタンパーズ）

STAMP SIMULATION
http://www.stampers.me/simulation/

ドラッグ＆ドロップするだけ。
複数画像を一挙にドロップできるのも気持ちいい。
送る側、送られる側の見え方が手軽にわかります。

LINEスタンプシミュレータ

LIネスタンプシミュレータ
http://line.g-at.net

こちらはメッセージが打ててキャプチャが撮れます。
背景色も変えられます。

「申請編」に続きます。




もくじ

HINTS



「描画編」の続き。クリスタでひととおり描き終えて、42枚の画像を透過PNGで書き出す方法です。

" }

COMMENTS

RELATED