『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

関連記事

2016 あけましておめでとうございます。  その他、イントロ論文-『「見るなのタブー」についての一考察』 からはじまる小説のお知らせ。 自作伊達巻き。梅の形というより雲?

2016 あけましておめでとうございます。  その他、イントロ論文-『「見るなのタブー」についての一考察』 からはじまる小説のお知らせ。

だてまき   登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

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

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

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

記事を読む

Muscles by Thomas Fisher Rare Book Library, on Flickr

『ArtPose』がPCで使えなくて絶望したーっあなたへ贈る無料3Dモデルソフト3選+オマケ

当サイト被験者SSが珍しく『ArtPose』という、いま巷で大人気のポーズアプリを絶賛していまし

記事を読む

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

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

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

記事を読む

【創作用架空設定】非実在商品、企業wiki『創作ステージ@まちペディア』進捗__φ 架空のロゴ、名称、試作品 design by くつき ※クリスタ素材含む。

【創作用架空設定】非実在商品、企業wiki『創作ステージ@まちペディア』進捗__φ

架空のロゴ、名称、試作品 concept by 佐藤利音 design by くつき 登場人物

記事を読む

Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 アイキャッチ画像 Lolita-kingyo illust by ss

3-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 見開きページの作り方

  追記:「WordPressの更新後、『FlippingBook Ga

記事を読む

Jesus crown of thorns - West Pier Brighton by Leonski Oh Leonski, on Flickr くつキッチュ/スクラップス! アトリビュートをここへ

『茨の冠』から『初音ミクのメガフォン』まで 単なる小道具ではない『アトリビュート』って一体何?

Jesus crown of thorns - West Pier Brighton b

記事を読む

Spanish dictionary pages up into the air by Horia Varla Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方

1-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 基本編

  追記:「WordPressの更新後、『FlippingBook Ga

記事を読む

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

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

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

記事を読む

縦書き小説PDFメーカー使ってみた♪ 縦書き小説PDFメーカー 挿絵⇒本文サンプル2 ※芥川龍之介『あばばばばば』青空文庫より2 http://www.aozora.gr.jp/cards/000879/files/14_14602.html

縦書き小説PDFメーカー使ってみた♪

  縦書きPDFメーカー使ってみた♪   登場人物:くつきちよこ ※管理人   佐藤

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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