Gifアニメ付き デジタル

【ipadアニメーション制作】初心者向け!folioscope使い方

【ipadアニメーション制作】初心者向け!folioscope使い方

folioscope使い方

眼鏡くん
ipadのfolio scopeでgif感のあるアニメーションを作りたいな。

使い方を知りたい!

帽子ちゃん
この記事では、ipadのアニメーション作成アプリ、folio scopeの使い方を初心者にも分かりやすく紹介していますよ♪

folioscopeアニメ

 

Folioscope: 専門家や初心者のためのスタジオ

Folioscope: 専門家や初心者のためのスタジオ
開発元:1Button SARL
無料
posted withアプリーチ

この記事はこんな方におすすめ

  • ipadでアニメーションを作成したい!
  • folio scopeでgif感のあるパラパラ漫画が作りたい♪
  • ipadでfolio scopeを使いこなしたい。

【ipadアニメーション制作】folioscopeとは

Folioscope: 専門家や初心者のためのスタジオ

Folioscope: 専門家や初心者のためのスタジオ
開発元:1Button SARL
無料
posted withアプリーチ

folio scopeは、gifアニメ感のあるアニメが作成できる、無料アニメーション作成アプリです。

眼鏡くん
広告が入るけど、基本は無料で使えるよ。

250円の課金で広告なしで使用できます。

【ipadアニメーション制作】folioscope ファイル作成

folioscopeファイル作成

folio scopeを開くと、まずこの画面が開きます。

アイコンの番号順に説明していきます。

眼鏡くん
この画面は作成した後の管理のボタンが多いので、早速アニメーションを作りたい人は真ん中の白い四角か、⑧の新規作成を押しましょう。

使い方は、目次の"folio scopeアニメーション作成画面"から。

①ファイルの名前

folio scopeタイトル

帽子ちゃん
今「タイトルなし」と表示されているところをタップすると、ファイルの名前を作成出来ますよ。

②書き出し

folio scope書き出し

帽子ちゃん
箱から矢印が出ているマークを押すと、作成したアニメーションをipadに保存出来ます。
眼鏡くん
アニメーションを作ってから押すんだね。

③フレーム数

folio scopeフレーム数

帽子ちゃん
×3のところを押すと、アニメーションのフレーム数を決められます。

×2がゆっくりで、×6だと速くなります。

眼鏡くん
動きが滑らかなアニメーションを作りたい場合は×6を選べば良いんだね。
帽子ちゃん
folio scopeでは、フレーム数はアニメーションを作成した後でも変更できますよ!

④再生ボタン

folio scope再生

帽子ちゃん
再生ボタンで、この画面で作成したアニメーションを再生出来ます!

⑤コマの確認

folio scopeコマ確認

帽子ちゃん
このボタンを押すと、アニメーションで作成したコマ毎にイラストを確認出来ます。

⑥ファイルの複製

folio scopeその他

帽子ちゃん
・が3つのマークを押すと、四角が2つ重なっているマークが出てきます。

これで作成したアニメーションを複製する事が出来ます!

folio scopeファイルの複製

眼鏡くん
もう一つ、書き出しに似ているマークがありますが、押せませんね。

書き出し(作成したアニメーションをこのiPadに保存)は②のボタンからしましょう!

⑦ファイルの削除

folio scopeファイル削除

帽子ちゃん
ゴミ箱のマークですね。

こちらで作成したアニメーションを削除出来ます。

眼鏡くん
削除したい時以外は押さないように気をつけよう!

⑧ファイル作成

folio scope新規作成

帽子ちゃん
アニメーション作成の際は、この+ボタンから始めます。

⑨フォルダ毎にみる

folio scopeフォルダ参照

帽子ちゃん
このボタンで、アニメーションのフォルダを見る事が出来ます!

⑩folio scope交流画面

folio scope交流

帽子ちゃん
蜂のマークから、皆が作成したfolio scopeのアニメーションを見る事が出来ますよ!
眼鏡くん
皆、こんなアニメーションを作ってるんだなあ〜!

11.folio scope設定

folio scope設定

帽子ちゃん
folio scopeはログインしなくても使えますが、設定からログインや、課金が出来ます。
眼鏡くん
ここから250円課金で広告なしで使えるんだね!!

【ipadアニメーション制作】folio scope アニメーション作成画面

帽子ちゃん
それでは、アニメーション作成画面の説明をしていきますよ。

folio scope作成画面

帽子ちゃん
いよいよ、アニメーション作成画面だよ。

アニメーション作成は、こちらの記事も参考にどうぞ♪

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

【パラパラ漫画】初心者も上手に出来る描き方講座 眼鏡くんパラパラ漫画を作りたいけど、何枚もイラストを描くのってタイヘン…。 初心者でもそれっぽくパラパラ漫画をつくる事って出来るのかな。 帽子ちゃん初心 ...

続きを見る

1.ペン先の質感選択

folio scopeペン先

帽子ちゃん
1 のボタンを押すと、ペン先の質感を選択出来ます。

folio scopeペン先1

眼鏡くん
このドットのような質感がfolio scopeの持ち味だよね!

デフォルトで何種類か選べるのが面白いなあ。

2.ペン先大きさ選択

folio scopeペン先大きさ

帽子ちゃん
2 のボタンでは、ペン先の大きさを変更出来ます。

folio scopeペン先大きさ1

眼鏡くん
イラスト制作では無いと困る機能だね。

3.描画ツール選択

帽子ちゃん
3 のボタンで描画ツールを変えられますよ!

眼鏡くん
右から

・ペン

・消しゴム

・塗りつぶし

・選択

ツールだね!

4.色

folio scope色変更

帽子ちゃん
4 のボタンで色を選択出来ます!

folio scope色変更1

眼鏡くん
他のソフトに比べるとかなり色数は少ないね。

だからこそのgifアニメ感が出るんだな…

制限を楽しもう!

5.レイヤー

folio scopeレイヤー

帽子ちゃん
folio scopeのレイヤー機能では、前面レイヤー、背面レイヤーの2枚まで使えます!

folio scopeレイヤー1

1.レイヤー選択

眼鏡くん
5 のボタンを押して出てきたボタンの1 を押すと、描画するレイヤーを変更出来るよ!

2.レイヤー入替

帽子ちゃん
2 のボタンで、前面レイヤーと背面レイヤーを入れ替えられます。
眼鏡くん
上にあるレイヤーを、下側に位置を変更出来るって事だね!

3.レイヤー結合

帽子ちゃん
3 のボタンで、前面レイヤーと背面レイヤーを1つのレイヤーにまとめられますよ。
眼鏡くん
例えば、線のレイヤーと色のレイヤーを分けていたものを1つにして、先ほどと同じように色を塗ろうとすると、線に色が被っちゃうので注意しよう!

6.コマ確認

folio scopeコマ確認

帽子ちゃん
スライドボタンを動かすと、アニメーションのコマを確認出来ます。
眼鏡くん
タイムラインって事だね。

コマの動きがどうなっているか、動かして確認しましょう!

7.コマの新規作成

folio scope新規コマ作成

帽子ちゃん
7 のボタンで、新しいコマを作成します。
眼鏡くん
新しいコマを作成すると、自動的に前のコマが別の色で表示されます。

これを基準に少し線を動かして、アニメーションを作っていこう!

folio scopeオニオンスキン

帽子ちゃん
この、色のついた前のコマは、アニメーション再生時には表示されません。

パラパラ漫画を作る時、前のコマを透かしてみているイメージですよ!

眼鏡くん
この機能をオニオンスキンと言いますよ。

玉ねぎの皮は透かしてものが見えるからこう呼ぶそうです。

8.コマの複製

folio scopeコマの複製

帽子ちゃん
8 のボタンで、今カーソルが乗っているコマを複製する事が出来ます。
眼鏡くん
同じコマを増やしたい時に使うんだね。

一部だけ動かす時なんかに便利そう!

9.コマの削除

folio scopeコマ削除

帽子ちゃん
作ったコマを消したい時は、9 のボタンを使います。
眼鏡くん
このボタンを押しただけでは削除になりません。

このボタンあと、出てきた✔︎マークを押すと削除完了です。

10.folio scope設定

folio scope設定

帽子ちゃん
設定で、細かい部分を変更出来ます。
眼鏡くん
少し高度な設定なので、最初のうちは触らなくてもアニメーション作成は出来ますよ!

folio scope設定一覧

1.folio scopeアイコン一覧

帽子ちゃん
folio scopeの、この画面のアイコンの意味を一覧で見る事が出来ます。
眼鏡くん
便利だけど、正直専門用語が多くてパッと見て分かりづらいかもです。

そういう時は実際に触って確かめましょう!

2.オニオンスキン不透明度

帽子ちゃん
前面レイヤーのオニオンスキンが紫、背面レイヤーのオニオンスキンがオレンジになっているようです。
眼鏡くん
それぞれの不透明度をここで変えられるんだね!

3.描画デバイス選択(Apple pencilなど)

帽子ちゃん
Apple pencilを有効にしたり、無効にしたり出来るようです。

4.3D touch

帽子ちゃん
Applepencilのタッチ感度かな?
眼鏡くん
(何だか分からないんだな。僕も分からないけど。)

5.グリッド表示

帽子ちゃん
画面に四角のグリッドを表示させる事が出来ます。
眼鏡くん
オニオンスキンと同じく、アニメーション再生時に表示されない、画面の基準に使う機能だね。

6.透明レイヤー

帽子ちゃん
透明レイヤーが作成出来ます

7.マージン

帽子ちゃん
詳細不明ですが、画面の外側の色を変えてアニメーションの見え方を確認する機能と思われます。

11.進む

folio scope進む

帽子ちゃん
戻るボタンを押した時に、1つ先に進む事が出来ます。
眼鏡くん
進む、戻るは絵を描く時によく使うね!

12.アニメーション再生

folio scope再生

帽子ちゃん
コマを複数作成してアニメーションを描画した後、このボタンで再生が出来ますよ!
眼鏡くん
何回作ってもこの瞬間がワクワクするね!!

13.戻る

folio scope戻る

帽子ちゃん
間違えた線を描いたら、このボタンで1つ戻れます!
眼鏡くん
消しゴムも良いけど、戻れるのは便利だよね〜。

14.終了

folio scope終了

帽子ちゃん
アニメーション作成を終了して、先程の画面に戻ります。
眼鏡くん
folio scopeでは、saveや保存は特に必要ないんだね。

【ipadアニメーション制作】初心者向け!folioscope使い方:まとめ

眼鏡くん
これでfolio scopeの使い方アイコンは全て分かった!

アニメーションがいつでも作り始められるぞ!

帽子ちゃん
gifアニメ感ある仕上がりですが、レイヤーや、オニオンスキンなど、高機能です!

是非オリジナルのアニメーションを楽しんで作ってみてくださいね♪

眼鏡くん
このサイトでは、漫画やイラストの書き方を色々紹介しています。

気になる方は、他の記事も覗いてみてね!

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

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

続きを見る

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

【FipaClip】初心者向け!手描アニメーションアプリ使い方【iPad】 眼鏡くんipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ 帽子ちゃんそれなら ...

続きを見る

-Gifアニメ付き, デジタル

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