雪降りアニメもそうでしたが、炎のアニメーションも以前ブログに書きました。今回、再度書いてみましたが、少しはわかり易いブログになったかしら、、、、、。入手方法は、その後に書きました。実際のアニメーション設定は「炎のアニメーションを作る」の最後に書いています。こんなアニメーションができます。【炎のアニメーションを作る】1.元画像を読み込み前準備をする元画像から、炎を発生する部分と、アニメ化した場合に発生する余計な線(底辺にできる)を消すための画像をレイヤーとして作成します。炎は画面上側の部分から発生しますので、どこから炎出すかを考えて選択し貼り付けて作ります。炎発生で作成した画面の下側の線がアニメーション化した場合に発生しますので、これを隠す画像が必要です(この線を気にしない場合は不要ですが)。この非表示のための画像の左上隅はグリッド線の位置となるように選択しておいてください。Animator」画面が開きます。Animator」画面で、フレーム数やグラデーション(炎を作る)などを設定、背景には元画像のレイヤーを指定します。ここでは作成手順を説明するためなので5フレームの設定にしましたが、普通は15フレーム程度が良いかと思います。Animator」画面の設定が終わり「OK」をクリックすると、別ファイルとしてアニメーションが作成されます。炎用画像の底辺が薄く表示されていますので、メニューの「フィルタ」→「アニメーション」→「再生」とクリックして行けば、アニメーションを確認しましょう。2)不要な画像(底辺の線)を見えなくする先ず貼り付けを容易に行うため、グリッド線を表示させ貼り付けた画像などをグリッド線にスナップ(貼り付く)するようにします。メニューの「表示」で「グリッドの表示」と「グリッドへスナップ」にチェックを入れるだけです。次に「元画像」の「炎画面の底辺線隠し画像」レイヤーをコピーし、アニメーション画像へ貼り付けます。貼り付けられた状態です。貼り付けた画像を移動して正しい画像となるようにします。画面左上角を作成時のグリッド線に持ってくるだけです。」レイヤーを統合する。」レイヤーの上に「隠し」レイヤーを置いて、メニューの「レイヤー」から「下のレイヤーと統合」をクリックして統合する。統合されたレイヤーより上のレイヤーを非表示にして、余計な線のないことを確認。1」まで全部「隠し」のコピーと統合する。アニメーションを再生してみると余計な線のないことを確認する。3)最適化を行う各フレームで共通する画像要素を削除することでファイル容量を減らす。用最適化」をクリック。各フレームで共通する画像要素が各フレームから削除される。用最適化においては、新しいファイルとして作成されるので、やり直しなどが簡単にできる。Animator」画面の設定)上記の記述はブログ用に5フレームとしたが実際は15フレーム程度にはした方が良いと思う。Animator」画面の設定項目の内容を下図に示した。グラデーションについては、クリックしていろんなグラデーション(既定の登録そのた自作)を選ぶことができる。今回は背景が暗いので明るい炎としてみた。画像の大きさなどで最適な設定は当然異なるが、今回使用した画像(200×263)では以下の設定としてみた。組込み】スクリプトやプラグインは随分前にインストールしており、正直ちゃんと書いているか心配です(これは前の雪降りアニメでも同じですが、、、、)。形式ですので順次クリックして解凍します。」ファイルがあります。再起動すれば新たに登録した炎のスクリプトが使えるようになります。コメントをキャンセルコメントを入力してください。以下に詳細を記入するか、アイコンをクリックしてログインしてください。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。新しいコメントがついたらメールで通知。コメントデータの処理方法の詳細はこちらをご覧ください。使用に同意したとみなされます。ポリシー%d人のブロガーが「いいね」をつけました。