初心者のための動画作成講座|仕事で使える映像制作 初心者のための動画作成講座

ホーム動画の作成 > 無料でFLASHバナーを作成する(2)

無料でFLASHバナーを作成する(2)

vol.57 無料でFLASHバナーを作成する(2)

FLASH化した画像にリンクを付ける

前々回、GIMPという無料画像編集ソフトを使って
バナーの絵を書きました。

さらに前回、Suzukaという、無料FLASH編集ソフトを使い、
バナーに動きを付けてフラッシュ化しました。

という事で今回は、
その動きのついたフラッシュ動画に、
リンクを付けることでフラッシュバナーとして使えるように
加工して行きます。

では、具体的な方法です。

1)透明のボタン画像を作る

  「クリックしたらリンクする」という機能を付けるために、
  透明のボタンを用意して、
  これにリンク機能を付けるというやり方をします。

  ということで、
  再びGIMPを起動し、
  新しい画像 → 詳細設定をクリックし、

  幅 →234、
  高さ→ 60、
  塗りつぶし色→透明

  に設定します。

無料でFLASHバナーを作成する・透明な画像を設定

  これで、バナーと同じ大きさの、
  透明なだけの画像ができあがりました。

無料でFLASHバナーを作成する・透明なだけの画像

  これを、ファイル → 名前を付けて保存
  をクリックし、
  GIF画像として保存します。
  ここでは名前をtoumei_01.gifとしました。

  ちなみに、GIF画像として保存するのは、
  透明の情報を保持できるからです。
  JPEGだと透明の情報を持って
  Suzukaに移行することができません。
  なので、ここでは必ずGIF画像として保存して下さい。

2)Suzukaに読み込む

  Suzukaを起動し、
  前回やった手順と同じ方法
  toumei_01.gifを読み込みます。

3)ボタンを作る

  次に、左側のファイルのリストが並んでいるところで
  右クリックして、アイテムを追加→ボタンを追加
  をクリックします。

無料でFLASHバナーを作成する・ボタンを追加

  ボタンのプロパティが表示されるので、
  ボタンの参照シンボルという部分に、
  今読み込んだtoumei_01.gifを選択します。

無料でFLASHバナーを作成する・ボタン画像を設定

  実は、マウスが乗っていない時、
  マウスを押したとき、
  マウスがボタンの上にあるとき、
  ボタンが反応する範囲、
  の4種類の状態を指定することが出来るのですが、
  今回はずっと透明なボタンのままにしようと思うので、
  4つとも、全てtoumei_01.gifに設定します。

  設定ができたらOKをクリックします。

4)ボタンをタイムラインに配置する

  今作ったボタンをタイムラインに配置します。
  一番上に配置して下さい。

無料でFLASHバナーを作成する・ボタン画像をタイムラインに配置

5)ボタンを90フレームに伸ばす

  このままでは、
  ボタンの時間的な長さ(尺)は、1フレームしかありません。
  なので、バナーと同じ90フレームにまで伸ばすために、
  ボタンをクリックし、
  下位置のフレームカウントを90に設定します。

無料でFLASHバナーを作成する・ボタン画像を90フレームに伸ばす

6)ボタンにリンクを付ける

  次に、ボタンにリンクを付けていきます。
  画面右下の方にある「簡易モード」というところにチェックを入れ、
  onイベントを「release」に設定し、
  「スクリプトを編集」をクリックします。

無料でFLASHバナーを作成する・ボタンイベントの設定

  「URLを取得」を選択し、
  URLに、リンクさせたいアドレスを入力して、
  OKをクリックします。

無料でFLASHバナーを作成する・リンクの設定

  これで、ファイル → SWFファイルの生成
  で、SWFファイルを書き出すと完成です。

FLASHバナーをブログに貼りつける

FLASHのSWFファイルというのは、
ただ画像のように貼っただけでは表示されなくて、
少し特殊なタグを使う必要があります。

僕はobjectというタグとembedというタグを
両方使うように教わったので今もそれでやっています。
※objectタグが読み込めないブラウザが今もあるそうで、
 その対応だそうです。

このサイトが分かりやすかったので、
ご紹介しておきます。

■10分でできるフラッシュブログ:貼り付け方法

また、今回のGIMPとSuzukaで作ったプロジェクトファイルを
フェイスブック側のページから
無料でダウンロードできるようにしておきました。

是非「いいね!」を押して、ダウンロードして行って下さい!

フェイスブック側のダウンロードページ




 

このような記事をメルマガで毎週金曜日14時から配信しています。もちろん無料です。 映像作りに興味をお持ちの方は、メルマガへの登録は以下のフォームをご利用下さい。

メルマガ購読・解除
仕事で使える映像制作
読者購読規約
>> バックナンバーpowered by まぐまぐ!
 

 

カスタム検索




ニュース

お問合せ

copyright 仕事で使える映像制作 Since 2010