『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

関連記事

気になるアイツ、三点リーダーのこと……。 創作支援屋くつキッチュスクラップス 三点リーダーと戯れる小学生 illust by サトウトシオ@310104o

気になるアイツ、三点リーダーのこと……。

  三点リーダーと戯れる小学生 illust by @310104o 登場人物:くつきちよこ

記事を読む

トレス自体は合法ですよ!誤解されがな「トレス」「模写」と「トレパク」の違い

トレス自体は合法ですよ!誤解されがちな「トレス」「模写」と「トレパク」の違いについて

Tapping a Pencil by Rennett Stowe, on Flickr

記事を読む

Albert Einstein's quotes by La Melodie, on Flickr Attribution 2.0 Generic (CC BY 2.0) 引用 参照 参考 の違い

引用 参照 参考 の違い

  Albert Einstein's quotes by La Mel

記事を読む

架空の商品、店、サービス等の設定進捗状況+オマケ 架空グルメアニメ【えんたんぐるめんと!】ロゴ

架空の商品、店、サービス等の設定進捗状況+Tumblrのあれ

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』【1】登場予定の架空グルメアニメロゴ Sto

記事を読む

世界一斬新でシュールな魅惑のストーリー!『BCCKS』エディタの使い方ビデオの秘密 箔押しっぽいテキスト作ってみましたよ♪ やっぱBCCKS楽しー♪

世界一斬新でシュール!魅惑のストーリー「『BCCKS』エディタの使い方ビデオ」の秘密

今週は先週の『BCCKS』表紙編集編に引き続き、『BCCKS』の基本的な使い方編記事のはずで

記事を読む

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です』宣伝回:その1 アイキャッチ画像:表紙ラフ案

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です』宣伝回:その1

  ※ラフ案:佐藤利音 デザイン:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 

記事を読む

2014-10-03 17.25.44 by sstrieu, on Flickr

実在の商品名、店舗名、人物名を小説などを創作作品に登場させた場合の一インディーズ作家の対応メモ

2014-10-03 17.25.44 by sstrieu, on Flickr  S

記事を読む

Mariachis Performing Inflight on @virginamerica by David Lytle, on Flickr ボカロ、アニソン、中の人以外で、創作中にテンション上がる系の音楽おおよそ5~7選くらい!

めちゃアガる!創作向けBGM 10選! ※今回はボカロ、アニソン、中の人『以外』です。

  創作中にテンション上がる系の音楽SSオススメ10選です。 埋め込めるだけ埋込んだので

記事を読む

『DAZstudio』の筋肉モデルは『ArtPause』難民の希望の光になるか?2 照明機能、ポーズ作成がんばった編 IKボーンという関節を曲げたい時に使うボーン「手」

『DAZstudio』の筋肉モデルは『ArtPause』難民の希望の光になるか?2 照明機能、ポーズ作成がんばった編

イラスト:佐藤利音 くつきちよこ ※管理人   佐藤 ※ゲスト 「『DAZstudi

記事を読む

簡単!『ファイヤーアルパカ』で動くイラスト作成しよ!オニオンスキンモードでラクラク作画! 4:うっすら透けて見える前の絵を確認しながら、絵を描きます。

簡単!『ファイア アルパカ』で動くイラスト作成しよ!オニオンスキンモードでラクラク作画!

  Firealpaca(ファイア アルパカ) で、素材作成 ⇒ GIF

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場