スポンサード リンク
Ads by Google
フラッシュ動画は初心者ほど楽しいゾ。
フラッシュ動画は本当に楽しいですよ。
初めての方ほど楽しめます。
そのまま横にスーと動かすだけなら超簡単です。
残念ながら必要なフラッシュソフトだけは、別に購入しなければなりませんが、
ヘタでも絵を描くのが大好きな方にはおススメします。
自分が描いた絵がパソコンの画面で動くんですよ。
昔なら考えられません。
スクリプト（台本）なんて用語で書く、小難しいことは、プロにまかせておけばいいのです。
どんどん描いてどんどん動かしてしまいましょう。
自分で楽しむだけなら誰にも迷惑はかかりません。
ポイントは、ライブラリーと呼ばれる描いた絵を保存するシステムと、
ＭｏｖｉｅＣｌｉｐ（ムービークリップ）と呼ばれる特別な仕組みです。
これだけは避けて通れません。嫌でも理解しましょう。
書いた絵を（人物や動物なら）ムービークリップに変換して、
ライブラリーに保存しましょう。
※（ムービークリップに変換すれば自動的にライブラリーに保存されます。）
ムービークリップの画面で、パラパラマンガのように２コマ作りましょう。
１コマ目は、描いた絵ですでに出来上がっていますから、
２コマ目を１コマ目の絵に少し手を加えて（足や手に）変化をつけます。
それを「シーン」と呼ばれる通常の絵を描く画面にドラッグすれば、
足踏み状態をいつまでも続けてくれます。（カクカクした動きで滑稽です。）
さらに歩いているように動かしたくなれば（タイムライン）と呼ばれる中にキーフレームを
２箇所作ればもうトコトコ歩くアニメーションの完成です。
細かい作業や、詳しいことは次の機会に、わかりやすく説明します。
初めての方ほど楽しめます。
そのまま横にスーと動かすだけなら超簡単です。
残念ながら必要なフラッシュソフトだけは、別に購入しなければなりませんが、
ヘタでも絵を描くのが大好きな方にはおススメします。
自分が描いた絵がパソコンの画面で動くんですよ。
昔なら考えられません。
スクリプト（台本）なんて用語で書く、小難しいことは、プロにまかせておけばいいのです。
どんどん描いてどんどん動かしてしまいましょう。
自分で楽しむだけなら誰にも迷惑はかかりません。
ポイントは、ライブラリーと呼ばれる描いた絵を保存するシステムと、
ＭｏｖｉｅＣｌｉｐ（ムービークリップ）と呼ばれる特別な仕組みです。
これだけは避けて通れません。嫌でも理解しましょう。
書いた絵を（人物や動物なら）ムービークリップに変換して、
ライブラリーに保存しましょう。
※（ムービークリップに変換すれば自動的にライブラリーに保存されます。）
ムービークリップの画面で、パラパラマンガのように２コマ作りましょう。
１コマ目は、描いた絵ですでに出来上がっていますから、
２コマ目を１コマ目の絵に少し手を加えて（足や手に）変化をつけます。
それを「シーン」と呼ばれる通常の絵を描く画面にドラッグすれば、
足踏み状態をいつまでも続けてくれます。（カクカクした動きで滑稽です。）
さらに歩いているように動かしたくなれば（タイムライン）と呼ばれる中にキーフレームを
２箇所作ればもうトコトコ歩くアニメーションの完成です。
細かい作業や、詳しいことは次の機会に、わかりやすく説明します。
ブログのタイトルバナーをFLASHにする方法（MT編）
ブログのタイトルバナー（トップバナー）を
FLASHに変える方法「MT編」です。
実際のサイト→ http://mcr2008.net/demo/
※MT3.35を使用。
※Adobe Flash CS3を使ってフラッシュ画像を作成、パブリッシュしてあります。
「AC_RunActiveContent.js（*1）」を
任意のディレクトリにアップ。
「テンプレート」でメインページ、アーカイブページ、
カテゴリーページ（カテゴリー・アーカイブ）、
個別ページ（エントリー・アーカイブ）のテンプレートを開き
</head>の上あたりに下記タグを貼り付けて保存します。
※<$MTBlogURL$>の部分を、ファイルをアップした場所
によって変えてください。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
フラッシュを作るときにできたHTMLファイルを開き、
<body>〜</body>のあいだの下記部分をコピーし、
メインページ、アーカイブページ、カテゴリー・アーカイブ、
エントリー・アーカイブの各テンプレートの
トップバナーが入るべき場所に貼り付けます。
上記の、<script language="javascript">〜</script>までが、
WinXP+IEにおけるFlashムービーのアクティブ化対策。
「このコントロールをアクティブ化して使用するにはクリックしてください」
というメッセージを出さないようにするための対策となります。
そして、<noscript>〜</noscript>までは
JavaScriptをOFFにしているひとのための対策となります。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
上記タグはAdobe Flash CS3を使ってパブリッシュすると
自動生成されるものですが、Flashファイルをアップした場所を
きちんと指定しないと画像が表示されません。
<script language="javascript">〜</script>の「src」「movie」と、
<noscript>〜</noscript>の「src」の＊＊＊＊＊の前には
パスを追加して正しい位置を指定しましょう。
例）http://abcd/efg/＊＊＊＊＊
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
（*1）AC_RunActiveContent.jsについて・
AC_RunActiveContent.jsを入手したいとき↓
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
参考にさせていただいた記事
WinXP+IEにおけるFlashムービーのアクティブ化対策
http://hfm-kenchan.com/Lesson/log_qa/D0605211.htm
「このコントロールをアクティブ化して・・・」を出さない方法
http://hfm-kenchan.com/Lesson/log_qa/D0604221.htm
FLASHに変える方法「MT編」です。
実際のサイト→ http://mcr2008.net/demo/
※MT3.35を使用。
※Adobe Flash CS3を使ってフラッシュ画像を作成、パブリッシュしてあります。
「AC_RunActiveContent.js（*1）」を
任意のディレクトリにアップ。
「テンプレート」でメインページ、アーカイブページ、
カテゴリーページ（カテゴリー・アーカイブ）、
個別ページ（エントリー・アーカイブ）のテンプレートを開き
</head>の上あたりに下記タグを貼り付けて保存します。
<script src="<$MTBlogURL$>AC_RunActiveContent.js" language="javascript"></script>
※<$MTBlogURL$>の部分を、ファイルをアップした場所
によって変えてください。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
フラッシュを作るときにできたHTMLファイルを開き、
<body>〜</body>のあいだの下記部分をコピーし、
メインページ、アーカイブページ、カテゴリー・アーカイブ、
エントリー・アーカイブの各テンプレートの
トップバナーが入るべき場所に貼り付けます。
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("このページでは \"AC_RunActiveContent.js\" が必要です。");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '760',
'height', '150',
'src', '＊＊＊＊＊',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', '＊＊＊＊＊',
'bgcolor', '#ffffff',
'name', '＊＊＊＊＊',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', '＊＊＊＊＊',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="760" height="150" id="＊＊＊＊＊" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="＊＊＊＊＊.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="＊＊＊＊＊.swf" quality="high" bgcolor="#ffffff" width="760" height="150" name="＊＊＊＊＊" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
上記の、<script language="javascript">〜</script>までが、
WinXP+IEにおけるFlashムービーのアクティブ化対策。
「このコントロールをアクティブ化して使用するにはクリックしてください」
というメッセージを出さないようにするための対策となります。
そして、<noscript>〜</noscript>までは
JavaScriptをOFFにしているひとのための対策となります。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
上記タグはAdobe Flash CS3を使ってパブリッシュすると
自動生成されるものですが、Flashファイルをアップした場所を
きちんと指定しないと画像が表示されません。
<script language="javascript">〜</script>の「src」「movie」と、
<noscript>〜</noscript>の「src」の＊＊＊＊＊の前には
パスを追加して正しい位置を指定しましょう。
例）http://abcd/efg/＊＊＊＊＊
注：<script language="javascript">〜</script>の中の
「src」「movie」の指定時には拡張子「.swf」をつけなくてもよい。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
（*1）AC_RunActiveContent.jsについて・
AC_RunActiveContent.jsを入手したいとき↓
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
参考にさせていただいた記事
WinXP+IEにおけるFlashムービーのアクティブ化対策
http://hfm-kenchan.com/Lesson/log_qa/D0605211.htm
「このコントロールをアクティブ化して・・・」を出さない方法
http://hfm-kenchan.com/Lesson/log_qa/D0604221.htm
テーマ:パソコン関連お役立ち情報 - ジャンル:コンピュータ
シーケンス
FLASHで、写真を読み込みしようとすると
・ステージに読み込み...
・ライブラリに読み込み...
などから選べるようになっていますが
このうち、「ステージに読み込み...」を選んだとき、
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
このファイルはシーケンスの一部です。
シーケンスのイメージすべてを読み込みますか？
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
というメッセージが出ることがあります。
これは、写真のファイルを連番で保存していたときに
出るメッセージです。
たとえば、あるフォルダ内に
インテリア系01.jpg、インテリア系02.jpg、インテリア系03.jpg
などと、日本語で名前をつけて保存していても出ます。
ここで「はい」をクリックすると連番をふっていたファイルの
枚数分のキーフレームが作成されます。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
シーケンス【sequence】《「シークエンス」とも》
１連続。連続して起こる順序。
２映画やテレビで、一続きのシーンによって構成される、
ストーリー展開上の一つのまとまり。「六シーン二三カットの―」
３機器を自動制御する際の、あらかじめ設定しておく動作の順序。
４カリキュラム編成において、教科内容の段階的学習の順序。→スコープ
５トランプで、数が連続する同種の3枚以上のカード。
yahoo!辞書
http://dic.yahoo.co.jp/dsearch?p=%a5%b7%a1%bc%a5%b1%a5%f3%a5%b9&dtype=0&stype=1&dname=0na
・ステージに読み込み...
・ライブラリに読み込み...
などから選べるようになっていますが
このうち、「ステージに読み込み...」を選んだとき、
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
このファイルはシーケンスの一部です。
シーケンスのイメージすべてを読み込みますか？
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
というメッセージが出ることがあります。
これは、写真のファイルを連番で保存していたときに
出るメッセージです。
たとえば、あるフォルダ内に
インテリア系01.jpg、インテリア系02.jpg、インテリア系03.jpg
などと、日本語で名前をつけて保存していても出ます。
ここで「はい」をクリックすると連番をふっていたファイルの
枚数分のキーフレームが作成されます。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
シーケンス【sequence】《「シークエンス」とも》
１連続。連続して起こる順序。
２映画やテレビで、一続きのシーンによって構成される、
ストーリー展開上の一つのまとまり。「六シーン二三カットの―」
３機器を自動制御する際の、あらかじめ設定しておく動作の順序。
４カリキュラム編成において、教科内容の段階的学習の順序。→スコープ
５トランプで、数が連続する同種の3枚以上のカード。
yahoo!辞書
http://dic.yahoo.co.jp/dsearch?p=%a5%b7%a1%bc%a5%b1%a5%f3%a5%b9&dtype=0&stype=1&dname=0na
FLASH関連リンク集01
FLASHバナーを作ったり、記事を書くときに参考にした
フラッシュ関連のサイトURLをまとめるページです。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
WinXP+IEにおけるFlashムービーのアクティブ化対策
http://hfm-kenchan.com/Lesson/log_qa/D0605211.htm
「このコントロールをアクティブ化して・・・」を出さない方法
http://hfm-kenchan.com/Lesson/log_qa/D0604221.htm
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
AC_RunActiveContent.jsについて
AC_RunActiveContent.jsを入手したいとき
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
Flash CS3で出来ることとFlash 8との違い
http://itpro.nikkeibp.co.jp/article/COLUMN/20071018/284913/?P=2
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
マイクロソフトの訴訟問題
http://itpro.nikkeibp.co.jp/members/ITPro/USURA/20031023/1/?ST=vista
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
初めてのフラッシュ動画バナーに挑戦日記
http://mcr2008.net/douga/
フラッシュ動画バナー制作日記
http://rie-t.net/
フラッシュ関連のサイトURLをまとめるページです。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
WinXP+IEにおけるFlashムービーのアクティブ化対策
http://hfm-kenchan.com/Lesson/log_qa/D0605211.htm
「このコントロールをアクティブ化して・・・」を出さない方法
http://hfm-kenchan.com/Lesson/log_qa/D0604221.htm
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
AC_RunActiveContent.jsについて
AC_RunActiveContent.jsを入手したいとき
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
Flash CS3で出来ることとFlash 8との違い
http://itpro.nikkeibp.co.jp/article/COLUMN/20071018/284913/?P=2
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
マイクロソフトの訴訟問題
http://itpro.nikkeibp.co.jp/members/ITPro/USURA/20031023/1/?ST=vista
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
初めてのフラッシュ動画バナーに挑戦日記
http://mcr2008.net/douga/
フラッシュ動画バナー制作日記
http://rie-t.net/
ブログにFLASHを貼り付ける方法（MT編）
ブログにFLASHを貼り付ける方法。
fc2編に続いて「MT編」です。
※MT3.35を使用。
※Adobe Flash CS3を使ってフラッシュ画像を作成、
パブリッシュした場合です。
「AC_RunActiveContent.js（*1）」を
任意のディレクトリにアップ。
FTPソフトを使ってアップしてもいいし、
MTのメニュー「ファイルのアップロード」を
使ってもかまいません。
どちらにしても、アップした場所（パス）を
忘れないようにします。
「テンプレート」でメインページ、
個別ページ（エントリー・アーカイブ）など
任意のテンプレートを開きの上あたりに
下記タグを貼り付けて保存します。
※<$MTBlogURL$>の部分が、ファイルをアップした場所
によって変わってきます。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
フラッシュを作るときにできたHTMLファイルの中で
自動的に生成されたhtml ファイルを開き、
<script language="javascript">〜</noscript> （</body> のすぐ上まで）
までをコピー、フラッシュ動画を表示させたい場所にペーストしてください。
このとき、
'src', 'banner', を 'src', ' ファイルをアップする場所/banner',
'movie', 'banner', を 'movie', ' ファイルをアップする場所/banner',
embed src="banner.swf" を embed src=" ファイルをアップする場所/banner.swf"
としてください。
それぞれ、25 行目、41 行目、54〜55 行目あたりにあります。
例：'src', 'http://www.abc.com/img/flash/banner',
補足．
ｍovable type の記事中にフラッシュ動画を表示する場合は
新規エントリーの改行設定「改行を変換する」を「なし」に変えてください。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
※"http://*****.net/******/***.swf"の
「http://*****.net/******/」部分が
自分のブログのURLだとしても
"<$MTBlogURL$>***.swf"ではダメ。（*2）
以上でMTの記事中にフラッシュを貼り付けて
IEで閲覧してもクリックを求められたりしないと思います☆
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
（*1）AC_RunActiveContent.jsについて・
AC_RunActiveContent.jsを入手したいとき↓
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
（*2）MovableTypeのエントリーのテキストエリア内では
MTのタグは使えない↓
エントリーの中でMTタグを使えるようになるプラグイン
http://movabletype.gift-select.com/2006/10/movabletype_2.html
次のページ
fc2編に続いて「MT編」です。
※MT3.35を使用。
※Adobe Flash CS3を使ってフラッシュ画像を作成、
パブリッシュした場合です。
「AC_RunActiveContent.js（*1）」を
任意のディレクトリにアップ。
FTPソフトを使ってアップしてもいいし、
MTのメニュー「ファイルのアップロード」を
使ってもかまいません。
どちらにしても、アップした場所（パス）を
忘れないようにします。
「テンプレート」でメインページ、
個別ページ（エントリー・アーカイブ）など
任意のテンプレートを開きの上あたりに
下記タグを貼り付けて保存します。
<script src="<$MTBlogURL$>AC_RunActiveContent.js" language="javascript">
※<$MTBlogURL$>の部分が、ファイルをアップした場所
によって変わってきます。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
フラッシュを作るときにできたHTMLファイルの中で
自動的に生成されたhtml ファイルを開き、
<script language="javascript">〜</noscript> （</body> のすぐ上まで）
までをコピー、フラッシュ動画を表示させたい場所にペーストしてください。
このとき、
'src', 'banner', を 'src', ' ファイルをアップする場所/banner',
'movie', 'banner', を 'movie', ' ファイルをアップする場所/banner',
embed src="banner.swf" を embed src=" ファイルをアップする場所/banner.swf"
としてください。
それぞれ、25 行目、41 行目、54〜55 行目あたりにあります。
例：'src', 'http://www.abc.com/img/flash/banner',
補足．
ｍovable type の記事中にフラッシュ動画を表示する場合は
新規エントリーの改行設定「改行を変換する」を「なし」に変えてください。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
※"http://*****.net/******/***.swf"の
「http://*****.net/******/」部分が
自分のブログのURLだとしても
"<$MTBlogURL$>***.swf"ではダメ。（*2）
以上でMTの記事中にフラッシュを貼り付けて
IEで閲覧してもクリックを求められたりしないと思います☆
：：：：：：：：：：：：：：：：：：：：：：：：：：：：
（*1）AC_RunActiveContent.jsについて・
AC_RunActiveContent.jsを入手したいとき↓
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
（*2）MovableTypeのエントリーのテキストエリア内では
MTのタグは使えない↓
エントリーの中でMTタグを使えるようになるプラグイン
http://movabletype.gift-select.com/2006/10/movabletype_2.html
