こんにちはじゃすみん子です。
クリエイターズスタンプで動くスタンプが開始するとのことで
久しぶりに動画解説記事です!
見返してみると去年の7月ぶりでした。
前回なに書いたか覚えてない…笑
前回の記事 ①、②、③、④
あ、はじめてこのシリーズの記事を読む方にひとこと
じゃすみん子も素人なので大したことは書いてません。
ご注意ください♪
さて
今日の目標は「少ない枚数ですませる」です。
動くスタンプを作るにあたって
動かす次に気になるのが容量制限、枚数制限ですよね。
なるべくたくさん動かしたい、
いっぱい書き込みたい、
でも容量がオーバーしちゃう、
20枚じゃ足りない、
どうやったら枚数を減らしてカクカクを抑えられるか、
じゃすみん子が使ってる技(というほどでもないもの)を紹介します。
解説のために簡単な手を振る動画を作ります。
まず土台のあばちゃん。

これに左右に振った手を書き加えます。


これを組み合わせると

ざっくりと手を振るあばができました。
中割りで手を足していきます。
(中割りや動画にする方法がわからない方は①からご覧ください)

間の手を3つ足しました。
動画にします。

だいぶ滑らかになりましたがまだ少し静止画感がありますね
これで9枚のイラストをループさせています。
これにさらに間のイラストを入れたら…
滑らかにはなりますがあっという間に20枚ですね。
なので
間に足した手を位置を変えます。
どう変えるか。
最初の2枚に近い位置にずらします。

こうだったのを

こうです。
間に書く枚数も2枚に減りました。
これを動画にすると

間に3枚あった時よりなめらか~( ´ ▽ ` *)
これだと6枚のループですみます。
手を振る以外にもこの技は応用できます。
2枚目のイラストを1枚目からあまり動かさない、ちょっと動かす。
3枚目をガッと動かす。
これだけです。
ぜひいろいろ試してみてください♪
それでは~

よろしければクリックお願いします
クリエイターズスタンプで動くスタンプが開始するとのことで
久しぶりに動画解説記事です!
見返してみると去年の7月ぶりでした。
前回なに書いたか覚えてない…笑
前回の記事 ①、②、③、④
あ、はじめてこのシリーズの記事を読む方にひとこと
じゃすみん子も素人なので大したことは書いてません。
ご注意ください♪
さて
今日の目標は「少ない枚数ですませる」です。
動くスタンプを作るにあたって
動かす次に気になるのが容量制限、枚数制限ですよね。
なるべくたくさん動かしたい、
いっぱい書き込みたい、
でも容量がオーバーしちゃう、
20枚じゃ足りない、
どうやったら枚数を減らしてカクカクを抑えられるか、
じゃすみん子が使ってる技(というほどでもないもの)を紹介します。
解説のために簡単な手を振る動画を作ります。
まず土台のあばちゃん。

これに左右に振った手を書き加えます。


これを組み合わせると

ざっくりと手を振るあばができました。
中割りで手を足していきます。
(中割りや動画にする方法がわからない方は①からご覧ください)

間の手を3つ足しました。
動画にします。

だいぶ滑らかになりましたがまだ少し静止画感がありますね
これで9枚のイラストをループさせています。
これにさらに間のイラストを入れたら…
滑らかにはなりますがあっという間に20枚ですね。
なので
間に足した手を位置を変えます。
どう変えるか。
最初の2枚に近い位置にずらします。

こうだったのを

こうです。
間に書く枚数も2枚に減りました。
これを動画にすると

間に3枚あった時よりなめらか~( ´ ▽ ` *)
これだと6枚のループですみます。
手を振る以外にもこの技は応用できます。
2枚目のイラストを1枚目からあまり動かさない、ちょっと動かす。
3枚目をガッと動かす。
これだけです。
ぜひいろいろ試してみてください♪
それでは~
よろしければクリックお願いします
こんにちはじゃすみん子です

昨日はじめてAPNG動画をひとつ作ってみました。
お世話になったのはこちらのサイトさん
アニメーションの作り方から動画への変換まで丁寧に解説してくれています。
ちょっと専門的で難しい部分もあったのですが
なんども読み込みどうにか完成させることができました。
感謝感謝です
ちなみにアニメーションの静止画の作成は
Adobe Animate CCというソフトの使い方を解説されていましたが
私は持っていないのでFireAlpacaでそこはまかないました( ´ ▽ ` )ノ
動画にする材料(静止画)はあるけど
APNGてなんじゃいーっっって方は
上記の記事の3番目からAPNG動画にするための解説がはじまりますよ♪
あ、Macの方は4番目からです。
私もMacなんですがMacの方がちょっと難しいです…
さてせっかくつくった動画
皆様にお見せしたいのですが
APNGなのでアメーバブログじゃアップロードできないんですよね…
もしアップロードできたとしてもブラウザによっては見れない…( つД`)
さみしいので昔作ったランニングマンぶぶのGIFのせときますね

うごくスタンプ製作は頑張って1日1個ペースですね
無理なく楽しく納得いくものを作っていこうと思います。
買ってくれた人がこんな動きだなんて…ってがっかりしないように!
がんばります
それでは~

よろしければクリックお願いします

昨日はじめてAPNG動画をひとつ作ってみました。
お世話になったのはこちらのサイトさん
アニメーションの作り方から動画への変換まで丁寧に解説してくれています。
ちょっと専門的で難しい部分もあったのですが
なんども読み込みどうにか完成させることができました。
感謝感謝です
ちなみにアニメーションの静止画の作成は
Adobe Animate CCというソフトの使い方を解説されていましたが
私は持っていないのでFireAlpacaでそこはまかないました( ´ ▽ ` )ノ
動画にする材料(静止画)はあるけど
APNGてなんじゃいーっっって方は
上記の記事の3番目からAPNG動画にするための解説がはじまりますよ♪
あ、Macの方は4番目からです。
私もMacなんですがMacの方がちょっと難しいです…
さてせっかくつくった動画
皆様にお見せしたいのですが
APNGなのでアメーバブログじゃアップロードできないんですよね…
もしアップロードできたとしてもブラウザによっては見れない…( つД`)
さみしいので昔作ったランニングマンぶぶのGIFのせときますね

うごくスタンプ製作は頑張って1日1個ペースですね
無理なく楽しく納得いくものを作っていこうと思います。
買ってくれた人がこんな動きだなんて…ってがっかりしないように!
がんばります
それでは~
よろしければクリックお願いします
こんにちはじゃすみん子です


さて第11弾の申請が終わって
ほっと一息ついてましたが
時間のあるうちにやれるをやっておこうと思います。
とりあえずやりたことと言えば
・動くスタンプ
・動かないスタンプ
・きせかえ
この3つですね!
動くスタンプはいちゃこら編でいきたいと思います
動かないのは第11弾を作ってるときから
次はこのネタで作ろうと思っていたもので
いちゃこらではないものになります
きせかえはひとつアイディアが浮かんだので
今度はブルーで作りたいな
さて問題はその順番
私の気持ち的に一番に取り組みたいのは
動くスタンプです
でも時間がかかりそうというのと
いちゃこらスタンプはそうでないのと交互に出しているので
第12弾は動かない方を出したい
でも気持ちが乗ってる方を進めた方がいいものが作れる気がする
きせかえはまだメニューアイコン以外のアイディアが出てないので後回し
とまぁ一人でごちゃごちゃ考えて出した結論
まず動くスタンプ!
おそらく時間がかかって途中で挫折するので
そしたら動かない方かきせかえつくる!
とこんな感じでいきます( ´ ▽ ` )
いつも使ってるFire Alpacaに
GIF動画を作るモードがすこし前に追加されたので
まずはそれいじり倒します!
ネタだしまだ26個終わってないけどやりたいことから!

よろしければクリックお願いします


さて第11弾の申請が終わって
ほっと一息ついてましたが
時間のあるうちにやれるをやっておこうと思います。
とりあえずやりたことと言えば
・動くスタンプ
・動かないスタンプ
・きせかえ
この3つですね!
動くスタンプはいちゃこら編でいきたいと思います
動かないのは第11弾を作ってるときから
次はこのネタで作ろうと思っていたもので
いちゃこらではないものになります
きせかえはひとつアイディアが浮かんだので
今度はブルーで作りたいな
さて問題はその順番
私の気持ち的に一番に取り組みたいのは
動くスタンプです
でも時間がかかりそうというのと
いちゃこらスタンプはそうでないのと交互に出しているので
第12弾は動かない方を出したい
でも気持ちが乗ってる方を進めた方がいいものが作れる気がする
きせかえはまだメニューアイコン以外のアイディアが出てないので後回し
とまぁ一人でごちゃごちゃ考えて出した結論
まず動くスタンプ!
おそらく時間がかかって途中で挫折するので
そしたら動かない方かきせかえつくる!
とこんな感じでいきます( ´ ▽ ` )
いつも使ってるFire Alpacaに
GIF動画を作るモードがすこし前に追加されたので
まずはそれいじり倒します!
ネタだしまだ26個終わってないけどやりたいことから!
よろしければクリックお願いします
本日2度目の更新です
動くスタンプのガイドラインが公開されましたね!
製作するにあたり自分なりにまとめてみました。
(2016.06.06現在の情報になります)
・必要なもの
メイン画像 W 240 × H 240
1個必要です。
メイン画像も動画で用意する必要があるみたいですね。
拡張子は.png(APNG)
アニメーションスタンプ画像 W320 x H270(最大)
24個必要です。もちろん動画です。
サイズに普通のスタンプには書かれていない(最大)の表記…
下記に詳しく記載したいと思います。
拡張子はメイン画像と同じく.png(APNG)
トークルームタブ画像 W 96 × H 74
1個必要です。タブは静止画ですね。
拡張子は.png
・アニメーションスタンプ画像製作の注意
その1 サイズ
一番気をつけないといけないのはサイズだと思いました。
>アニメーション画像サイズは最大W320×H270pxとなりますので、このサイズ以内で制作してください。
>※余白は一切付けないでください。
なんか分かりにくいから最大で作れば問題ないかな~
と思いきや
余白は一切つけないでください
そう動くスタンプは余白NG
余白ありで作ったらおそらくリジェクトでしょうね…
ただしアニメーションスタンプ1個に使える画像は最大で20枚なんですが(詳しくは後述します)
20枚のサイズは全て同じでないといけません。
つまり20枚のうち1枚でも最大サイズのイラストを描いていれば
全部そのサイズで(余白ありで)OKってことですね。
…ですよね?汗
不安だーっっ
そして見落としそうなのがこちら
>幅、高さ共に長辺どちらかが270px以上あれば、横長や(ex:W270 x H100)や、縦長の画像(ex:W100H x H270)の制作も可能です。
余白はNGだけど最小制限もあり!
例えばW100H100のアニメーションスタンプだとリジェクトってことですね。
ただその場合もどちらかを270のサイズにすれば通るのか
それともそこになにかしらの絵がないとリジェクトなのか
そこはわかりませんでした。
その2 秒数・枚数
アニメーションスタンプの表示時間は
1秒、2秒、3秒、4秒の4パターンのみ。
使える画像は最少で5枚、最大で20枚。
トータルが4秒以内であればループが可能です。
ループ例)20枚のイラストを1秒間に表示 ←4回繰り返す
20枚のイラストを2秒間に表示 ←2回繰り返す
例に挙げたのは秒数も枚数も最大でしたが
もちろん10枚のイラストを3秒間に表示させてループなしもOKです。
その3 プレビューになった時のこと
スタンプショップでのプレビュー画像や
実際にスタンプを押してアニメが再生したあとの画像は静止画になります。
この静止画はアニメーションの1番最初の画像が表示されます。
もし最後の画像を表示させたいのであれば
最後の画像を最初に持って来ましょう。
その4 APNGのFPS設定
なにやら聞きなれない言葉がでてきました。
ようはこれ、複数の静止画を動画にするときに決めなきゃいけないことなんです。
何秒間にどの画像をどの順番で表示させて何回ループさせるの~?
てな内容です。
もしかしてこっちは画像描くだけで動画にする作業はLINEさんやってくれるの?
と思ったら
>フレームの並び順の設定が完了したら、APNG作成ツールを使用してAPNGを作成してください。
>※APNG作成ツールは各自でご用意ください。
そんな甘くはありませんでした~。
あとは通常のスタンプとルールは一緒ですね。
こんなまとめといてなんですが
私APNG動画作ったことないです。
初挑戦!時間をかけて頑張ります!
それでは~

よろしければクリックお願いします
動くスタンプのガイドラインが公開されましたね!
製作するにあたり自分なりにまとめてみました。
(2016.06.06現在の情報になります)
・必要なもの
メイン画像 W 240 × H 240
1個必要です。
メイン画像も動画で用意する必要があるみたいですね。
拡張子は.png(APNG)
アニメーションスタンプ画像 W320 x H270(最大)
24個必要です。もちろん動画です。
サイズに普通のスタンプには書かれていない(最大)の表記…
下記に詳しく記載したいと思います。
拡張子はメイン画像と同じく.png(APNG)
トークルームタブ画像 W 96 × H 74
1個必要です。タブは静止画ですね。
拡張子は.png
・アニメーションスタンプ画像製作の注意
その1 サイズ
一番気をつけないといけないのはサイズだと思いました。
>アニメーション画像サイズは最大W320×H270pxとなりますので、このサイズ以内で制作してください。
>※余白は一切付けないでください。
なんか分かりにくいから最大で作れば問題ないかな~
と思いきや
余白は一切つけないでください
そう動くスタンプは余白NG
余白ありで作ったらおそらくリジェクトでしょうね…
ただしアニメーションスタンプ1個に使える画像は最大で20枚なんですが(詳しくは後述します)
20枚のサイズは全て同じでないといけません。
つまり20枚のうち1枚でも最大サイズのイラストを描いていれば
全部そのサイズで(余白ありで)OKってことですね。
…ですよね?汗
不安だーっっ
そして見落としそうなのがこちら
>幅、高さ共に長辺どちらかが270px以上あれば、横長や(ex:W270 x H100)や、縦長の画像(ex:W100H x H270)の制作も可能です。
余白はNGだけど最小制限もあり!
例えばW100H100のアニメーションスタンプだとリジェクトってことですね。
ただその場合もどちらかを270のサイズにすれば通るのか
それともそこになにかしらの絵がないとリジェクトなのか
そこはわかりませんでした。
その2 秒数・枚数
アニメーションスタンプの表示時間は
1秒、2秒、3秒、4秒の4パターンのみ。
使える画像は最少で5枚、最大で20枚。
トータルが4秒以内であればループが可能です。
ループ例)20枚のイラストを1秒間に表示 ←4回繰り返す
20枚のイラストを2秒間に表示 ←2回繰り返す
例に挙げたのは秒数も枚数も最大でしたが
もちろん10枚のイラストを3秒間に表示させてループなしもOKです。
その3 プレビューになった時のこと
スタンプショップでのプレビュー画像や
実際にスタンプを押してアニメが再生したあとの画像は静止画になります。
この静止画はアニメーションの1番最初の画像が表示されます。
もし最後の画像を表示させたいのであれば
最後の画像を最初に持って来ましょう。
その4 APNGのFPS設定
なにやら聞きなれない言葉がでてきました。
ようはこれ、複数の静止画を動画にするときに決めなきゃいけないことなんです。
何秒間にどの画像をどの順番で表示させて何回ループさせるの~?
てな内容です。
もしかしてこっちは画像描くだけで動画にする作業はLINEさんやってくれるの?
と思ったら
>フレームの並び順の設定が完了したら、APNG作成ツールを使用してAPNGを作成してください。
>※APNG作成ツールは各自でご用意ください。
そんな甘くはありませんでした~。
あとは通常のスタンプとルールは一緒ですね。
こんなまとめといてなんですが
私APNG動画作ったことないです。
初挑戦!時間をかけて頑張ります!
それでは~
よろしければクリックお願いします
