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

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

スポンサード リンク

Google
 

ブログのタイトルバナーを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

ブログにフラッシュを貼り付ける方法(fc2編)

ブログにフラッシュを貼り付ける方法の「fc2編」です。

fc2ブログは、フラッシュファイルをアップロードできます。(*1)

マイクロソフトの訴訟問題の関係(*2)で、
IEで閲覧中、flash画像を見ようとしても

「このコントロールをアクティブ化して使用するにはクリックしてください」
というメッセージが表示されます。

また管理者がJavaScriputファイルをアップロードしていないと
「このページでは"AC_RunActiveContent.js"(*3)が必要です」
というメッセージが表示されます。

これを回避するためのやり方をメモしていきます。

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

AC_RunActiveContent.js

というファイルは
Adobe Flash CS3を使ってフラッシュ画像を作成、
パブリッシュすると自動で作成されるJavaScriptファイルです。

もし、バージョンがCS3より古いとか
FLASH以外のアプリケーションで作ったという場合には
自作するか、下記(*3)のサイトからダウンロードできます。

では、つづきはのちほど☆

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


(*1)fc2でアップできるファイルの拡張子は jpg/gif/png/mid/swf/ico/mp3/html/txt/css/js/rdf/xml/xsl サイズは500KBまで

(*2)マイクロソフトの訴訟問題の関係
http://itpro.nikkeibp.co.jp/members/ITPro/USURA/20031023/1/?ST=vista

(*3)AC_RunActiveContent.jsを入手したいとき
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html

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

  1. 2008/03/22(土) 01:05:24|
  2. ブログにFLASHをアップ
  3. | トラックバック:0
  4. | コメント:0

mixiでFLASH動画

mixiでFLASHのコミュニティーを探してみました。
検索結果は、67件。
(日本語読み、など条件によって変わってきます)

それほど多くはないなぁ、なんて思っていたら
FLASHのコミュって参加人数がすごく多いですねー。

多いコミュには、2万人も参加しています。

フラッシュのおもしろ動画を集めよう!
気に入ったフラッシュのサイトを教え合おう!
という気軽なコミュもあれば、

ネットで探せばすぐわかる質問はしないように!
できるだけ自分で勉強してください。
高度なスクリプトに関する話題、大歓迎、
という、厳しそうなコミュもあります。

うーーーん。
ネット上で質問できる場があるのは心強いのだけど
mixiの場合、質問を書き込むと、自分の日記まで
辿ってこられることがネックですかね。

mixiにかぎらず、ネット上にはいろいろなFLASH関連の
掲示板、SNS、Q&Aサイトが存在しているようなので、
とりあえず、最初はROM専門でもいいから
いろいろなところを回ってみようと思います。

ミクシィ「コミュニティー」
http://mixi.jp/search_community.pl

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

  1. 2008/03/21(金) 01:36:10|
  2. FLASHバナー日記
  3. | トラックバック:0
  4. | コメント:0

シェイプトゥイーンを使ったアニメーション

シェイプトゥイーンを使ったフラッシュアニメーションを
作ってみました。参考にしたフラッシュ本はこれ。



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

対応バージョンはFLASH5です(笑
でも、たくさん作例が載っていて充実しています。

上級というだけあって、ほとんど訳わからないです。
今の私には高度な本です。

はじめの方だけ、ぱらぱら、と読んでみて、
これならやれそう!なものだけやってます(^_^;)

フラッシュの参考書は、バージョンが上がっても
使えるものが多いような気がします。

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

  1. 2008/03/13(木) 18:59:00|
  2. FLASHバナー日記
  3. | トラックバック:0
  4. | コメント:0

キーフレーム、トゥイーン

フラッシュの用語「フレーム」「キーフレーム」

フラッシュでは、映画やアニメーション、
動画のコマに当たるものを「フレーム」と呼びます。

「フレーム」は前のコマと同じですよ、という普通のコマ。
「キーフレーム」は今までのコマとは何かが違いますよ、
というフラッシュの中でも特別なコマです。

フラッシュの用語「トゥイーン」

キーフレームとキーフレームの間での変化を、
フラッシュが補ってアニメーションにするのですが
この補ってくれる機能のことを「トゥイーン」といいます。

トゥイーンにはフラッシュで一般的に使う「モーショントゥイーン」と
「シェイプトゥイーン」の2種類のトゥイーンがあります。

「モーショントゥイーン」の方がさくさく動くし、
(ファイルサイズも軽い)さまざまな事ができますが、
ある形が全く違う形に変化する、というような場合は
「シェイプトゥイーン」じゃないとダメなようです(^_^;)

シェイプトゥイーンを使ってフラッシュのアニメを作るときは
「シェイプヒント」というのを使うのですが
これはフラッシュに熟練した人でも難しいそうです。。。

ちょっと練習しなきゃぁなぁ。。。

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

  1. 2008/03/13(木) 15:53:41|
  2. FLASH用語辞典
  3. | トラックバック:0
  4. | コメント:0

FLASHバナー修行のはじまり

ご存じの方も多いと思いますが
フラッシュ(FLASH)というのは動画(アニメーション)を
つくるのにとても適したソフトです。

フラッシュで動画バナーを作りたい。
それを販売できるようになるまでが目標です。

フラッシュは3年以上前に触ったことがあります。
バージョンは4でした。

私がフラッシュを使ってできることは、
丸や四角の図形を書くこと、
文字を打つこと。色をつけること。

図形や文字が画面の右端から左端に移動したり、
大きくなったり、小さくなったり
消えたり、現れたり。

丸がだんだん四角になったり。
・・・その程度です。

では、これからフラッシュ(flash)バナー修行の旅です(笑

テーマ:ブログ始めました - ジャンル:日記

  1. 2008/03/12(水) 12:04:53|
  2. FLASHバナー日記
  3. | トラックバック:0
  4. | コメント:73

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ブログ

ブロとも申請フォーム

この人とブロともになる