人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Flashを使って下記のようなWEBマガジンを作成したいと思っています。
http://www.fournines.co.jp/info/flip.htm#
こういったページのFlashの作成方法についてが説明されているサイト・本などを探しています。ご存知の方いらっしゃいましたら、よろしくお願いします。

●質問者: nico-chang
●カテゴリ:ウェブ制作
✍キーワード:Flash Web サイト マガジン 作成
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● kamisoriyasu
●5ポイント

http://www.gihyo.co.jp/books/syoseki.php/4-7741-2118-5

?????????? ???Х???Flash???????????????

なんだかんだで、基礎があればできてしまうような気がします。

結局まだFlashはマストコンテンツではないですから。

◎質問者からの返答

回答ありがとうございます。

質問の仕方が悪くて申し訳ありません。

携帯コンテンツではなく、

WEBマガジンを作りたいと思ってます。

また、Flashのテクニックを知りたいのは、

http://www.fournines.co.jp/info/flip.htm#

↑このページの「ENTER」ボタンを押した先のページになります。

どうぞよろしくお願い致します。


2 ● dobinn69
●5ポイント

http://rinrin.littlestar.jp/pdb/modules/wordbook/print.php?entry...

RinRin PrivateDB Web

どの機能で躓いているのかわからないので、とりあえず印刷機能の実装のさせ方を。

◎質問者からの返答

回答ありがとうございます。

説明が下手ですみません。

なんと説明したらいいのか・・。

私が作りたいWEBマガジンというのは、

WEB上で雑誌のようにペラペラとページがめくれるコンテンツのことです。

そのペラペラとページをめくるような動作を、

Flashでどのように作ったらいいかを知りたいと思っています。


3 ● kaorhythm
●50ポイント

http://www.hatena.ne.jp/1127186685#

人力検索はてな - Flashを使って下記のようなWEBマガジンを作成したいと思っています。 http://www.fournines.co.jp/info/flip.htm# こういったページのFlashの作成方法についてが説明されて..

URLはダミーです。


まず、本の全体形を背景として描画しておきます。

別レイヤー(同じレイヤーでも構いませんが…)に

左側のページだけを描き(背景の本とはぴったり重なるようにすること)グラフィックに変換。

右側中部(めくる時の中心点。本が閉じてある部分)に中心点を移動させ、

何フレームか先にキーフレームを挿入。

挿入したキーフレーム上で自由変形ツールを使って、片側ページの左側から中心を通って、右側にページを持ってくる。

始めのフレームとちょうど左右反転した形になったら、

モーショントゥイーンを作成して2つのキーフレームを繋げる。

動作の真ん中あたりにもキーフレームを挿入し、アルファ値を100%に。

始まりと終わりのキーフレームのアルファ値は50%くらいに薄くする。


……という流れで、ページがふわっと浮き出てめくられるような動作が再現できると思います。

説明が下手ですみませんが、やってみてください。

◎質問者からの返答

回答ありがとうございます!

とても参考になりました。やってみます。


4 ● pikka
●15ポイント

http://www.mdn.co.jp/webcre/index_reg.htm

月刊 [web creators]

複数の絵を用意して、パラパラ漫画のようにアニメーションさせてるような気もしますが、

直接描画するテクニックであれば、下記のサイト内の

「ワンランク上のテクニックを学びたい人の

Flashクリエイティブ・テクニック」に過去のサンプル

、ソースが載っています。

ダウンロード出来ますので、書かれているActionScriptを参照されては如何でしょうか?

既に連載が終わっているので、解説がありませんが

第16回の擬似3Dワイヤーフレームの様に、line描画で作成しているかもしれません。


MdNの本では「Flashクリエイティブ・テクニック

ISBN4-8443-5659-3

が読みやすいかもしれません。

◎質問者からの返答

回答ありがとうございます。

参考にしてみます。


5 ● y_asai
●15ポイント

http://www.iparigrafika.hu/pageflip/

PageFlip v2.2 by Macc - www.iparigrafika.hu

ご指摘のページはロゴスェアのFLIPPER Makerを使っているのかも。まず既成のツールを使う手があります。


自作をめざす場合、PageFlipは参考ソースをダウンロードできます(内容は未確認です)。


方法そのものずばりのページが少なくてすみません。URLの「ページめくり」に参考になる部分があります。

http://www.geocities.jp/jin_toyama/pages3/anime3_1/anime3_1.html

ページめくり

http://www.gac.jp/article/index.php?stats=question&command=m...

GAC なぜなにGAC->新着

http://www.logosware.com/index.php

http://www.ngc.co.jp/products/ibrowser/

iBrowser デジタルコンテンツブラウザー : NGC

http://pro-g.livedoor.com/digimaga/

livedoor ソフトウェア

http://hfm-kenchan.com/Lesson/log_qa/D0304151.htm

??????????FLASH?u??Q&A?i??????O?j

◎質問者からの返答

回答ありがとうございます。

参考にしてみます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ