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.

Similar Messages

How do I create an ANIMATED GIF for my Website Logo?

Hi,
I would like to make a turning logo for my website. The problem is that I don't know which software to use and how.
Is there an Adobe program which is easy for creating an Animated GIF or equivalent moving logo...
You can see my static logo here: Online Radio
Thank you,
Freeway

Hey Iggy,
These might help:
Muse
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-muse-what-is-business-catalyst
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-muse-creating-and-publishing-sites
-Dave

Need Help creating an animated GIF in Photoshop CS6 Trail version

Everyone,
I am new to PS6 and reating animated GIF's and would like to get some guidance. I am trying
to put the following animation together and very confused when I try to get the section and also
how to add new things to it. I am running the trial version of PS CS6 on a WIndoes 7 environment.
Trying to ensure that I can do the things I want prior to puchasing the product.
The following is what I want to do:
1.     With the logo, have it be as if there is a spotlight moving back and forth at medium speed,
       shining on the logo. Wherever the light hits, have that section sparkle. That will be exquisite.
2.     Have the "CLICK HERE," words alternate starkly (not blending) between white and pumpkin orange.
       Again, medium speed. That will be garish, but is okay because it's not part of the designed section.
The file is attached. I am having trouble trying to select just the "CLICK HERE" portion of the
logo to have the words alternating color. I cannot figure out how to get a spotlight function to this logo.
Then how to have it sparkle when the spotlight hits the other section of the logo and not have the
spotlight going over to the "Click Here" part of the logo.
I could really use some direction on this and would appreciate it greatly. Thanx in advance.
Jerry

The banner does not have to be this large. Here is a link to using the spotlight with sparkles:
http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-5012713-285076/371-194/bannerA nimTest2.gif
Also, the spotlight should be just over the "CLICK HERE" section. If the spotlight could apply in the diameter to the whole text of "Click Here". and use the sparkles,
that would be great and then I can break it out and see how it is done. Again, it does not have to be this large, maybe a little larger the the size of the first one I posted
would be good. Then how would I get it to a jpg and gif file? Thanx in advance.
Jerry
Message was edited by: JBn63_Test
Here is a link where the spotlight circles aroung thre text CLICK HERE>
http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-5012612-285072/450-442/bannerA nimTestScr.jpg http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-5012612-285073/371-194/bannerA nimTest.gif
Message was edited by: JBn63_Test

How to create an animated gif with CS4?

Trying to create an animated gif from 8 images using FW CS4. Can't find "how to" via online FW help. Have done it before with version 8 -- followed the in-house Help db but CS4 doesn't have in-house db. I found a tutorial: http://www.entheosweb.com/website_design/animated_gifs.asp, but talks about opening Frames panel (Windows > Frames) and I can't even find the Frames panel in CS4!
Just trying to create simple animated gif as temporary portfolio. Would also like to click on a different link for each image as it rotates if that's possible but main thing is just to create the gif.
Thanks so much in advance!

For the first part of your question
File > Open, then at the bottom of the dialog Tick the open to Open As Animation.
Then browse/select multiple images, then Open.
This will automatically add each image to a State (Window > State, previously called Frames).
Then adjust the Frame Rate of each State. The default is 7th/100 (a sec). You should see the number 7 to the right of each State. Double click to adjust as desired. 100 = 1 second, 200 = 2 seconds and so on.
Once the animation is configured, go File > Save As > Animated Gif.
h

Can you create an animated gif in LabVIEW?

Hello,
I was wondering if there was a function within LabVIEW which can create an animated .gif file. Most of my online searches result in "how tos" for putting pre-existing gifs on the front panel. I don't need to be able to display the gif anywhere in LabVIEW (FP nor BD), I'd just like to be able to create the file. The "write gif file" vi which is buried deep in the LabVIEW program files did not seem to be what I'm looking for (why is that little guy so buried anyway?).
I have an array of all the image data I want to put in the image (which were all created in LabVIEW. They are all FP control images). It's looking like LabVIEW can't do this, so right now I just have been saving them all to a folder as png's so that I can export them to another program to make the animated image elsewhere. I'd prefer if LabVIEW could just do it though, so is there a way?
I'm using Labview 2012 SP1, but I do have access to a few newer versions if that's what it takes.
Thanks

GerdW
>> the easiest solution is to use a 3rd party tool to convert your folder of PNGs into an animated GIF. It's just one SystemExec call…
That's what it was looking like the answer would be. Thanks.
I'm basically creating a series of images on an intensity graph. As they are generated, I'm grabbing the image data and throwing them in an array. I hadn't thought of looking into making a video. I guess I figured a GIF would be simplest (I recently made some gifs in matlab and it was pretty simple, I was in that mindset).
ToeCutter
>> You could go find the file format for GIF and implement a routine to write it from LabVIEW
That seems a bit beyond me and probably not worth the time it would take me to figure it out. This GIF isn't really that important for what I'm doing. Thank you though.

Creating a animated gif with transitions..

Hello all,
I am creating a animated gif with a set number of pics. They will change every couple of seconds transitioning from dark to light very quickly until you see each pic, from picture to picture..
Kind of like something you would see in flicker....
I have not used flash in awhile, so was wondering how to go about this..
Is this a pretty easy thing to do in flash (not to time intensive)?
Is there a particular tool for this?
SInce there is no movement here is this something that I can also create in Dreamweaver?
I would like to place this on a web page I am working on, and I am thinking I could just place it where it needs to go in Fireworks before i bring it into dreamweaver...
Thanks in advance!

You can create an animated gif using Flash, but it will be much simpler in Photoshop or Fireworks. See this technote:
http://kb2.adobe.com/cps/155/tn_15568.html for the Fireworks solution.

Newbie trying to create an Animated GIF

I'm a newbie working with FW-CS3 on a Vista environment.
I have two images (equal size) from which I want to create an
animated gif,
whereby they rotate intermittently in an endless loop (i.e.
image A displays
and then fades into image B, which after a while fades back
to image A)
What is the easiest way to create this in FW-CS3? Is there
any kind of a
wizard (or tutorial) to accomplish this?

ClueLess wrote:
> What is the easiest way to create this in FW-CS3? Is
there any kind of a
> wizard (or tutorial) to accomplish this?
It's better to do this kind of animation in Flash because the
resulting
file size will be much smaller. If you have to do it in
Fireworks,
then use the animation wizard to fade image one out in ten
frames. Place
copies of the second image on frames 5 through 10 so that it
is fully
revealed by the time image 1 finishes fading out. On frame
11, begin
fading image two out, and on frame 5 of the second image
fade, place a
copy of the first image and repeat. It sounds complicated,
but if you
try it a couple of times, you'll get it.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Trouble creating an animated gif in Photoshop

Hello. I am having trouble creating a gif in Photoshop (using still images). I get as far as the step where you click the dropdown menu on the top right of the timeline screen (following multiple online tutorials) and don't see the option to "create new layer for each new frame". I get completely different options and none of them seem to be right. I am using Photoshop CC 2014 and am completely udated. Can anyone HELP?
Here is an example of a tutorial I followed (many say the same thing)
I get stuck at step 5:
http://blog.hubspot.com/marketing/how-to-create-animated-gif-quick-tip-ht
Here is a screenshot of what I see, Argh!!!
Can anyone help? Thank you in advance!

With a document open in Photoshop CC 2014 use menu Window>Timeline to display the Timeline palette. In it you will see a button with a pull-down menu in the center. The button can create a Frame Animation timeline or a Video Timeline. You want to create an Frame animation. The Palette also has a fly-out menu opened by clicking the little down pointing triangle in its upper right corner. There are some useful options in it. For example you can create two frames from some layers you have then have Photoshop create frames between them using the tween option. Then save out a PSD, a Animated Gif and render a MP4.
http://www.mouseprints.net/old/dpr/CloudLogo2.psd
http://www.mouseprints.net/old/dpr/CloudLogo2.mp4

How do you create an animated GIF in Premiere Pro?

I tried using Premier Pro to edit an animated GIF, but apparently that feature is no longer available? Is there another program that will work? Help Please....
Matt Perry
Edited by: Kevin Monahan
Reason: more searchable title

So, Kevin ... question to Adobe ... considering the ability to export a .gif is pretty important (.gif is one of the most popular formats on the planet), is Adobe willing to allow us Mac users to activate Premiere Pro on a 3rd (Windows) computer? I have an iMac (primary work computer), a MacBook Pro (my mobile backup) with Premiere installed. Now, because Premiere Pro on Mac does not support .gif, I have to have a 3rd computer (Windows). An unfortunate reality.
What can Adobe do for us users?
Thank you.
P.S.: Of course, it would be nice if Adobe just added the ability to export to .gif in Premiere Pro for OS X.

How to only edit one state when creating an animated .gif?

I created my first anaimated .gif image the other day. Now when I try to create a new one everytime I duplicate state and try to edit just the duplicated state all states are updated. I only click on one state then as soon as I do something it updates all of them! How do I turn this off? It's driving me nuts I've been messing with it for over 2 hours! Ahhh.... thanks!

yaksushi wrote:
I created my first anaimated .gif image the other day. Now when I try to create a new one everytime I duplicate state and try to edit just the duplicated state all states are updated. I only click on one state then as soon as I do something it updates all of them! How do I turn this off? It's driving me nuts I've been messing with it for over 2 hours! Ahhh.... thanks!
Hi,
what's your Fireworks version? You should be able to edit and modify any state in an animated gif without all the States to modify.
Now all depends on what you have in your States. For example, if you have symbol 1 in State 1, you duplicate your State and get symbol 1 in State 2. When you modify symbol 1 all the symbols 1 will be modified at the same time.

HELP TO EXPORT ANIMATED GIF AS QUICKTIME FILE

I have keynote 6.2 and have imported an animated gif file within my page presentation which also has a movie file and sound. When I export the file as a quicktime file, the final file does not show the animation at all, it is static?
I have tried different options when exporting as a mov and 4p4 file, neither makes any difference, can someone help please.
I am using the file to import into Imovie, where I am piecing everything together into a movie11.
Thanks

Thanks for your prompt reply Gary, but the problem is how can I resolve this? Do I import another file type? Can I export to another format other than Quicktime. Someone mentioned changing the frame rate of the animation to either 25 or 30 frames a second, or does this not make a difference?

Flash vs. Animated GIF for web page

I recently bought a flash template which looked really cool.
However after realizing I was in over my head and reading numerous
posts on Flash sites I am thinking that I should scrap the Flash
altogether. It is an awesome utility but for what I need I am
thinking an animated gif would do better. One concern is that I
don't want a prompt asking people that go to my website to download
an ActiveX control. I know that annoys me so I want to circumvent
it.
What is the general consensus on when to use Flash and when
to use an animated GIF?
Is an animated GIF the best alternative or is there something
else that makes more sense?
On my homepage I would like a GIF to loop continuously in the
background and perhaps have another animated GIF on top of it that
runs once then stops. Is this easily do-able? Is there a way to get
the anim GIF to download fully before it runs and perhaps show a
still of the GIF as a placeholder until the anim GIF is ready?
Any responses would be greatly appreciated.
Patrick
p.s. I posted this message to the Flash group then realized
it is more appropriate here

Just some thoughts on the subject...
Some people disable Flash, in their browser. Also, some
people use browsers that are not up-to-date and their Flash, in
particular, may be out of date. OTOH, others, like me, set animated
GIFs to animate only twice or maybe even, not at all.
Considering all that, I typically use animated GIFs, unless
there is an abiding reason to use Flash. The reason is that in the
history of Flash, there have been several version changes, while
there has only been one version of animated GIFs. In other words,
with animated GIFs, I don't have to worry if my visitor's browser
is up-to-date or not.
Since most of my clients are heavily dependent upon their web
site for income, my rule of thumb is, to try not to use any
technology that would limit the number of visitors who can view the
site, without any problems. After all, would you want to tell even
10% of your potential customers to
"Go away until your browser is up to date"? Think about
it...
That means avoiding, whenever reasonable, Flash, Java and
other plugins. For example, I used to use JavaScript for drop-down
menus. But now, I do the entire thing with CSS.
If your site is offering a product that everyone already
knows about and
already wants, then you can expect your visitors to take
that extra step (such as turning on JavaScript or downloading the
latest version of Flash) in order to use those features. In other
words, Microsoft and Fox News can expect you to have an up-to-date
browser, with all of the features enabled.
But, if you are trying to sell people on a new product that
they know nothing about, you can't afford to drive away even 1% of
your visitors. After all, that 1% might contain the purchasing
manager for a large corporation that might have bought thousands of
units of your product, had he been able to view your site.
On another related subject, there is one important note about
continuous animated GIFs. It's a good idea to make the first and
last frame the same, with the last frame set to just 1/100 of a
second. Those frames should also be the most image in the
animation. That way, if the visitor has animations disabled, he
sees the first frame and that's all. On the other hand, if the
visitor is like me and has animations set to one or two cycles,
then when the animation stops, it is on the last frame - not the
first. If your last frame is the same as the first, then the
animation stops on your most important frame.
That 1/100 of a second won't make any difference in your
animation, but adding that extra frame at the end of the animation
insures that regardless of what limits the visitor may have placed
on animations, they will always see your most important frame.
As for preloading the GIFs, you can do it with JavaScript.
Just remember that, in that case, you are depending upon the
visitor having JavaScript enabled.
One other option that may help with some browsers is to place
the animated GIF inside a <DIV> of the exact same size as the
image and then set the background of the <DIV> to a static
version of the foreground GIF.
I hope that this helps.

Can I create an animated gif in photoshop touch?

How can I save the various layers in a project into an animated gif? Photoshop Touch doesn't appear to have the same functioality, or is it just differently set up?

We are not the right people to ask. The Touch forum (for tablet) is at
Adobe Photoshop Touch for tablet
There's a long list f video tutorials here, but I can't see anything about animation
Learn Photoshop Touch | Adobe TV

PUBLISHING ANIMATED GIF FOR USE IN POWERPOINT

Hi
I have created a very very basic animation in flash and want to publish it as an animated gif to place in a powerpoint presentation. I can do this and it works ok, but there are two queries i have. I have attached the file in question.
1. When it plays the colours don't seem right, i.e. the colours flicker quite a lot.
2. I would ideally like to have a transparent background so it moves over the text and images in powerpoint. Can this be done?
Any advice on the above two points would be appreciated.
Thanks in advance.
Craig

Both of these problems could be a result of the limitations of the GIF format. The maximum number of colors in a GIF is 256, often even fewer are used. I'm not sure how those colors are distributed in an animated GIF, since the limited colors might have to be distributed over multiple images. This could result in some serious color shifts could fit everything into a limited color palette.
GIFs can be transparent, but only have one level of transparency (on or off). So, depending on the shape of you image, transparency may work well, but it could also produce jagged edges. To have more control, you might want to export the sequence of images to Photoshop or Fireworks, and render the final version from there.

Is it possible to create an animated GIF with transparency in AME?

I have Adobe Media Encoder CS5.5 with Windows 7. Is it possible to save a video (I saved it as uncompressed AVI from After Effects) as an animated GIF with transparency in it (eg. black=transparent)?
I also have VirtualDub 1.9.11 but don't see a transparency option in that.
It's for the web where I'd like the normal web background to show in the black (ie. should be transparent) parts of the GIF.

Thanks. But if I wanted to keep using it it costs about £600 to buy. Would Adobe Photoshop Elements 11 be able to do this too (also, seeing as there is an animated gif creation option in AME and used to be in AE, couldn't they just add a checkbox etc. for AME/and AE for doing transparent gifs in those if they don't support it? Since transparency is a standard feature of .GIF is seems strange to allow GIF creation but not allow transparency)?

Help creating an animated gif for a navbar!!

Similar Messages

Maybe you are looking for