忍者ブログ
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


2024/05/21 12:44 |
1. 文字を動かしてみよう その1

今回は文字を入力して、その文字を動かしてみようと思います。

・作成したいプロジェクトの画面サイズを設定します。

今回はサイズが320×240 1秒間に12フレーム 
文字が画面の右端からまん中に動く5秒間のFlashを作成しますので、

メニューバーのファイル→プロジェクトのプロパティをクリックして
pro1.jpg

 幅を320 高さを240 FPSを12 また、SWFバージョンをSWF8にしてOKをクリック

pro2.jpg


シンボルリストを右クリックして アイテムを追加→テキスト追加をクリック

text1-1.jpg

テキストのプロパティ ウィンドウが出てきます。

初期表示テキストのところに「文字を動かしてみよう!!」と入力して、
更新ボタンを押すとプレビューのところに
「文字を動かしてみよう!!」と表示されますのでOKボタンをクリック

text1-2.jpg


シンボルリストにテキストシンボルが登録されました。
text1-3.jpg  


今、登録されたテキストシンボルをレイヤーリストにドラッグ&ドロップすると、
編集キャンバスに
と表示されます。text1-4.jpg

5秒間のFlashを作成するので、テキストのタイムラインの
60フレームのところを右クリックして
キーフレーム追加をクリックします。
text1-5.jpg
最後のフレームで真ん中あたりに表示したいので
位置・変形のプロパティの
X を60 Y を110と入力してください
text1-6.jpg

するとテキストの左上の座標が X: 60  Y:110になりました

編集キャンバスを確認すると↓のようになりました。
text1-7.jpg
今度はタイムラインのテキストレイヤーの1フレームをクリックして
キーフレーム編集枠の位置・変形プロパティの X及びYを
X:330  Y:110 と入力してください。

すると編集キャンバスのグレーの枠の外にテキストが配置されます。
text1-8.jpg

Flashのサイズ(320×240)表示される画面の外に配置された訳です。
そして、トゥイーンを設定するのですが、難しく考えないでください。

キーフレーム編集枠のトゥイーンのところにチェックを入れるだけです。
text1-9.jpg

するとタイムラインの2フレームから59フレームまでが薄いピンクに変わりました。
text1-10.jpg

これでトゥイーンが完成しちゃったんです。

プレビューをクリックして確認してみてください。
text1-11.jpg


画面の右端からテキストが流れてきます。
そして真ん中に来るとまた右端からスタート!!
何度も繰り返しのFlashができた訳です。


では、60フレーム目で止めたい時はどのようにすればいいのでしょうか??

アクションレイヤーを作成して、停止させる設定をします。

レイヤーリストで右クリック→アクションレイヤーを挿入をクリック
text1-12.jpg


アクションレイヤーの60フレームのところにキーフレームを作成して、
スクリプトのプロパティの簡易モードをチェックして
text1-13.jpg

アクションプロパティから停止を選んでクリック。
text1-14.jpg

タイムラインの60フレームに停止と表示されました。
text1-15.jpg
プレビューすると下のようになります。


最後にFlash (SWF形式)を書き出せば終わりです。
メニューバーのSWFファイル生成をクリックすると作成できます。
text1-16.jpg

どうでしたか??
簡単に作成できたでしょ??

最初はタイムラインに慣れるまでに時間が掛かるかも知れませんが、
この基本をどう使っていくかで、
簡単な動きは出来るようになります。


PR

2007/11/07 20:01 | Comments(1) | TrackBack() | 基礎編

トラックバック

トラックバックURL:

コメント

なんだか大変ですね
俺は今日suzukaデビューしました。
NMMやWMMは使いやすいですが
できることがかぎられてしまいますから;;
でもsuzukaってエンコードとか変換?って必要ないんですか?
WMMのときは必要だったんですけど
よくわかんなくてあきらめました;;
よかったらおしえてください!!
そんでもって(なげえ!
一枚の絵を動かしたりするのってどうやってやるんでしょうか?;;
横や縦の簡単な動きならできるときいたんですが
さっぱりでして
どうかいろいろおねがいします;;
よかったらメールいただけますか?
posted by あー at 2008/11/26 22:27 [ コメントを修正する ]

コメントを投稿する






Vodafone絵文字 i-mode絵文字 Ezweb絵文字 (絵文字)



Copyright © 簡単なFLASHを作ってみよう All Rights Reserved.
<<オリエンテーション | HOME | 2. 文字を動かしてみよう その2>>
忍者ブログ[PR]