『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

関連記事

BCCKSの表紙編集方法……っていうか電子書籍楽しい(>▽<) 自分でタイトル編集した場合1 ブーブー紙(蝋紙)の帯をつけてみた

めちゃ楽しい(>▽<)電子書籍Webサービス『BCCKS』の表紙編集メモ♪

  昨日、姉妹サイト:創作支援用素材屋『イチパン!』にて、 フリー素材 電子書籍用表紙イラスト

記事を読む

【創作者さん向け】アレやコレが写り込んだ写真って背景素材に使えるの?【写り込み規定メモ】 自分が撮影した写真に写り込んだ様々な著作物(付随対象物)+人物

【創作者さん向け】アレやコレが写り込んだ写真って背景素材に使えるの?【写り込み規定メモ】

  写真の権利説明図:くつきちよこ   登場人物:くつきちよこ ※管理人   佐

記事を読む

小説に実際の商品名、店舗名、人物名は使えるか? くつキッチュスクラップス アイキャッチ画像 はてな標識

実際の商品名、店舗名、人物名は小説などの創作作品に使えるか?

  最近、当サイト創作支援被験者 ⇒ SS が読んだ本に、おもいっきり実在の商品名、作品名、作

記事を読む

新年度のほうふ-くつキッチュスクラップス! アイキャッチ画像 design by くつきちよこ

新年度のほうふ-くつキッチュスクラップス!

素材はCELSYS assetsの「黒板セット by 姫川たけお #clipstudio

記事を読む

McDonald's Thai Welcome - Bangkok by MsAnthea, on Flickr

「実在の商品名、店舗名、商標、有名人名は創作に使えるか?」を弁護士ドットコムさんに質問してみました♪

  McDonald's Thai Welcome - Bangkok by MsAnth

記事を読む

看板の作画資料及び、簡単な描き方メモ 看板の種類 袖看板(正方形)FireAlpacaの3Dパース機能とクリスタのパース定規使用

看板素材作画に便利!FireAlpacaのパース定規とクリスタ定規のあわせ技♪

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

記事を読む

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

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

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

記事を読む

「忍者サンドボックス」の「忍者文庫」で、縦書き電子書籍を作ってみたよ♪ 忍者ツールズが機能満載過ぎてよくわからないので図にしてみた図

「忍者サンドボックス」の「忍者文庫」で、縦書き電子書籍を作ってみたよ♪

  忍者ツールズイメージ図 くつきちよこ   登場人物:くつきちよこ ※管理

記事を読む

【告知】当サイト被験者サトウトシオの電子書籍が5月1日に発売されます! 『このいと式(仮)』7月8月表紙 アイ・キャッチ画像

【告知】当サイト被験者サトウトシオの「少し不思議な電子書籍」は、5月発売決定!

  出版されるのは、月ごとのイメージをテーマにした小説やイラストが収録されたカレ

記事を読む

一次創作向けハッシュタグ(日本語、英語)を調べてみました♪ アイキャッチ design by くつき

一次創作発信用の、英語ハッシュタグを調べてみました♪

下駄のようなHashtags 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

Message

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

Time limit is exhausted. Please reload CAPTCHA.

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

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

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