30種類の制服がGIFアニメで流れ、タップで止める【制服おみくじ(スロット?)】を作りました!
ハロウィンのコスプレに!制服イラストのアイデア出しにどうぞ〜
▼こちらのTwitterからどうぞ
制服おみくじ(スロット?)完全版!
— ヒカリビタミン(ひかりぼん) (@tenpura02) October 13, 2019
アイデア出しに使えそうな制服・ユニフォームを30種類入れました。
▷一時停止して遊んでね! pic.twitter.com/VmNvH4HoDM
遊び方
Twitterって、GIFアニメ画像をクリックすると一時停止するんですよ。
その仕様を応用して、一時停止でおみくじやスロットのような遊びができるという仕組みです。
\つまり一時停止するだけ!/
全30種!職業一覧
長いので10個区切りで表示します。
- セーラー服
- 学ラン
- ブレザー
- 幼稚園
- 自衛官
- カフェ店員
- ウェイトレス
- コック
- 医者
- 看護師
- メイド
- OL
- スーツ
- 警察官
- 消防士
- パイロット
- 宇宙飛行士
- 住職・神主
- 車掌・駅員
- 裁判官
- バーテンダー
- 客室乗務員
- 大工・作業服
- バニーガール
- アイドル
- 配達員
- スポーツ選手
- 学生服(大正)
- 巫女
- チアガール
【制服おみくじ】の作り方
流れとしては、
動くイラスト(GIFアニメ)の作り方→動かす速さを決める→画像作成→ループする回数を決める→書き出し!完成!という感じです。
Step1:GIFアニメとは?
【GIFアニメ】とは、動きのあるイラストを繋いで動画にするパラパラ漫画のようなものです。
Step2:動かす速さを決める
1秒間に表示させるイラストの枚数を決めます。
今回は1秒間に10枚のイラストを表示させます。
(1秒/8枚にしたら、ゆっくりすぎてスロットに向かなかったので)
Step3:画像作成
10枚で1セットの動画を描きます。
はい一旦ストップ!
Photoshopで作るパターンと、GIF動画作成サイトを利用するパターンをご用意しました。下記から希望するタブを開いてください!
と言うわけで、画像が完成しました。
Step4:ループする回数を決める
今回はTwitterに画像を載せるので、ループ回数を指定します。
6回くらいあれば十分ではないかと…
と言うわけで、Photoshopの場合こんな感じで
タイムラインの回数が書いてあるところをクリック!
「その他」→回数を指定→「OK」で指定完了です。
これで画像を書き出して、Twitterに投稿すれば完了です。
作った感想
毎年開催のオタク川柳大賞と言うのがあるんですが、そのキャラ部門の今年のテーマが【制服(ユニフォーム)】だったので、せっかくならアイデア出しに使えそうなものを作ろう!と思ったのがきっかけです。
制服って色々あるんですね。
あとTwitterのおみくじを初めて作ったのですが、これってループ回数を指定する必要ってあるんでしょうか?詳しい方いたら連絡いただけると嬉しいです。
最後に。
文字を素早く表示させる為に猫が素早い動きになってしまったので、ゆっくりバージョンも置いておきます。
もちもち…
以上、作るの楽しかったです!
おまけ
ちなみにオタク川柳のイラストは落選したんですが、そのイラストを使ってコツを解説したツイートはバズったので、結果参加してよかったな〜と思いました。(普段しっかり仕上げた絵を描かないので)
以上、ヒカリビタミンでした!
おわり。