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

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

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

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

Flipa clip猫gif

こんな方におすすめ

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

はてな

漫画の背景.xyzは、漫画アシスタント歴10年ほどのNはしが、発信・制作に関して解説しているサイトです!

目次

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

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

FlipaClip:プロ & 初心者向けのアニメ制作
開発元:Visual Blasters LLC
無料
posted withアプリーチ
帽子ちゃん
こんな感じでアニメーションが作れるアプリだよ。ちなみに背景はアプリについてたのを使ってみた
眼鏡くん
おおっ!動いてる!!すごい、無料でこれが作れるんだ

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

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

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

flipa clip 新作成画面

ポップアップで決める事

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

flipaclip 背景透過8

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

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

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

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

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

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

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

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

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

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

flipa clip描画画面

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

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

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

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

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

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

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

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

眼鏡くん
なるほどね〜。アナログのパラパラ漫画も透かしながら描いたりしてたもんな。それのデジタル版だね!
帽子ちゃん
パラパラ漫画の作り方は、この記事も参考にしてみてね!
【パラパラアニメ】初心者も簡単!中割り方法

【パラパラアニメ】初心者も簡単!中割り方法 眼鏡くんパラパラ漫画を描いてみたいけど、何枚も描かないといけないし、描き方が分からない! 帽子ちゃんこの記事では、初心者向けに、パラパラ漫画を動かす時のコツ ...

続きを見る

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

flipa clip長押しポップアップ

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

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

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

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

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

長押しポップアップ

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

Flipa Clip フレームの並び替え

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

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

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

Flipa clipフレーム一覧

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

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

左側ツール

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

ペンツール4種類

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

Flipa clip ペン

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

Flipa clip4

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

flipa clip_Line thickness

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

flipa clip 色の選択

flipa clip色の選択

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

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

flipa clip色の選択2

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

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

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

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

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

眼鏡くん
これはかなりやり込んだアニメーションも作成できるな!
帽子ちゃん
無料で使えるレイヤーは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円)

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

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

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

動画に音楽をつけよう!【簡単おすすめサービス】 眼鏡くんオリジナルの動画を作ったぞ! でも…音楽がない。 あれ?動画に使っていい音楽ってどこで手に入れればいいんだろう?; 帽子ちゃんプロのアーティスト ...

続きを見る

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

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

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

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

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

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

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

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

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

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

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

Flipa clip猫gif

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

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

Flipa clilp書き出し

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

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

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

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

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

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

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

Perfect Videoアイキャッチ
Perfect Video使い方【iPad/動画編集】

Perfect Video使い方【iPad/動画編集】 眼鏡くんperfect videoで動画を編集して、自分の作品を作りたいなあ! どうやって使うんだろう? 帽子ちゃんこのページでは、ipadを使 ...

続きを見る

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

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

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

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

買い切り¥1220

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

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

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

帽子ちゃん
これだけ使えて1220円。

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

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

Flipa Clip有料版①透過

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

パラパラ漫画中割り完成

 

帽子ちゃん
これを

flipa clip背景透過

帽子ちゃん
こんな風に、背景が変え放題だよ。
眼鏡くん
すごい!

flipa clip 背景透過方法

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

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

flipaclip 背景透過1

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

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

動画を作成 タップ。

flipaclip 背景透過2

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

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

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

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

flipaclip 背景透過3

flipaclip 背景透過4

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

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

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

 

flipaclip 背景透過5

 

flipaclip 背景透過6

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

flipaclip 背景透過7

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

左下の共有画像を保存

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

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

flipaclip 背景透過8

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

flipaclip 背景透過9

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

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

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

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

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

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

flipa clip背景透過2

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

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

flipaclip課金

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

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

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

眼鏡くん
も、実際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

 

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

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

folioscopeアニメ

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

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

絵を描く人にiPadが最強なわけ【iPad歴3年が解説】

絵を描く人にiPadが最強なわけ【iPad歴3年が解説】 眼鏡くんデジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 実際に使用している人のレビューを聞きたい! 帽子ちゃんこの記事で ...

続きを見る

ipadアニメ作成オススメアプリアイキャッチ
ipadでアニメーション!初心者おすすめアプリ4選

ipadでアニメーション!初心者おすすめアプリ4選 眼鏡くんipadでアニメーションを作りたい!でもあまり自信がないんだよね・・ 初心者でも作れるアプリってあるんだろうか? 帽子ちゃんこの記事では、初 ...

続きを見る

【パラパラアニメ】初心者も簡単!中割り方法

【パラパラアニメ】初心者も簡単!中割り方法 眼鏡くんパラパラ漫画を描いてみたいけど、何枚も描かないといけないし、描き方が分からない! 帽子ちゃんこの記事では、初心者向けに、パラパラ漫画を動かす時のコツ ...

続きを見る

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

【初心者も出来る】パースの書き方①写真からの消失点の見つけ方 眼鏡くん背景を描くにはパースというのが必要なんでしょ? どうやって書けばいいのかな? 帽子ちゃんこの記事では、実際の写真を使って、初心者に ...

続きを見る

 

スポンサーリンク

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

Copyright© 漫画の背景.xyz , 2021 All Rights Reserved Powered by AFFINGER5.