最近Flashを手に入れて色々と作ってるんですけど、
「Now Loading」とかの画面用に四角のゲージが伸びるアニメーションを
作りたいんですが、こちらの意図としては、
■■
↓
■■■■■■
という風に、片側だけが伸びるようにしたいんですけど、「伸縮」を使うと、
■■
↓
■■■■■■
と言うように、両端が伸びる形になってしまいます(ゲージは繋がってると考えてください)。
どうすればいいのか、全然わからなくて困ってます。
どなたか分かる方がいましたら、解答お願いします(´Д`)
No.5
- 回答日時:
人それぞれやり方があるみたいですね。
私の場合は、下記のようにやります。図を使って説明できれば楽なのですがテキストだけですので解りにくいようでしたらごめんなさい。
例)まず、例えば墨べたの横長の長方形(ゲージ)を任意の長さで描きます。
これは特にグループ化しなくても良いです。そして、レイヤーを一つ増やします。(ここまでの作業でのレイヤーは2つです)そのレイヤーに一つ下のレイヤーに描いた長方形をコピーし、一つ増やした上のレイヤーに同じ箇所にペーストします。(現状同じ箇所にあるので見た目はわかりません。しかし、レイヤーで分かれています。つまり、現段階では、下のレイヤーと上のレイヤーが同じものになっているはずです。)
次に上のレイヤーの長方形を選択し(下のレイヤーをロックすると作業しやすいです。)、グラフィックでシンボル化します。(名前は任意で可)シンボル化する場合、中心点は中心で結構です。次にそのシンボルを下のレイヤーの長方形の左端にシンボルの右端を合わせるように水平移動します。つまり。下のレイヤーの長方形の左に上のレイヤーのシンボル化した長方形があります。
次に上のレイヤーの例えばタイムラインの24フレーム目にキーフレームを挿入します。現段階で、上のレイヤーは、1と24にキーフレームがあると思います。上のレイヤーの1~24までモーショントゥイーンにします。つぎに、タイムラインの24フレーム目部分をクリックすると、24フレーム部の長方形が選択されますので、そのシンボル化された長方形を1フレームの長方形から右に動くというイメージで右に水平移動します。位置的には、長方形画像の左端が下のフレームの長方形の画像の右端になるように移動します。そうすると、1のフレームの画像は下のレイヤーの画像に対して左にあり、24フレームの画像は、右にあり、ここまでをプレビューしてみると、上のレイヤーの長方形が右へ動くと思います。
作業中にくれぐれも下のレイヤーの長方形はさわらないようにして下さい。(先ほども言いましたが下のレイヤーをロックしておくと作業がしやすいです)
つぎに下のレイヤーのタイムラインは1の部分までなので、24フレームまでフレーム挿入(つまり上のタイムラインと同じ位置まで伸ばします。この事によってプレビューしてみると最後までしたの画像があるかと思います。)
つぎに上のレイヤーをマスクにして下さい。(レイヤーのプロパティでも設定できます。)下のレイヤーが上のマスク設定されたレイヤーに対してマスク下になると思います。
できましたでしょうか?どうでしょう~プレビューしてみて下さい。左から横に伸びて右に縮んでいく感じになったと思います。右の縮む感じはいらない場合は、先ほど右に動かした画像を下のレイヤーの画像と同じ位置にすれば、左側から伸び、伸びきった部分で止まります。(24フレーム目にActionScriptのStopを入れた場合)
できたッス!
しかし、こんな高度なテクニックがあったとは‥‥!
色々活用できるんですね~
やりがいがあるところがまたいいッス!
解答ありがとうございました~(゜ω゜)ノ
No.4
- 回答日時:
実はZTTさんとまったく同じことで悩んで、Macromedia社のサポートセンターに問い合わせたことがあります。
その回答によりますと、ムービークリップの中の中心点を左端に設定する必要がある、とのことでした。ムービークリップの編集画面にある+印が中心点ですので、これが左に来るように画像を移動して下さい。
ところで、ゲームなどでグラデーションのかかったゲージを見かけることがありますが、こうしたゲージが伸びるアニメを伸縮で作ると、グラデーションごと拡大されてしまって不自然に見えることがあります。(白状しますと、これも経験済み ^^;)
もし、グラデーションを使ったゲージが伸びるアニメを作りたいのであれば、先に回答されている方と重なりますが、背景色と同じ色の矩形を上に重ねて描いておき、ロード完了率に応じてこちらの方を移動させていくと上手くいきます。
単色のゲージでしたら、ムービークリップの中心点を左端にして拡大するだけで充分ですよ。
おお~~! やっぱり迷いましたよね!(^^;
しかし、グラデーションッスか~~
さっきやってみたら、確かに、中心点移動の伸縮だとそうなったッス。
背景色の重ね技はこういう風に使いわけできるんですね~
ためになったッス!
解答どうもありがとうございました~(゜ω゜)ノ
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) GASでガントチャートを作りたいです 1 2022/09/05 17:26
- 一眼レフカメラ 【デジタル一眼レフカメラ用のスライドアーム、ブームアームのおすすめを教えてください三脚 3 2023/07/10 17:35
- YouTube なんか、世の中ホントにズルいばっかりですね。 僕はYouTuberになりたくて動画投稿を始めたんです 9 2023/08/04 15:48
- 数学 2015年センター試験数学ⅠA データの分析 2 2023/01/22 14:15
- 洋画 外国のクリスマス映画 1 2022/12/28 20:45
- 物理学 2物体の水平ばね振り子の質問です。 なめらかな水平面上にて、 ばねの一端を壁、他端を物体A(質量m) 3 2023/05/14 16:50
- 歯の病気 部分入れ歯について 2 2023/03/31 14:01
- その他(悩み相談・人生相談) これって奥さんに監視されるのが嫌ってことですか? 1 2023/04/28 00:32
- 健康・生活トーク 身長伸びましたか?身長伸びるか心配です この春高校2になった男です。父親は192、母親は167、親族 1 2023/05/05 21:28
- 関西 何故「アンスリー」から「もより市」に? 1 2023/01/12 17:23
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のスキャン画像(一部に重...
-
フォトショのカンバスに画像を...
-
Photoshopの画像統合でレイヤー...
-
イラストレーターでの画像の切...
-
フォトショップエレメントで証...
-
真ん中の白い部分を切り取りたい
-
Photoshopで背景を無色透明にす...
-
黒背景(c0、m0、y0、k100)と...
-
このような画像(光の粒)をpho...
-
GIMP2 波打ってしまった線を滑...
-
photoshopCSで画像に縁取りして...
-
フォトショップで角を丸くして...
-
一太郎、ワードに背景の透けた...
-
フォトショップで輪郭をぼかす...
-
photoshopでカンバスが動きませ...
-
フォトショップで細かい連続し...
-
フォトショップCS6で画像外の影...
-
フォトショップでこの色の出し...
-
レイヤ-
-
PSDファイルのレイヤーの中の画...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォトショップで切って分ける...
-
GIMPでレイヤーを固定したい
-
複数のスキャン画像(一部に重...
-
フォトショのカンバスに画像を...
-
Photoshopの画像統合でレイヤー...
-
medibang paint を使っているの...
-
GIMP2 波打ってしまった線を滑...
-
フォトショップで、粗い砂目を...
-
GIMPでアルファチャンネル追加...
-
フォトショップでアスファルト...
-
photoshopで画像を白っぽくする...
-
フォトショップ 特定の色成分...
-
影を両サイド(全方位)につけ...
-
Photoshop-半透明の重なり部分...
-
真ん中の白い部分を切り取りたい
-
イラストレーターでの画像の切...
-
photoshopのレイヤーをIllustra...
-
photoshopでカンバスが動きませ...
-
フォトショップで画像を星型の...
-
Shadeのレンダリング画像の背景...
おすすめ情報