フラッシュ動画バナー日記

フラッシュで動画バナーをつくるための勉強を始めます。flashバナー作品のアップもしていきたいなぁ。

スポンサード リンク

Google
 

フラッシュ動画は初心者ほど楽しいゾ。

フラッシュ動画は本当に楽しいですよ。
初めての方ほど楽しめます。
そのまま横にスーと動かすだけなら超簡単です。

残念ながら必要なフラッシュソフトだけは、別に購入しなければなりませんが、
ヘタでも絵を描くのが大好きな方にはおススメします。
自分が描いた絵がパソコンの画面で動くんですよ。
昔なら考えられません。

スクリプト(台本)なんて用語で書く、小難しいことは、プロにまかせておけばいいのです。
どんどん描いてどんどん動かしてしまいましょう。
自分で楽しむだけなら誰にも迷惑はかかりません。

ポイントは、ライブラリーと呼ばれる描いた絵を保存するシステムと、
MovieClip(ムービークリップ)と呼ばれる特別な仕組みです。
これだけは避けて通れません。嫌でも理解しましょう。

書いた絵を(人物や動物なら)ムービークリップに変換して、
ライブラリーに保存しましょう。
※(ムービークリップに変換すれば自動的にライブラリーに保存されます。)

ムービークリップの画面で、パラパラマンガのように2コマ作りましょう。
1コマ目は、描いた絵ですでに出来上がっていますから、
2コマ目を1コマ目の絵に少し手を加えて(足や手に)変化をつけます。

それを「シーン」と呼ばれる通常の絵を描く画面にドラッグすれば、
足踏み状態をいつまでも続けてくれます。(カクカクした動きで滑稽です。)

さらに歩いているように動かしたくなれば(タイムライン)と呼ばれる中にキーフレームを
2箇所作ればもうトコトコ歩くアニメーションの完成です。

細かい作業や、詳しいことは次の機会に、わかりやすく説明します。

テーマ:動画 - ジャンル:コンピュータ

  1. 2008/05/14(水) 15:37:38|
  2. 楽しいフラッシュ
  3. | トラックバック:0
  4. | コメント:9

ブログのタイトルバナーをFLASHにする方法(MT編)

ブログのタイトルバナー(トップバナー)を
FLASHに変える方法「MT編」です。

title-banner

実際のサイト→ 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

テーマ:パソコン関連お役立ち情報 - ジャンル:コンピュータ

  1. 2008/03/25(火) 17:19:15|
  2. FLASHバナー作成
  3. | トラックバック:0
  4. | コメント:0

シーケンス

FLASHで、写真を読み込みしようとすると

・ステージに読み込み...
・ライブラリに読み込み...

などから選べるようになっていますが
このうち、「ステージに読み込み...」を選んだとき、

::::::::::::::::::::::::::::

このファイルはシーケンスの一部です。
シーケンスのイメージすべてを読み込みますか?

sequence



::::::::::::::::::::::::::::

というメッセージが出ることがあります。
これは、写真のファイルを連番で保存していたときに
出るメッセージです。

たとえば、あるフォルダ内に
インテリア系01.jpg、インテリア系02.jpg、インテリア系03.jpg
などと、日本語で名前をつけて保存していても出ます。

ここで「はい」をクリックすると連番をふっていたファイルの
枚数分のキーフレームが作成されます。

flame0323

::::::::::::::::::::::::::::

シーケンス【sequence】《「シークエンス」とも》

1連続。連続して起こる順序。

2映画やテレビで、一続きのシーンによって構成される、
 ストーリー展開上の一つのまとまり。「六シーン二三カットの―」

3機器を自動制御する際の、あらかじめ設定しておく動作の順序。

4カリキュラム編成において、教科内容の段階的学習の順序。→スコープ

5トランプで、数が連続する同種の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

テーマ:動画 - ジャンル:コンピュータ

  1. 2008/03/23(日) 18:03:20|
  2. FLASH用語辞典
  3. | トラックバック:0
  4. | コメント:0

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/

テーマ:動画 - ジャンル:コンピュータ

  1. 2008/03/23(日) 01:21:02|
  2. FLASH関連リンク集
  3. | トラックバック:0
  4. | コメント:1

ブログにFLASHを貼り付ける方法(MT編)

ブログにFLASHを貼り付ける方法。
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',


補足.
movable 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

テーマ:動画 - ジャンル:コンピュータ

  1. 2008/03/23(日) 00:57:25|
  2. ブログにFLASHをアップ
  3. | トラックバック:0
  4. | コメント:0
次のページ

FLASHの参考書


FLASH CS3 Professionalスーパーリファレンス


FLASHで作るバナー広告見本帳


おしえて!! FLASH 8


速習WebテクニックFLASH MX上級サンプル100

カテゴリー

最近の記事

FLASH関連リンク

プロフィール

Author:banner000
FC2ブログへようこそ!

最近のコメント

最近のトラックバック

月別アーカイブ

FLASH【タグ】





My Yahoo!に追加
Add to Google

サイト作成

RSSフィード

By FC2ブログ

今すぐブログを作ろう!

Powered By FC2ブログ

ブロとも申請フォーム

この人とブロともになる