Animated Intro for Website

I want to create an animation for a website I'm making for an assessment. I can make the actual animation okay, but can anyone let my know exactly what to do in terms of the Actionscript stuff (I have no idea). When the intro finishes, I want it to load straight into my website, in the same browser. Where would I put the actionscript coding for that? And I also want a "Skip Intro" button, so what would I put in to make it do that? I have never done anything like this before so have no idea what to do and any help would be great. Even any links to a good tutorial would be helpful because I've been trying to find some and haven't been very successful.
Also, do I need the website to be up and running before I put the URL in Flash or is there a way to practise with it while I am still making it. I am using Dreamweaver 8 and Flash 8 for the website and animation.
Thanks for any help!

Long time I do not make something related for web, but If memory do not fails me, I think this is what you need:
For the action script you need to load directly to your webpage as soon it ends, it have to go on the end of the time line since you want it to load when it ends.
There is a little panel that could help you called "Behaviors".
http://img707.imageshack.us/img707/903/picture7.gif
Or you can type it if you want:
getURL("http://www.adobe.com","_self");
For the skip button:
Well, you can do two things:
A) Set the same script (getURL) on the button.
B) Set gotoAndPlay to "last frame where you inserted the getURL script".
I should suggest to use option A since is simpler and right to the action.

Similar Messages

A few questions on making animated buttons for a website Nav

Hello, I have a few questions on creating some animated buttons for a nav.
There are 2 actions I want to trigger on moue over.
If I want to use a static (PNG) image that I created in Photoshop for the actual button, can I use that? I want to smoothly slide button down on mouse-over and slide back up on mouse off. If I push part of the button off the "canvas" (sorry, this is coming from a Photoshop guy) will it disappear in the final animation? Another way to put that is, if I put an animated element off the white area, will it no longer show up in the movie (.swf) when it's published?
For the second part; you can see a bit of what I want to do if you look at this website's top Nav: http://www.photoshopsupport.com/index.html
I need the "light" above the button and it's going to be on another colored <div> so I can't set one solid BG color for my flash document. But I want to achieve the effect of the "bar" lighting up above the button and the actual button sliding down upon moue over.
Any help you can provide would be greatly appreciated.

Hi,
Regarding this button problem mentionned by kglad, it is easily overcome with a little trick.
I call this the undesired "jumpy button". Your button starts to hesitate down-back-down-back quickly, like it's a bug, and then it settles.
What you could do is create a simple sprite or movieclip containing only a simple shape, whatever the color, put it on top of your button's graphic, change this sprite/movieclip's alpha to 0, then add your mouse events on this invisible "target" instead of your graphic. So, when you mouse over, you have the graphic move, not the invisible "target".
Sometimes, for this invisible target, you will be using a movieclip, not a sprite, so you can easily add your own properties on it.
Example:
var graphicBtn:Sprite; // your png
var targetBtn:MovieClip; // your invisible target, created with code or not
targetBtn.graphics.beginFill(0x000000);
targetBtn.graphics.drawRect(0, 0, graphicBtn.width, graphicBtn.height);
targetBtn.alpha = 0;
targetBtn.mygraphic = graphicBtn;
targetBtn.addEventListener(MouseEvent.MOUSE_OVER, onOver);
targetBtn.addEventListener(MouseEvent.MOUSE_OUT, onOut);
addChild(graphicBtn);
addChild(targetBtn);
function onOver(event:MouseEvent):void
TweenLite.to(event.target.mygraphic, 0.25, {y:40, ease:Back.easeOut});
function onOut(event:MouseEvent):void
TweenLite.to(event.target.mygraphic, 0.25, {y:0, ease:Cubic.easeOut});
So you see, you can have only one function (well, 1 for over, 1 for out) used for all your buttons. You can add as many properties you need on your movieclip to make that one-function flexible.
Here I used GreenSock's tweening engine, but use the one you prefer (Here, I am moving the graphicBtn in y for 0.25 second).
Design Cyboïde
Création de sites web

Help creating an animated gif for a navbar!!

Hey guys, I am very new to fireworks and dreamweave and am having a problem that is making my head spin! I have to create a simple animated .gif for a navigation bar (which will be made in dreamweaver). The navigation bar should function similar to this: http://www.eden.rutgers.edu/~baronson/ITI320/Exercise2/functionality.html. Essentially, all that is happening is I create this animated image and in dreamweaver, when I create the AP NavBar, I set the mouseover to that image. My problem is that in comparison to this website's mouseover image ( http://www.eden.rutgers.edu/~baronson/ITI320/Exercise2/images/navi/audience_OVER.gif ) my animated gif has multiple layers and states, where as his only has one layer. I can't seem to figure out how to include both the text, and the gif image, and incorporate them under the same layer.
A follow up question after having found how to incorporate both into the same state, would I have to lasso out each piece of my animated gif for the individual state I want to have it applied to?
Any help/pointer to where the information can be found would be greatly appreciated. I've read through the manuals and watched many of Babbage's videos but haven't been able to figure this out. Thanks!

Your gif doesn't need to have multiple layers, but it does need to have multiple states. To save yourself a lot of confusion, create the animated gifs first, and then export them. Create your navbar in the usual way, with simple rolloveres or swap images. Export the navbar.Rename the animated gifs with the names of the over state of the navbar images, and then delete (or mone to another folder) the over state images of the navbar. Move the renamed gif animations into the image folder of the navbar. Preview in browser. The animated gifs should have replaced the original over state of the buttons.

Importing SWF/FLA animated intro...

I created an intro animation in Flash 8 to use as the intro
for our captivate classes.
The animation does not play well, it skips forward through
70% of the animation, and only plays one of the audio pieces.
I dont seem to be doing it right. Also I created the
animation as the same widthxheight as the captivate video but it
seems to be resizing it. Could this be the problem?
Thanks.

Hi there. There are just too many variables to do more than
give you wild guesses. But maybe with some more information ...
We don't speak "does not play well"
, so you'll have to be more specific please.
When you say it "skips forward through 70% of the animation",
I assume you mean that the Flash 8 - generated intro only shows the
last 30%??
And about those "audio pieces" that it only "plays one" ...
how many separate audio files are included in the Flash Intro SWF?
And where are the missing ones time-lined to play (in Flash)?
Open the FLA for the intro and double-check (in Flash 8) what
Flash version you specified when you published the SWF from Flash.
That could be the problem ... try Flash version 7 (if you already
output as version 8) to see if that helps. Let us know what that
does ...
In the meantime, the answer to your other question is "no",
the Flash SWF size shouldn't have any affect at all, because as a
Flash-generated SWF it would be vector-based, so reducing or
enlarging it should be okay ... unlike Captivate SWFs which are
raster-based (bit-mapped) and aren't as "scalable" as
vector-graphics.
Hope this helps somewhat.
.

Flash animation interactivity for autism nonprofit

I run a nonprofit that is creating an educational Flash animated video series for children with autism - we are trying to figure out the best way to composite our animation and export our videos so that we can retain the Flash interactivity and be able to play the videos across all platforms? Should we composite in AfterEffects and export MOVs and then have the interactivity be coded in using HTML5, action script, or Javascript? Or, is it best to keep everything in Flash and rely on an App to cross over to Apple products? We are unfamiliar with other options and would really appreciate some help or guidance here.
Bottom line: we want to be able to stream interactive videos of our Flash animation from our website so that they are compatible across all platforms and also create DVDs, while keeping all of the content consistent. Our interactivity consists of a few buttons that bring up different menus or result in playback.

Very hard to answer because it appears you're asking for a single development path with a huge number of vastly different mediums. You're going to need to expect to produce some of these in different ways, such as the DVD (if it's a video DVD). Flash/HTML5 won't help you there, Encore with some menu programming can do some but that is a horse of a whole different color than an actual interactive device.
While Apple devices may eventually get Flash Player support, Adobe would probably first need to start developing Flash Player for Mobile which was already abandoned on Android. I find most sites utilizing Flash no longer play on my Android device despite the player.
That leaves HTML5. While Flash can export to HTML5 it does come with limitations that you'll need to learn about.
I feel the best place to start would be with a JavaScript programmer who can feel out the capabilities and limits of Flash's CreateJS HTML5 output and weigh that against your needs to see if it's an ideal platform to base off. Otherwise the pure JavaScript/HTML5 video route is probably your best choice. There are probably regulations (such as the old Section 508 accessibility for government work) that you're up against if you accept state or federal funding which will limit your choices to only the most accessible route, especially with special needs.
In either route, due to being a bit familiar with the kinds of interactive activities you need, keeping interest via variation, video and animation are your best bet. Since DVD and universal accessibility is a target, that narrows it down to Video. So I would concur on After Effects and Premiere being used to produce the visual assets.

Making animated intros?

Hi,
Can anyone tell me what would be a good program for creating a nice animated intro to a video podcast? I really like some of the ones I have been seeing but don't know what would be a good program for creating them. I really don't want a super high-end program that costs a lot but maybe something that would do a good job for a logo and some text to make it more interesing.
Thanks for the input!

Scooter,
Flash or Eovia Carrara have good text animation tools and are exportable to QuickTime movie format. More 3D applications for the Mac are located here: http://www.apple.com/downloads/macosx/imaging_3d/
Mitchell A.
Creating Success podcast Have the creative career you want.
G4 Mac OS X (10.3.9)

I am a new mac user and I switch to mac due to the graphics that it brings. I do website in pc and I heard iweb is the best.NOW i heard that iweb will be discontinue. so what is the best application there for website using MAC OSX lion?

I am a new mac user and I switch to mac due to the graphics that it brings. I do website in pc and I heard iweb is the best.NOW i heard that iweb will be discontinue. so what is the best application there for website using MAC OSX lion?

It is now confirmed that iWeb, and iDVD, has been discontinued by Apple. This is evidenced by the fact that new Macs are shipping with iLife 11 installed but without iWeb and iDVD.
On June 30, 2012 MobileMe will be shutdown. However, iWeb will still continue to work but without the following:
Features No Longer Available Once MobileMe is Discontinued:
◼ Password protection
◼ Blog and photo comments
◼ Blog search
◼ Hit counter
◼ MobileMe Gallery
All of these features can be replaced with 3rd party options.
I found that if I published my site to a folder on my hard drive and then uploaded with a 3rd party FTP client subscriptions to slideshows and the RSS feed were broken. If I published directly from iWeb to the FPT server those two features continued to work correctly.
There's another problem and that's with iWeb's popup slideshows. Once the MMe servers are no longer online the popup slideshow buttons will not display their images.
Click to view full size
However, Roddy McKay and I have figured out a way to modify existing sites with those slideshows and iWeb itself so that those images will display as expected once MobileMe servers are gone. How to is described in this tutorial: #26 - How to Modify iWeb So Popup Slideshows Will Work After MobileMe is Discontinued.
It now appears that the iLife suite of applications offered on disc is now a discontinued product and the remaining supported iApps will only be available thru the App Store from now on. However, the iLife 11 boxed version that is still available at the online Apple Store (Store button at the top of the page) and those still on the shelves of retailers will include iWeb and iDVD. Those two apps were listed in small, gray text on the iLife 11 box that I bought.
Personally, if I didn't already have a copy I would purchase one to have it for reinstallation purposes if ever needed.
This might be of some interest to you at this time: Life After MobileMe.
OT

What is the accepted format for creating animated emoticons for the iPhone and iPad? Are they .gif files?

I'm new to creating apps for iOS and am interested in creating an app that uses animated emoticons in messaging. I wasn't sure what format was accepted, however. I presumed that .gif files would work but want to know for sure before we begin working on them. Thanks!

So...how does one make animated emoticons for iOS? That's my question, I suppose. Thanks!

FF8.0 on iMac is losing bookmark Icons for websites one at a time

Updated to FF8 on my iMac this morning ( OS 10.6 Snow Leopard ). I immediately noticed that the mini-Icons for websites were disappearing from the Bookmarks menu and the main URL address bar as each website/bookmark was visited.
I like those icons and would likely revert to FF7 to get them back

Updated to FF8 on my iMac this morning ( OS 10.6 Snow Leopard ). I immediately noticed that the mini-Icons for websites were disappearing from the Bookmarks menu and the main URL address bar as each website/bookmark was visited.
I like those icons and would likely revert to FF7 to get them back

How do I fix my animation presets for text that won't load? It seems to get locked in loop and I am forced close Adobe Bridge.

How do I fix my animation presets for text that won't load? It seems to get locked in a loop when I click on one and I am forced to "fore close" Adobe bridge which After Effects uses to locate the presets. Any help would be appreciated. Thanks.

What is your exact workflow? The proper procedure is to select your text layer in AE, find the text preset you want to use, then drag or double click that preset to apply it to your project.
It also helps if we know your version of AE and OS down to the decimal point. You didn't give us much to go on.

I can't get my password manager working. It remembers passwords for websites but when I enter in a new password (because this had to be changed) or when I have a new username + PW that I wish to save, the password manager does not appear.

I can't get my password manager working. It remembers passwords for websites but when I enter in a new password (because this had to be changed) or when I have a new username + PW that I wish to save, the password manager does not appear.

If you updated your existing account then try logging out of it on the iPhone by tapping on the id in Settings > iTunes & App Stores and then log back in and see if that 'refreshes' the account on the iPad.
If you created a new account then you can log out of the old account and in with the new one as above, but any content that you purchased/downloaded via the old account will remain tied to that old account, and only that old account can re-download its content and download updates to its apps.

Taking a screenshot of StageWebView for websites running a plugin?

I've been trying to take a screenshot of an instance of StageWebView for websites with embedded SWF and PDF content on the Android. The method drawViewPortToBitmapData works fine for regular websites after enabling hardware acceleration in the manifest.
//create a bitmap from the webview and display it
var bitmap_data:BitmapData = new BitmapData(stage.stageWidth - 2*WEBVIEWOFFSET, stage.stageHeight - 40 - WEBVIEWOFFSET);
webView.drawViewPortToBitmapData(bitmap_data);
//remove webview and display snapshot
webView.stage = null;
var webViewBitmap:Bitmap = new Bitmap(bitmap_data);
addChild(webViewBitmap);
The previous code works for embedded content only on the emulator in the Flash IDE. The image is generated in the folder I specified in Windows but on the Android a blank image is created instead.
The API states "The behavior of this method is not guaranteed for pages that contain plugin content (such as embedded PDF and SWF files)."
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/StageWebVie w.html#drawViewPortToBitmapData%28%29
I tried using Context3D instead:
var stage3D:Stage3D = webView.stage.stage3Ds[0];
stage3D.addEventListener(Event.CONTEXT3D_CREATE, context3dCreated);
stage3D.requestContext3D(Context3DRenderMode.AUTO);
function context3dCreated(evt:Event ):void {
    //context 3d creation handler
    var bitmap_data:BitmapData = new BitmapData(stage.stageWidth - 2*WEBVIEWOFFSET, stage.stageHeight - 40 - WEBVIEWOFFSET);
    var renderContext:Context3D = Stage3D(evt.target).context3D;
    trace("3D driver: " + renderContext.driverInfo);
    renderContext.drawToBitmapData(bitmap_data);
    renderContext.present();
    //remove webview and display snapshot
    webView.stage = null;
    var webViewBitmap:Bitmap = new Bitmap(bitmap_data);
    addChild(webViewBitmap);
but this approach only generates blank images on both the emulator and the device.
Does anybody know of a way to take a screenshot from a StageWebView displaying embedded SWF or PDF content? or is there a free native extension that can trigger the screenshot in Android (power + home)?

andylow wrote:
When I press shift + command + 4, I always go into this highlight-for-screenshot mode (good). However, if I'm attempting to screenshot something in a VMWare session, when I press my left mouse button to start highlighting, I can still manipulate the applications running in it. Ex: I press shift + command + 4, my mouse pointer changes, I then start my screen highlight by beginning over the top of the close button on an application. That application will close because I've clicked the close button.
This may not help, but what if you start creating the screenshot rectangle in a different corner than the upper left?

Simple animation software for Arch?

Can anyone suggest a simple animation program for Linux; something similar to AnimationShop for windows. I know there's gimp-GAP, but that seems to be fairly advanced for my purposes. I just want to be able to string together images into .gif or video, perhaps with an 'onion layer' feature so you can see the previous frame transparently; that sort of thing.
I use gnome, so preferably something for GTK, or at least if it's KDE, that depends only on QT and not KDE packages.
Any ideas?
Thanks.
Fishonadish

skottish wrote:You don't actually need GAP to do animated Gifs in Gimp. All you need to do is add all the frames that you want as layers in one image, then save as Gif. Gimp will ask you if you want to flatten the image or make an animation out of it. If you choose animation, it will ask you for a frame rate.
Thanks. I realised this eventually and got it done that way.
Still, out of curiosity are there any 'film-strip' type animation programs out there?
Fishonadish

How can i remove the bar (where i search for websites) when i full screen for my macbook pro

how can i remove the bar (where i search for websites) when i full screen

ohhh k i got it but thats not what i am looking for, so when i full screen i want it to be like fully full screen like when i watch a movie i want nothing but the movie on the screen and when i bring the mouse up then the tab shows again thats what exactly I'm asking about.

How do I remove the bookmark toolbar icons for websites? After updating to Firefox 22, add-ons don't help.

In the Bookmark Toolbar, the icons for websites take up too much space and are distracting. I used to use the Bookmarks - Deiconizer add-on but after updating to Firefox 22 it doesn't work anymore.
I tried adjusting the userChrome.css as in other posts but that does not work.
Please help!

Hi haweyext,
Did you see this thread from yesterday:
[https://support.mozilla.org/en-US/questions/964732 How do I keep the icons out of my Bookmarks Toolbar (tried Bookmarks Deiconizer) even after downloading files?]
If userChrome.css isn't working (note: you need to exit and restart Firefox before it takes effect), you can apply that rule to Firefox using the Stylish extension instead.
Does any of that help?

Animated Intro for Website

Similar Messages

Maybe you are looking for