GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニ">

Gifアニメ付き デジタル 描画法 道具

【FipaClip】初心者向け!手描きアニメーションアプリ使い方

GG(眼鏡)
ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・
Tiki(帽子)
それならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニメーション動画がカンタンに作れるよ。

Flipa clip猫gif

こんな方におすすめ

  • ipadで手書き動画/パラパラ漫画を作りたい
  • アニメーション作成のアプリを探している
  • アニメーションをどうやって作るのか知りたい

はてな

漫画の背景.xyzは、元漫画アシスタントのNhashiがiPad解説メインに発信しているサイトです。

iPadガジェットを楽天ルームにまとめています!

iPad-rakutenroom

フォロー、イイネよろしくお願いします♪

"Flipa clip" アニメーション作成アプリ

FlipaClip:プロ & 初心者向けのアニメ制作

FlipaClip:プロ & 初心者向けのアニメ制作
開発元:Visual Blasters LLC
無料
posted withアプリーチ
Tiki(帽子)
こんな感じでアニメーションが作れるアプリだよ。ちなみに背景はアプリについてたのを使ってみた
GG(眼鏡)
おおっ!動いてる!!すごい、無料でこれが作れるんだ
Tiki(帽子)
カンタンに出来るパラパラ漫画の描き方の記事もあります。

よろしければこちらもチェックしてみてね!

カンタンパラパラ漫画記事

【パラパラ漫画】初心者も上手に出来る描き方講座

GG(眼鏡)パラパラ漫画を作りたいけど、何枚もイラストを描くのってタイヘン…。 初心者でもそれっぽくパラパラ漫画をつくる事って出来るのかな。 Tiki(帽子)初心者の人は、まずは「難しくないネタを選ぶ ...

続きを見る

Flipaclipをダウンロードしたら、まずはプロジェクト作成

Tiki(帽子)
アプリをダウンロードすると、まずはTOPページが開きます。

アニメを描いていくところを用意するために、右下の➕のマークをクリックすると、ポップアップが開くので、項目を選択していきます。

flipa clip 新作成画面

ポップアップで決める事

  • プロジェクト名
  • 背景
  • キャンパスサイズ
  • フレーム数

flipaclip 背景透過8

Flilpa clipは各SNSのサイズが充実。キャンパスサイズを選ぶ

SNSによって規定の画像サイズは違っています。

"キャンパスサイズ"を選ぶと、下の画面に移ります。自分が投稿したいSNSの画像サイズを選びましょう。

Flipa clipに用意されているSNS規格サイズ

  • YouTube
  • Instagram
  • TikTok
  • Vimeo
  • Facebook
  • Tumblr
GG(眼鏡)
Flipa clipでアニメを作ったら、すぐにこのSNSに投稿できるって事か!便利!

動画の滑らかさが決まるのはここ。フレーム数を決める

GG(眼鏡)
フレーム数を決めるって何?
Tiki(帽子)
どれだけ滑らかなアニメを作るのか最初に決めるってこと。

フレームによる滑らかさの違い

  • 1秒あたりのフレーム数が少ない→カクカクしたアニメーションになる
  • 1秒あたりのフレーム数が多い→滑らかなアニメーションになる
GG(眼鏡)
俺は超大作を作りたいから1秒辺りのフレーム数を多くするぞ!!
Tiki(帽子)
ちなみにTVのアニメーションだと1秒辺り24フレーム程だそうだよ。頑張って。
GG(眼鏡)
(5分で7200枚・・・?)

キャンパスサイズ、フレーム数を決めると、”プロジェクト”に作成したプロジェクトが追加されるので、選択して描画画面に行きます。

flipa clip描画画面

Flipa clipでアニメーション作成:フレーム編

アニメ動画作成にとても便利なオニオンスキン

オニオンスキンはアニメ作成でとても助かる機能です。

まずはフレーム1に何か好きな絵を描いてみましょう。

描き終わったら、フレームの右にある➕マークを押すともう一つフレームを増やす事が出来ます。

すると、2つ目のフレームに先ほど描いた絵が薄く見えるようになっています。

これをオニオンスキンと言います。

この薄い絵を元に少しずつ次の動きを描いていく事で、滑らかにアニメを作成する事が出来ます。

GG(眼鏡)
なるほどね〜。アナログのパラパラ漫画も透かしながら描いたりしてたもんな。それのデジタル版だね!
Tiki(帽子)
パラパラ漫画の作り方は、この記事も参考にしてみてね!
【パラパラ漫画】初心者も上手に出来る描き方講座

GG(眼鏡)パラパラ漫画を作りたいけど、何枚もイラストを描くのってタイヘン…。 初心者でもそれっぽくパラパラ漫画をつくる事って出来るのかな。 Tiki(帽子)初心者の人は、まずは「難しくないネタを選ぶ ...

続きを見る

Flipa clipコピーの仕方(長押しポップアップ)

flipa clip長押しポップアップ

フレーム長押しでポップアップが表示されます。

オニオンスキンは下書きのようなものなので、作画としては残りません。

一部だけ動かすなど、前の絵を使いたい場合はコピーも出来ます。

長押しポップアップの左から4番目、紙が重なっているアイコンクリックでコピー。

一番右のアイコンでコピーされたフレームが右側に作成されます。左側にコピーしたい場合は、一番左のアイコンをクリックします。

長押しポップアップ

  • 一番左:左側にコピーしたフレーム作成
  • 左から2番目:オニオンスキンで左側にフレーム作成
  • 左から3番目:フレーム削除
  • 左から4番目:長押しポップアップでコピーのボタンを表示させる
  • 左から5番目:オニオンスキンで右側にフレーム作成
  • 一番右:右側にコピーしたフレーム作成

Flipa Clip フレームの並び替え

フレームを複数作成して、並び替えをしたい場合は左上の丸が3つのアイコンをクリックします。

"フレームビューア"をクリックすると、作成したフレームが一覧で表示されます。

並び替えしたいフレームをドラッグして希望の位置に持っていけばOK。

Flipa clipフレーム一覧

Flipa clipでアニメーション作成:描画編

左側に描画のツールがあります。主に描画に使う画材はここで選びます。

左側ツール

  • ペン
  • 消しゴム
  • 選択ツール
  • 塗りつぶし
  • テキスト
Tiki(帽子)
他のイラストソフトを使ってる人はなんとなく分かるよね。

ペンツール4種類

Flipa clipのペンツールは4種類あります。

Flipa clip ペン

それぞれの書き味はこんな感じ。

Flipa clip4

GG(眼鏡)
鉛筆とか薄い感じの書き味も面白い質感が作れそうだなー
Tiki(帽子)
色も変更できるし、スポイトも使えるよ。

flipa clip_Line thickness

線の太さは、一度ペンツールを押して、上↑の表示にしてから、真ん中の・を指でドラッグ。上に引っ張ると線が太くなり、下に引っ張ると細くなります。

flipa clip 色の選択

flipa clip色の選択

flipa clipでは、5種類ごとに色を"プリセット"として保存できます。

Tiki(帽子)
好きな色を選んだら、下の+ボタンでプリセットに色を追加しよう。

flipa clip色の選択2

GG(眼鏡)
これでキャラクターの色が塗りやすくなるね!

Flipa clip フレームレイヤー機能

凝ったアニメーションを作成したい場合、1つのフレームでレイヤーを分けて絵を描く事が出来ます。

右側下の四角が重なっているアイコンクリックでレイヤーが表示されます。

ポップアップの+ボタンクリックで新しいレイヤーが追加されます。

GG(眼鏡)
これはかなりやり込んだアニメーションも作成できるな!
Tiki(帽子)
無料で使えるレイヤーは3枚まで。それ以上は250円の課金が必要になります!

Flipa clip 選択ツール

左側ツールの上から3番目、選択ツールを使用すると、イラストの一部分を指定して移動させる事が出来ます。

動かしたい部分を囲みます。

Flipa clip選択1

そのまま移動させたい場所に持っていけばOKです。

Flipa clip選択2

 

Flipa clip 音楽の入れ方

音楽を入れたい場合、3つの方法があります。

Flipa clip音楽の入れ方3種類

  • デバイスの音楽を取り込み(広告視聴or課金370円)
  • Flipaclipで用意された音楽を使用(課金/各250円)
  • マイクで録音

画面左下に音符のマークがあるので、ここをタップします。

 

flipa clip_add music3

すると音楽管理画面に切り替わるので、右下の+マークをタップ。

flipa clip_add music2

すると、3つのボタンが出てくるので、好きなものを選びましょう。

flipa clip_add music1

Flipa clilp音楽の入れ方①デバイスの音楽を取り込む(広告視聴or課金370円)

デバイスに入っている音楽を使用したい場合は一番上の↓に矢印が向いているボタンをタップ。

すると、機能を購入するか、動画リワード広告を視聴するかを選択する画面になるので、好きな方を選択します。

Tiki(帽子)
課金でのデバイスの音楽取込みでも、アーティストの曲は著作権保護のロックがかかってるので、使えないものが多いよ。フリー素材などで事前に準備しよう。
動画に音楽をつけよう!【簡単おすすめサービス】

GG(眼鏡)オリジナルの動画を作ったぞ! でも…音楽がない。 あれ?動画に使っていい音楽ってどこで手に入れればいいんだろう?; Tiki(帽子)プロのアーティストの音楽は、著作権があるので、許可された ...

続きを見る

GG(眼鏡)
特に、SNSなどにアップする時は著作権に注意しないとね。。

Flipa clilp音楽の入れ方②用意された音源を使用(課金/各250円)

2つ目のボタンでは、Flipaclipで用意された効果音などの音源を使用できます。

一つのパック250円で購入する必要があります。

GG(眼鏡)
なんか海外っぽい。楽曲というか、本当に効果音という感じのものが多いね。

Flipa clilp音楽の入れ方③マイクで録音

3つ目のボタンではマイクで録音したものをアニメーションに合わせられます。

設定でFlipaclipのマイクアクセスを許可して使用しましょう。

こちらは音楽を入れる方法で唯一料金がかかりません。

GG(眼鏡)
アニメーションのキャラに自分の声を当てる事も出来るな! たのしそー。
Tiki(帽子)
Flipaclipでアニメーションを書き出しして、他の動画編集ソフトで音をつけるのもありかもね。

Flipa clip 動画の保存方法(書き出し)

Flipa clip猫gif

Flipa clipの中で動画が完成したら、iPadのカメラロールに保存してからSNSに投稿します。

右上の丸が3つのアイコン、"ムービーを作成"をクリックします。

Flipa clilp書き出し

動画保存のポップアップが表示されます。

形式は最初に決めてあるのですが、拡張子で表示が少し変わります。

MP4だと動画は1度再生されると停止

GIFだと繰り返して表示されます。(上の猫の動画はこちら)

SNSや、自分がどう表示させたいかで選びましょう。

GG(眼鏡)
やった〜動画が完成したぞ!これはかなり楽しい
Tiki(帽子)
絵に自信がなくても楽しめるね。
GG(眼鏡)
↓更に、perfect Videoを使えばflipa clipで作成した複数のアニメーションを繋いで1つの作品を作る事も出来るよ♪

長編作品を作りたい人はチャレンジしてみよう!

Perfect Videoアイキャッチ
【初心者入門!】Perfect Video使い方を分かりやすく解説【iPad】

GG(眼鏡)perfect videoで動画を編集して、自分の作品を作りたいなあ! どうやって使うんだろう? Tiki(帽子)このページでは、ipadを使ってperfect videoの使い方をわかり ...

続きを見る

Flipa Clipの有料サービス、プレミアム機能では何が出来る?

flipa clipは無料で利用が出来ますが、制限もあります。

有料機能ではどんな機能が解放されるのでしょうか?

Flipa Clip有料版(プレミアム機能)

買い切り¥1220

Tiki(帽子)
今は1220円ですが、少し前は720円だったようなので、値上げしたようです。

早めに買った方がお得かも?

GG(眼鏡)
720円の時に買っておけば500円安く買えたのか。。

Tiki(帽子)
これだけ使えて1220円。

とても高クオリティのソフトなので、是非課金してみてください〜

↓解放される機能は10種類です!

Flipa Clip有料版①透過

Tiki(帽子)
課金すると、キャラクターの背景を透過した状態で保存出来るようになるよ。

パラパラ漫画中割り完成

 

Tiki(帽子)
これを

flipa clip背景透過

Tiki(帽子)
こんな風に、背景が変え放題だよ。
GG(眼鏡)
すごい!

flipa clip 背景透過方法

アニメーションが作成出来たら、右上の点3つをタップ。

動画を作成ボタンを押します。

flipaclip 背景透過1

フォーマットを png SEQを選択

透過性背景 のスイッチをonに設定します。

動画を作成 タップ。

flipaclip 背景透過2

保存先を選ぶ画面になりますが、いつものアニメーション保存のようにipadのフォトライブラリには保存出来ません。

一時的にicloud driveやdropboxのようなクラウドストレージか、ipad内に保存をする必要があります。

Tiki(帽子)
背景透過したアニメの全コマを一気にDLする時、zipというファイルで保存するんだよ。

フォトライブラリにはzipは保存できないので、あまり使い慣れないかもしれないけど、一度上記の保存先で保存してね。

flipaclip 背景透過3

flipaclip 背景透過4

保存が出来たら、今度はクラウドストレージやipad内のファイルに保存されたpng

ファイルをフォトライブラリにダウンロードします。

↓”ファイル”の中の保存先のフォルダへ移動

 

flipaclip 背景透過5

 

flipaclip 背景透過6

保存先に移動して、右上の選択をタップ。

flipaclip 背景透過7

ダウンロードしたいアニメーションのコマ全てにチェックをつけます。

左下の共有画像を保存

Tiki(帽子)
これでフォトライブラリに背景透過されたpngファイルが保存出来ました!
GG(眼鏡)
zipでダウンロードするためにこういう手順が必要なんだね。
Tiki(帽子)
今度は、flipa clipにpngファイルをよみこみます。

flipaclipを開いて新規作成しましょう!

flipaclip 背景透過8

GG(眼鏡)
背景が用意されてるの、なんか楽しいね!

flipaclip 背景透過9

Tiki(帽子)
これで全コマ分作成すれば、背景を変更してアニメーション作成が完了です!

今度は、保存する時は透過性背景はOFFにしてくださいね!

せっかく背景を設定しても、背景透明で保存されてしまいます!

GG(眼鏡)
おおー、なんか創作意欲が刺激されるなあ!

背景が変更出来ると、色々工夫が出来そうだよね!

Tiki(帽子)
色々背景を変更して楽しんでみてください♪

flipa clip背景透過2

Flipa Clip有料版②ロゴ(ウォーターマーク)消去

動画作成した時に左下に出てくる"flipa clip"のロゴを消す事が出来ます!

flipaclip課金

Flipa Clip有料版③レイヤー10枚

・レイヤー3枚まで→10枚まで使用可能に!

Tiki(帽子)
コマ一つにつき3枚までしか使えなかったレイヤー機能が、10枚までに増えます!

GG(眼鏡)
も、実際5枚、6枚と増やすと「これ以上レイヤーを作成するとアプリの動きが重くなる事があります」の表示が出るんだよね。

それはしょうがないか。

Flipa Clip有料版④広告視聴なし

動画を保存する時の広告表示がなく作業が進められます!

Flipa Clip有料版⑤オーディオ追加で広告視聴なし

動画に音楽をつける時の広告表示がなく、作業が進められます!

Flipa Clip有料版⑥動画作成時間無制限

動画の作成時間が無制限になります!

長めのアニメーションを作成したい人にオススメです。

Flipa Clip有料版⑦プロジェクト共有可能

dropboxなどに、Flipa Clipのデータを共有する事が可能になります。

Flipa Clip有料版⑧オニオンスキンカスタマイズ

オニオンスキンのカスタマイズが可能になります。

アニメ中割り2

Flipa Clip有料版⑨キャンパスサイズカスタマイズ

キャンパスサイズのカスタマイズが可能になります。

Flipa Clip有料版⑩ドローインググリッドカスタマイズ

ドローインググリッドのカスタマイズが可能になります。

iPadでアニメーションを作りたい人はFlipa clilpを使ってみよう!

Flipa clip猫gif

 

Tiki(帽子)
Flipa clipの他にもユニークなアニメーション作成ソフトがありますよ!

紹介してみたので、興味のある方は見てみてくださいね♪

folioscopeアニメ

GG(眼鏡)
こんな書き味のソフトもあるんだ!面白そうだね!

↓興味のある方は下の記事へGO!

【iPad】画面分割方法は?便利な小技集8選

GIF動画 GG(眼鏡)えっ、何だこれ。 ipadを2つの画面に分けてアプリを使えてる。 こんな事出来たの? なんか便利そう!! Tiki(帽子)この記事では、役立ちそうなiPadの便利な機能をまとめ ...

続きを見る

iPadアニメーションおすすめソフト
ipadでアニメーション!初心者おすすめアプリ5選

GG(眼鏡)ipadでアニメーションを作りたい!でもあまり自信がないんだよね・・ 初心者でも作れるアプリってあるんだろうか? Tiki(帽子)この記事では、初心者でも楽しんでアニメーション制作ができる ...

続きを見る

【パラパラ漫画】初心者も上手に出来る描き方講座

GG(眼鏡)パラパラ漫画を作りたいけど、何枚もイラストを描くのってタイヘン…。 初心者でもそれっぽくパラパラ漫画をつくる事って出来るのかな。 Tiki(帽子)初心者の人は、まずは「難しくないネタを選ぶ ...

続きを見る

【初心者も出来る】パースの書き方①写真からの消失点の見つけ方

GG(眼鏡)背景を描くにはパースというのが必要なんでしょ? どうやって書けばいいのかな? Tiki(帽子)この記事では、実際の写真を使って、初心者にも分かりやすいようにパースに重要な”消失点”の出し方 ...

続きを見る

 

人気記事

pixivサイズ早見表 1

GG(眼鏡)pixivとか、イラストSNSに僕も絵をアップしてみたい! アップする時に、画像サイズとか、決まりはあるのかな? Tiki(帽子)SNSなどのwebページに絵をアップロードする時は、web ...

iPad液タブ化アイキャッチ 2

GG(眼鏡)せっかくiPadがあるし、PCと繋いで液タブみたいに使えないのかな。 どうやってやるんだろう? Tiki(帽子)この記事では、Mac、WindowsごとにiPadを液タブ/ペンタブとして使 ...

3

GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニ ...

ipadメモリオススメアイキャッチ 4

GG(眼鏡)イラストを描きたいからiPadが欲しい。 メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ 足りないと困るから、512GB買った方が良いのか?! Tiki(帽子)ち ...

5

GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...

100均タッチペンオススメ 6

GG(眼鏡)100均にタッチペンが売ってるけど、どれが1番使いやすいんだろう? 性能的にイラストは描けるのかな。 Tiki(帽子)この記事では、元アシの管理人が ・ダイソー ・セリア ・キャンドゥ の ...

7

GG(眼鏡)LINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? Tiki(帽子)自分だけでスタ ...

アイビスペイント配布ブラシ使い方アイキャッチ 8

GG(眼鏡)憧れの絵師さん達が配布してくれてるブラシを使えば、あんな風に描けるのか・・! 今すぐ使いたい! どうすれば使えるんだろう? Tiki(帽子)この記事では、ブラシを配布してくれている人気yo ...

iPadアニメーションおすすめソフト 9

GG(眼鏡)ipadでアニメーションを作りたい!でもあまり自信がないんだよね・・ 初心者でも作れるアプリってあるんだろうか? Tiki(帽子)この記事では、初心者でも楽しんでアニメーション制作ができる ...

アイビスペイント-厚塗り-アイキャッチ 10

GG(眼鏡)厚塗りって、なんか格好良いよね〜。 どうやったらあんな風に描けるようになるんだろう。 Tiki(帽子)ここからは、元漫画アシスタントでほとんど色塗りをやってこなかった管理人が、厚塗りが出来 ...

error: Content is protected !!