動くラインスタンプで最低限必要なもの
今回は動くラインスタンプの作り方を1から解説いたします♪
サイズとファイル形式は↓を参照してね。
メイン画像 | 1個 | 横240px × 縦240px | .png(APNG) |
---|---|---|---|
アニメーションスタンプ | 8個/16個/24個 | W320 x H270(最大) | .png(APNG) |
トークルームタブ画像 | 1個 | 横96px × 縦74px | .png |
まずラインスタンプの作成で必要なアプリ紹介です。
- PNG形式で保存できる画像作成アプリ(またはそれに代わるもの)
有料ですと機能が充実しているAdobeのPhotoshop(フォトショップ)かAdobeのIllustrator(イラストレーター)
無料だとGIMP、Inkscapeがおすすめ。
(操作になれるまで少しだけ時間が必要ですがなれてしまえば大丈夫♪)
無料ですが↓2つもかなり優勝なアプリです。
これからイラスト作成やラインスタンプ制作をしたいという方はお試ししてみてはいかがでしょうか?
- 次に必要なのが複数のPNG画像をAPNGに変換してアニメを作るソフト
アニメ画像に変換する君
動くラインスタンプを作る時はこちらが一番使いやすいと思います。
動くラインスタンプのループ回数(動作を繰り返す回数)は
1~4回までだよ。
あと再生時間は4秒までと決められているんだ。
このアプリはループ回数や再生時間が違うと警告して教えて
くれるからとても便利だよ。
なるほどー、なるほどー。
でも、いわれなくてもこま狐はすでに
このアプリを使用しているのだよ。
きつねはたまたまみつけただけだよね。
あと、PNGを圧縮するソフトがあると便利だよ。
動くラインスタンプの容量は300KBまでときまっているんだ。
それ以上だと登録申請が出来なくなるからきをつけてね。
えっ、そうなの?
うん。
圧縮できるアプリやサイトはたくさんあるけど、
きつねでも簡単に圧縮できるサイトを見つけておいたよ。
png画像を圧縮できるサイト↓
動くラインスタンプの作画作業
次はいよいよラインスタンプの作成にはいるよ。
動くラインスタンプの画像作成ポイント
- アニメーションスタンプサイズはW320 x H270(最大)と決まりがありますがこの大きさで作画をしてしまうと画像が荒れるので3~4倍の大きさで描くことをおすすめします。
(後でいくらでもサイズ縮小はできます) - 画像を保存する時は色をつけていない部分が透過(透明)になるようにPNG形式で保存してください。
- 通常のラインスタンプでは10PXの余白が必要ですが動くラインスタンプでは余白が不要です。
- 画風にもよりますが人物線などは若干太めに描いた方がわかりやすい(伝わりやすい)です。
- 細かすぎる描画はつぶれてわかりにくくなるので要注意。
まずはラインスタンプにしたいイラストを描画。
(自由な発想で少し大げさな動作で描きましょう。余談として白くて丸いものが売れると聞いたことがあります)
それぞれにくわえたいパーツを描く。
どのように動かすかによってイラストを作成。
気をつけたい点として何枚も描くのは大変だし容量も限られています。
なのでパーツ事に書き分け、できたらコピー&ペーストで再利用をして楽をしてしまいましょう。
動くラインスタンプは5~20フレームまで可能です。
(下記の例は8フレームです)
簡単なんて言っときながらじつは噓八百。
いえ、嘘1億5千くらいと言っておくわ。
たしかに
簡単かもしれんが行程がジミーに根気がいる
そうそう。
だから、しだいに心も体も病んでくる。
で、何をどう作ったか次第にわけが分からなくなるし
PCを投げつけたくなる衝動にかられるの。
たしかに、もう、どうでもいいやって・・・なるかも。
そして完成まじかで己の首をしめるのよ。
そうならないためにも
動かす順番で最初からフレームに番号を振って
名前をつけておこうね。
たしかにおっしゃる通りです・・・
作成したPNG画像をAPNGに変換
でも、ここまでくればもう完成したも同然だよ。
本当?
うん!
あとは最初の方で説明したアプリ
”アニメ画像に変換する君”に取り込んで
APNGに変更すれば出来上がりだよ♪
でも、どうやって?
”アニメ画像に変換する君”のアプリを
ダウンロードしたら立ち上げてみて。
そうすると↓の画面が出るから・・・
うん、うん。
出てきた!!!
あとは矢印をつけたところの設定をすれば簡単にできるよ。
動くラインスタンプの時間調整
あれ・・・
でも、これ再生時間が設定できない?
そうなんだ。
だからそこは左側画面にあるフレームレート
とループ回数で調整するといいよ。
たとえば・・・
画像イラスト8枚でフレームレート6
ループ回数を4にするとこのぐらいの速度だよ
ほうほう・・・
こちらは画像イラスト8枚
フレームレート20でループ回数が4の場合だよ。
うわぁー!!!
何だが目が回る・・・
そうだね。
見る側もこれだと疲れてしまうから
時間の調整にはきをつけようね。
了解いたしました。
動くラインスタンプの作成方法は他にもたくさんがあります。
今回ご紹介した行程はあくまでこま狐が作成した行程となりますが少しでも皆様のお力添えになれば幸いです。
今回紹介したラインスタンプを販売中です。
ご購入いただけるとこま狐が泣いて喜びますが
キャロラインのラインスタンプではないのでどうでもいいです。
コメント