Embedding MotionArtist Projects Into Web Pages For MotionArtist 2 or 3MotionArtist makes it easy to quickly create SWF animations- this tutorial will show you how to use those SWF files in your own Web pages. Start by making a simple banner in MotionArtist. For this example you can follow the screen shots below. We start with a blank document 
Adjust the size for our banner. 
We now have a blank document setup to make our banner. 
Add a text object by going to the Object-> text menu. Enter in your sample text. 
Right click on your text object and go to animation setting or select text object and go to the animation setting button. 
Adjust your animation setting as you want and then select OK. 
Move the text objects around for the final position start and end. 
Make sure you have the HTML Output option checked from your File -> Document Properties, (ctrl j) item 
Create your SWF file by clicking the Create SWF button. 
Name your SWF file as you want. Note that a HTML file with the same name will also be produced. 
Open up the newly-created HTML file (that MotionArtist generated) in a text editor and copy the SWF references. 
The next step is to open your HTML web page in a text editor and paste in the HTML SWF reference code you just copied. 
The final result should now look look like the sample below. Make sure that you have also copied the SWF file and placed it in the same location as your main HTML page- upload the new HTML and the SWF to your web host if necessary. For my example below I added a banner to our main page. 
As you can see I have now added a banner from MotionArtist to our main web page. Also note that you have to be careful where you paste in your code. If you are not careful you will end up with a problem similar to the above screen shot where my banner is on top of the navigation buttons. One final note- when you upload the page to your web space make sure that you do not forget to upload the SWF as well as the HTML files.
|