『GIFPAL』と『コマ送り-動くポーズ集』を使った簡単GIFアニメーションの作り方 「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」

公開日: : 最終更新日:2014/10/30 GIFPAL, GIF画像, 便利ツール, 創作支援, 素材DIY

くつキッチュ!SCRAPス アイコン creator-help創作支援)カテゴリへ

今回はマール社さんの『コマ送り-動くポーズ集』とフリーオンラインツール『GIFPAL』を使った簡単アニメーションの作り方です。

最近、Pixiv(うごイラ)やツイッターなど数々のサービスがGIF対応となっておりますので、ぜひこの機会にオリジナルGIFを作成してみては?

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 元絵を描く2 ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレースillust by SS

上の画像をGIFPALで加工したもの↓

アイコンss illust by ss 基本的にこの6画像だけの中割りなしなのでカックカクです(笑)

 

まえがき

前々回S.Sが大手ポーズ素材集の出版社さん宛にメールで規約を確認した件ですが……トレス自体は合法ですよ!誤解されがちな「トレス」「模写」と「トレパク」の違いについて

アイコン92 illust by ss お返事をいただけたそうで?

アイコンss illust by ss いや、ほんと丁寧なお返事を頂きましたマール社さんから。

 

ポーズ集画をトレースした画像の公開可否

アイコン92 illust by ss GIFをツイッターに投稿しているということは返事はOKだったってことだよね?

アイコンss illust by ss ほい。かなり広範囲に利用可能、なおかつ規約が適用される書籍も具体的に教えていただきました。

アイコン92 illust by ss じゃ、それ詳しく教えて。

アイコンss illust by ss 無理。

アイコン92 illust by ss え?なんで?(´∀`;)

アイコンss illust by ss いや無理というか、それに関しては私以外からも同様の問い合わせが多かったのか「ディティールに誤解のないよう公式がツイートしてくれる予定」というお答えを頂いたので。

アイコン92 illust by ss おお!それってこないだ「公式がツイート」してくれるのが理想って話してたのと同じ?最高の回答じゃないですか!!

アイコンss illust by ss ほんと有り難いこってす。 これで今後気兼ねなくポーズ集を使える人が増えてくれてればいいことだね。

アイコン92 illust by ss いいことだけど……

アイコンss illust by ss ?

アイコン92 illust by ss なんかSSがいい人キャラすぎて怖い;;

アイコンss illust by ss 失敬な!!

 

ポーズ集を利用した簡単GIFアニメーションの作り方

というわけで規約の詳細に関しては公式にお任せするとして、本日は公開可能と判明した『コマ送り – 動くポーズ集』のトレース画像を利用したGIF画像の作り方です。

といっても、AdobeのFireworks(ファイヤーワークス)やPhotoshop(フォトショップ)を使う少し難易度高めのGIFではなく、GIFPALというオンラインツールを使用した簡単な方法なので、お絵かきソフトさえあればどなたにでもGIFアニメーションが作れちゃいます。

GIFPALとは?

GIFPALは画像をアップロードし、タイムラインに乗っけていくだけで簡単にGIFアニメーションが作成できる便利なツールです。さらに、結構凝ったエフェクトも入れられます。

サンプル用に効果を入れまくったGIFアニメーション↓

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 effects(エフェクト)spectrumサンプルGIF
Share on Tumblr

基本操作は以前姉妹サイトの『日々一素材』にてご紹介しておりますのでそちらをごらんくださいませ。

一応簡単な流れを要約しておくと、

GIFPAL⇒ [Get started now!] ⇒ [start without webcam] ⇒ [Select Images] ⇒ PCから任意の画像をアップロード ⇒ GIF作成 ⇒保存してダウンロード

という流れです。

アイコンss illust by ss 私もコレ見て作ったよ。

ちなみにネタは最近流行りの「あの子のほうが 可愛いから 私と別れたの?」に乗っかりました。

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 形式にのっとった「あの子のほうが 可愛いから 私と別れたの? いいよ 私だって 彼○ つ・く・る」   ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

アイコン92 illust by ss う~ん……スプラッタも怖いけど、個人的には縦組みなのに右に流れるコマの方が数倍怖い……((((;゚Д゚))))ガクガクブルブル

アイコンss illust by ss 職業病か(笑)

 

1.まずは元絵を描く

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 元絵を描く ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

アイコン92 illust by ss これが例のポーズ集『コマ送り – 動くポーズ集5 武器編 (マール社)』?

アイコンss illust by ss ほい。それの「60P 斧 振り下ろす(上から)をまんまトレースして適当に色分けしました。

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 元絵を描く2 ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

アイコン92 illust by ss 背景に赤を入れたんだ…;; 一気にスプラッタチックになったね;;

アイコンss illust by ss 元ネタが斧 振り下ろす動きなので、どうしてもこういう方向になったよ。

 

2.画像を大体のコマごとに分割する

アイコンss illust by ss さらにテキストと効果を入れて、だいたいのコマに分割した画像がこれね……

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 元絵にテキストや効果を入れ、GIFPALにアップロードする ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

アイコン92 illust by ss う~ん、縦書き文字が右に流れるスプラッタ;; ちなみにサイズはかなり横長だね。

アイコンss illust by ss 縦書きしつこいな(笑) サイズはなんとなくYouTubeサイズの16:9にしましたが、ここはお好みで。

 

2.大体のコマごとに分割した画像をGIFPALにアップロード

アイコンss illust by ss 上の画像をGIFPALにアップロードして、適当にタイムラインにのせました。

アイコン92 illust by ss タイムラインへの乗せ方はこちらを ⇒ GIFPALの使い方タイムラインに画像を乗っけるまで
アイコンss illust by ss エフェクトですが……

アイコン92 illust by ss 結構たくさんあるよね。

アイコンss illust by ss ありすぎて混乱した;;『GIFPAL』の使い方で一番イミフだった;;

 

エフェクトの使い方と種類一覧

という意見が出ましたので、エフェクトの使い方です。

GIFPAL編集画面の右端に[Effects]というタブがありますので、クリックして下さい。エフェクトの種類が選択できるようになります。

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 Effect(エフェクト)タブを開く

 

問題のエフェクトの種類ですが……

左列(Normal~Pink)

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 GIFPAエフェクト早見表1 ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

下から二番目の[spectrum]はランダムに動いているようです。サンプル↓

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 effects(エフェクト)spectrumサンプル

※選んだタイミングに寄って挿入される効果が変わります。

中列(Sepia~Vintage)

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 GIFPAエフェクト早見表2 ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

 右列(Ecru~Invert)

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 GIFPAエフェクト早見表3 ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

 

こんなかんじです。

尚、エフェクトはコマごとに設定できますので、お好きなコマだけにエフェクトを入れることができます。

あとは保存すればOK! 参考 ⇒ GIFPAL使い方最終回~GIFアニメ作成⇒ダウンロードまで~

 

まとめ

というわけで、『コマ送り – 動くポーズ集』とオンラインツール『GIFPAL』を使った簡単GIFアニメーションの作り方でした。
アイコン92 illust by ss アニメーション初心者が感じをつかむには敷居が低い方法だと思います。

アイコンss illust by ss 私も今回はアニメーションに初挑戦ということで、ポーズ集をトレースした画像だけで作成しました。今後は中割を増やして動きをスムーズにしたり、オリキャラを使ったりしてみたいと思います。

アイコン92 illust by ss それはいいですね。初めの一コマ二コマはめっちゃ可愛い笑顔でいきなり斧ってのもインパクトあっていいかも……ってこらヾ(´∀`;)

アイコンss illust by ss なんでしょう?

アイコン92 illust by ss 「なんでしょう?」じゃないよ(#´∀`) アニメーションで道草食ってないで小説早く終わらせて~~Щ(*´∀`*)艸====斧

アイコンss illust by ss うわーブラックくつきが邪眼を開いたまま、斧持って追いかけてくる~~~ε≡≡ヘ( ´Д`)ノ

 

斧](*´∀`*)ノシ でっは~♪

 

ブログランキング・にほんブログ村へ
にほんブログ村

 

コマ送り - 動くポーズ集5 武器編
コマ送り – 動くポーズ集5 武器編

 

くつきも久々にGIFPALで邪眼GIFアニメーション作ってみました(;´∀`)

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 でっは~~(*´∀`*)ノシ♪

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

SS撮影の都内某所写真トレース by SS

作中で街に隕石を落下させ、カフェの店員を暴走させたいとの要請を受けたので「創作ステージ@まちペディア」を作ってみることにした

by SS Share on Tumblr  実在の場所が舞台になるアニメって最近多いよね。

記事を読む

『ArtPose』キャプチャが見れる男子ポーズcomで、壁ドンではなく鼻ズボ描いてみたggrks-ググれカス-なふたり-モノクロ2 illust by @@310104o ©佐藤利音

『ArtPose』キャプチャもある『男子ポーズcom』で壁ドン…じゃなくて鼻スポを描こう♪

    創作に役立つ素材やサービス3選  というわけで

記事を読む

「一分でレース素材が作れる、そうクリスタ対象定規ならね!(*´∀`*)」からの~「ブラシ登録ができない!(;_;)」 ※解決済み アイキャッチ用画像

「一分でレース素材が作れる、そうクリスタ対象定規ならね!(*´∀`*)」からの~「ブラシ登録ができない!(;_;)」 ※解決済み

  CLIP STUDIO-EX(クリップスタジオEX) 作成時

記事を読む

看これ!看板コレクション 看板の種類(ポールサイン、チャンネル看板、屋上看板、袖看板など)説明図

看これ!看板コレクション

  写真の権利説明図:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &n

記事を読む

【一次創作】防御と開放のバランスを取るには?|著作者とユーザー両方を守る御札(おふだ)その2

  イラスト:佐藤利音 デザイン:くつきちよこ 無名一次創作者が大手にパクられたら

記事を読む

マウスコンピュータのHDが壊れました illust by 3104o ©佐藤利音

ヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Widget Logic』は創作家サイトに必須のWPプラグイン!

26歳社畜之図 佐藤利音 on Twitter  ハイ、広告表示されてないですね?

記事を読む

Hardcover book gutter and pages by Horia Varlan, on Flickr ページををめくるめくwpプラグインFlippingBook Galleryとか合成GIFとかの雑談

ページををめくるめく効果が簡単に作れるwpプラグイン『FlippingBook Gallery』とか合成GIFとか諸々

※サーバーが落ちてるのかここしばらくつながらない状態のようです。様子見のため、URLやサンプルページ

記事を読む

創作における軽微なヱ□表現で萎縮しないためのインデックス対策あれこれ アイキャッチ画像 illust by 3104o ©佐藤利音

創作における軽微なヱ□表現で萎縮しないためのインデックス対策あれこれ

  本日は前回のヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Wi

記事を読む

Sea Change by Pen Waggener, on Flickr ブログちゃんと電子書籍くん

禁断の素朴な疑問…?(*´・д・)o0○(ブログと電子書籍の違いってなんだろう?)

  追記: 1年以上間の記事になぜか今頃になってアクセスが増えました……;; とい

記事を読む

Booth進出の準備編として、Pixivの「テンプレのテンプレ」を作ってみました♪  Pixivイメレス用素材テンプレートのテンプレートと引き換えにいてもらった女の子 illust by サトウトシオ@310104o

Pixivのテンプレートを作ってみたキッカケで、Pixiv共同管理アカウントの意外な事実が判明した件

Pixivテンプレートサンプル 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune