『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

関連記事

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

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

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

記事を読む

「お気に入り作者」に登録すべき、クリスタ素材作者さん10名 ~3D素材編~ 神社(本殿)外観 by Re:lain 2 プリセットを朱塗りに変更したサンプル ※40GOLD 350CLIPPY

「お気に入り作者」に登録すべき、クリスタ素材作者さん10名 ~3D素材編~

    『イチパン!』 ログイン画面 登場人物:くつきちよこ ※管理人

記事を読む

Town Block by Matija Grguric, on Flickr Some rights reserved  アイキャッチ画像:創作において、制約なく表現できる「創作ステージ@まちペディア」を建設中

創作において制約なく表現できる「創作ステージ@まちペディア」を建設中

Town Block by Matija Grguric, on Flickr Some rig

記事を読む

Tumblrボタン(フォロー、共有)設置方法 記事下設置やプロフィールへの設置、その他シェア方法など イチパン!サンプル

WordPressでTumblrボタンを実装してみた(記事下、サイドバーへの設置、その他シェア方法など)

  Share on Tumblr こちら、昨日作ったくつキッチュの姉妹サイト『イチ

記事を読む

ジャケットのワイシャツの襟から革靴の底まで~オンラインで無料のスーツ作画資料 ぱくたそ「奇妙なポーズをする男性 >> 胸元を開く夢のあるビジネスマン [モデル:OZPA](「OZPAの表4」の人)」 

ジャケットの切れ目、ワイシャツの襟から、革靴の底まで~オンラインで無料のスーツ作画資料

    『ぱくたそ』 << 奇妙なポーズをする男性 <

記事を読む

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

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

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

記事を読む

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト

創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんのtumblr無料テーマがなまらスゴイ!

  激烈なまら素敵なtumblrテーマ『A Tumblr theme for self-pub

記事を読む

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

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

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

記事を読む

【クリスタ】で抽出した線画を、さらに味わい深くするちょっとしたコツ ロンドン上空にUFOがががっ! [ライン抽出ツール]で抽出した線を、[色混ぜ(ぼかしツール)]でぼかした画像サンプル

【クリスタ】で[ライン抽出]した線画を、さらに味わい深くするちょっとしたコツ

ドイツの空に浮かぶufo ドイツ写真加工くつきちよこ ufo加工佐藤利音 UFO01

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像

動くファビコン、今ならアリ?

最近とんと見かけなくなった気がする動くファビコン… 今ならすごく目立つ気もしますが…実

記事を読む

Message

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

Time limit is exhausted. Please reload CAPTCHA.

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

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

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