![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?e8efa67)
No.1ベストアンサー
- 回答日時:
本のページではなくて,本自体が開くのですか?
それでしたら,
モーショントゥイーンもシェイプトゥイーンも普通は使いませんよ。
パラパラマンガのように1コマずつ手描きです。
「OKWave」系 より 「教えて!goo」 の方が行間がせまいので,
下のものを「教えて!goo」から遠目で閲覧してもらうと,
http://oshiete1.goo.ne.jp/qa3012417.html
それらしく見えるかもしれません↓。
1
□□□□□□□□□□□□□□□□
□□□□□□□□□■■■■■■□
□□□□□□□□□■■■■■■□
□□□□□□□□□■■■■■■□
□□□□□□□□□■■■■■■□
□□□□□□□□□■■■■■■□
□□□□□□□□□■囲囲囲囲□□
□□□□□□□□□■囲囲囲囲□□
□□□□□□□□□■■■■■■□
□□□□□□□□□□□□□□□□
2
□□□□□□□□□□□□□□□□
□□□□□□□□□□□■□□□□
□□□□□□□□□□■■囲□□□
□□□□□□□□□■■■囲□□□
□□□□□□□□■■■■囲□□□
□□□□□□□□■■■■囲□□□
□□□□□□□□■■■■囲□□□
□□□□□□□□■■囲囲□囲■□
□□□□□□□□■囲囲□囲囲■□
□□□□□□□□■囲□囲囲囲■□
□□□□□□□□□■囲囲囲囲■□
□□□□□□□□□■■■■■■□
□□□□□□□□□□□□□□□□
3
□□□□□□□□□□□□□□□□
□□□□□□□■□□□□□□□□
□□□□□□□■囲□□□□□□□
□□□□□□□■囲囲□□□□□□
□□□□□□□■囲囲□□□□□□
□□□□□□□■囲囲□囲囲囲□□
□□□□□□□■囲囲□囲囲囲■□
□□□□□□□■囲囲□囲囲囲■□
□□□□□□□■囲□囲囲囲囲■□
□□□□□□□□■囲囲囲囲囲■□
□□□□□□□□□■■■■■■□
□□□□□□□□□□□□□□□□
4
□□□□□□□□□□□□□□□□
□□□□□■□□□□□□□□□□
□□□□□■囲囲□□□□□□□□
□□□□□■囲囲囲□□□□□□□
□□□□□■囲囲囲□囲囲囲囲□□
□□□□□■囲囲囲□囲囲囲囲■□
□□□□□□■囲囲□囲囲囲囲■□
□□□□□□□■囲□囲囲囲囲■□
□□□□□□□□■囲囲囲囲囲■□
□□□□□□□□□■■■■■■□
□□□□□□□□□□□□□□□□
5
□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□
□□囲囲囲囲□□□□囲囲囲囲□□
□■囲囲囲囲囲■囲□囲囲囲囲■□
□■囲囲囲囲囲■囲□囲囲囲囲■□
□■囲囲囲囲囲■囲□囲囲囲囲■□
□■囲囲囲囲囲■■囲囲囲囲囲■□
□■■■■■■□□■■■■■■□
□□□□□□□□□□□□□□□□
上の1~5の絵(絵に見える?)は,
同じオブジェクトが形を変えながら動くというものではありませんね。
1コマ1コマは別の形をしたものです。
仮に3Dソフトを使ったとしても,
上のように動かすのはかなり難しいと思います。
また,
ビデオを使って本物の本を開くようすを撮影するのも,
すごく困難で厄介だと思います。
したがって,
1枚ずつFlashで手描きするのが一番簡単だと思います。
というか,
上に書いた1~5の■ □ 囲 の絵でも雑ですがけっこう大変なのですよ。
1コマ1コマどころか,1粒1粒配置しているのですから。
■ □ 囲 で上のようなものを書く時間があったら,
Flash で,もっとちゃんとしていてきれいな本が開くアニメくらい描けていると思います。
それくらいの手間は普通Flashにかけるものです。
そういう手間を惜しんでいては本はいつまでたっても開きませんよ。
また手間を惜しまず日々そういうものを描いていれば,すぐに描けるようになります。
つまり...,慣れですね。
あと,
コマは5コマしか描いていませんが,
上の1~5のような5つの絵を別々のムービークリップ内に作成して,
さらに別々のレイヤーの重なる座標に配置して,
それぞれのムービークリップを「アルファ0→100」のようにモーショントゥイーンで出てくるようにすれば,
見かけ上だけはもっとゆっくりでなめらかなアニメーションにも見えるようになりますよ。
---タイムラインを図示----------------------------------
アルファ0 → 100
レイヤー |○ []|●->[]|●//[]| 5
レイヤー |○ []|●->[]|●//////// []| 4
レイヤー |○ []|●->[]|●////////////////[]| 3
レイヤー |○[]|●->[]|●////////////////////////[]| 2
レイヤー |●///////////////////////////////// []| 1
-------------------------------------------------
また,
私も何度か本を開くアニメを作ったことがありますが(おそらく職業柄です),
「開きたい本」はその都度変わるので使い回しは,まずできません。
いかにも GIFアニメ チックな小さな本が開きたかったり,
本格的にリアルな本の絵が開きたかったり,
また開く本の厚さも変わりますし,本の表紙も変わります。
本ではなく罫線入りの薄いノートのような物が開きたい場合もあります。
その他雰囲気なども毎囲違う物が必要になるので,毎囲最初から描くことになります。
仮に素材屋さんに本を開くアニメの素材があっても無駄というものですね。
あと,
絵を描くときの着目点ですが,
上の1~5のような開く本を描く場合,
「本の表紙のこちら側を向いたラインの軸」だけは,
モーショントゥイーンでも動かすことができるような単純な動きをするということです。
「本の表紙のこちら側を向いたラインの軸」というのがわかりにくい表現だと思いますが,
分厚い表紙の本を立てて板の上に置いたとき,
その本の表紙が板と接する「コ」の字のラインのことです。
その「コ」の字の表表紙と裏表紙の動きは単純だと思います。
こんな単純な軌跡になります↓。
□□□□□□□□□□□□□
□□□□□□□□□□□□□
□□□□□□□□■■■■□
□□□□□□□□■■■■□
□□□□□□□□□■□□□
□□□□□□□□■□□□□
□□□□□□□■□□□□□
□□□□□□□□■■■■□
□□□□□□■□□□□□□
□□□□□□■□□□□□□
□□□□□□■□□□□□□
□□□□□□□□■■■■□
□□□■□□□□□□□□□
□□□□■□□□□□□□□
□□□□□■□□□□□□□
□□□□□□□□■■■■□
□□□□□□□□□□□□□
□□□□□□□□□□□□□
□□□□□□□□□□□□□
□■■■■□□□■■■■□
この表表紙と裏表紙の軸のラインだけを先にキッチリと作って,
その他のラインはこの軸のラインに平行になるようにコピペなどで平行四辺形を描いていくと,
その線を下地として,キッチリした本の動きを描く土台になると思います。
遠近法を使わない 正投影 の場合,
固い表紙の部分は全て平行四辺形(長方形を含む)の図形の集合で作成できます。
つまりは,対辺は1辺のコピペで描けるのです。
正投影 について↓
「投影図 - Wikipedia」
http://ja.wikipedia.org/wiki/%E6%8A%95%E5%BD%B1% …
正投影ではなく,
遠近法を使った場合は,平行四辺形の集合体にはなりませんが,
表表紙と裏表紙の軸のラインが最初の基準となる台形になります。
「FLAH学習・理論 透視図法」
http://www17.ocn.ne.jp/~wolves/SCHOOL/lecture/le …
(↑Flash で遠近法を説明されているという,
まれに見る貴重な存在のページだと思います。)
また,
Flash とは直接関係がありませんが,
Windows XP のデスクトップアイコンのような小さな世界でも,
ちゃんとした図法に則って描かれています。
「Windows Developer Center - Windows XP 用アイコン作成法」
http://www.microsoft.com/japan/msdn/windows/wind …
こういうものを描くこと自体は,
「作図」であって,「絵画」ではありません。
図は芸術性とかデザインの才能とかはほとんど関係しません。
「描く気」と「慣れ」の問題だけですね。
「描く気」と「慣れ」さえあれば普通は誰でも描けるものです。
本の表紙以外の本の中やわらかい紙の部分には曲線がでてきますが,
この曲線も,平行四辺形や台形の1辺を曲げたものとして描いて行けば本らしくなります。
文字だけでは,説明するのも理解するのも難しいですね...。
まあ,とにかく慣れです。
/////////////////////////////////////////////////////
「本が開く」という本自体のアニメーションではなくて,
「本のページをめくるようなFlash」 というものでしたら以前に囲答したことがあります。
すでに売っていないソフトなども書いていますが,使える物もあると思います。
よろしければ他の方の囲答なども合わせてご参考にしてみてください↓。
「本のページをめくるようなフラッシュ」
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1443824
↑教えて!goo ↓OKWave (同じです)
http://okwave.jp/qa1443824.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 確定申告 e-taxで開業届を出す方法がわかりません 1 2022/06/01 19:00
- Excel(エクセル) デスクトップのエクセルで作成したファイルを開くと未記入のエクセルが開く 5 2022/08/17 15:55
- Illustrator(イラストレーター) AIでのイラスト作成 1 2023/05/07 10:04
- その他(ソフトウェア) 特定のpremiere proのファイルが開けなくなりました。 1 2022/11/16 12:31
- その他(悩み相談・人生相談) 客観的に見て私の適職・天職は何ですか? ①過去に夢中になったものは何か? 絵(幼稚園から今もずっと) 5 2022/07/14 16:36
- ノートパソコン 【5時間格闘中】windows11でデスクトップにショートカットを作成してそれを開こうとすると毎回本 1 2023/05/13 20:17
- 固定IP Amazonが毎回英語版から始まる件について 1 2022/05/31 20:06
- 政治 竹島の日の行事に対する私の提案があれば。? 4 2022/11/30 07:16
- その他(IT・Webサービス) 【Google マップ】新しいマイマップを作るには、どうすれば良いでしょうか? 8 2023/03/10 09:06
- システム システムを開発するにあたって 3 2022/08/06 21:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
バケツツールが上手く使えません
-
word
-
数式中の文字をCambria Math以...
-
名古屋の栄と錦は治安悪い?
-
Illustratorテキストエリアへ塗...
-
『μg』の読み方と意味。
-
PDFファイルで画像化された文書...
-
PDF→CSVへ変換
-
NumericUpDownの数値を選択済み...
-
人体切断マジックの事でお聞き...
-
Accessテーブルの結合で別々の...
-
VS2013の選択した行に出る白枠...
-
illustratorとExcelは連携出来...
-
Outlook Expressのメールをまと...
-
submitボタン無しでページ(~.p...
-
VBのレコードセットを閉じない...
-
Access2010 SetFocusが当たらない
-
コンピュータ言語paythonのエデ...
-
コーレルドローを使っています。
-
プレミアプロ|テキストの赤枠...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c言語
-
バケツツールが上手く使えません
-
エクセルVBA シート全部のLine...
-
ビットマップ図形間のモーフィ...
-
FLASHで背景を黒にするにはどう...
-
Flash MX アニメーションgifで ...
-
本が開くようなアニメ
-
【FLASH】「線の拡張機能はサポ...
-
シェイプトゥイーンが使いこな...
-
visioマクロ
-
動く矢印の作り方
-
FLASHの軽量化
-
word
-
名古屋の栄と錦は治安悪い?
-
数式中の文字をCambria Math以...
-
『μg』の読み方と意味。
-
PowerPoint SmartArtの箇条書...
-
Illustratorテキストエリアへ塗...
-
PDF→CSVへ変換
-
illustratorとExcelは連携出来...
おすすめ情報