Innitial question on animating an existing image in CS4

I would like to add a little 'flare' to an existing gif on my site. Don't want anything real significant...just some animation to draw attention to the gif in the top right hand corner. maybe the red just 'waving' slowly left to right and back...or the telephone maybe vibrating a little to imitate ringing ?
Can I just start with this existing gif...and how/where should I approach this...
Thanks, Tim

I'm not sure what you mean by "the red waving." The phone wiggling could be a nice touch, though, especially if you set the delay on one of the normal positions to be rather long.
If you want to make an animated .gif of the phone wiggling, you'll have to make an image which is just the phone and an image which is your button without the phone. Cutting the phone out may be a bit tricky, since it is so small. But if you don't have it wiggle very much, you should be okay with some red pixels around the phone. Export this as a .gif or .png. (Don't save, export). To make a version of your current button without the phone, copy a row of pixels between the phone and the text and paste that - multiple times - over the phone. Probably the best thing at this point is to export that as a new .gif or .png file, as well.
For the animation, start a new Fireworks .png document. Bring in your new button without the phone. Put it on its own layer and share that layer across frames. Then, bring in your phone image and make three copies (total of four). Rotate the second one way and the fourth the opposite way. Check the documentation, on how to distribute the objects to frames. They might need to be in their own layers.
Some animated GIF tutorials for various versions of Fireworks (your commands and menus may be different):
http://www.peachpit.com/guides/content.aspx?g=flash&seqNum=370
http://www.smartwebby.com/free_tutorials/fireworks_tutorials/graphic_design/animated_GIF_g raphic.asp
http://www.disdatdesigns.com/fireworks/animation1.shtml
An easier modification might be to add a slightly transparent white star or other shape as a glint to your phone, maybe brighten and dim the star as your animation, maybe have it move across the phone. Or you could do have a glint move across the entire button.

Similar Messages

Question on importing existing Images from 2.2.2

What is the easiest way of importing existing images from OVM2.2.2 to OVM3.0.3 , would it work if I just import the .img files as disks and 'create virtual image' with them? Currently I zip them up and import as templates, but thats very slow process.

Thanks for the quick reply, I've just been told they now want a code 39 code instead of ITF. This means I should be able to import a CSV file and convert it to the code 39 font which technically solves my problem. If I create linked text boxes and import the barcode data it should all fall in to place.
Appreciate the help Haakenlid

Please, help a newbie: Question about animating expanding containers

Hi All,
Short Version of my Question:
I'm making a media player that needs to have an animation for panels sliding up and down and left and right, and the method I've been using to do this performs far slower than the speed I believe is possible, and required. What is a fast way to make a high performance animation for such an application?
Details:
So far, to do the animation, I've been using JSplitPanes and changing the position of the divider in a loop and calling paintImmediately or paintDirtyRegion like so:
public void animateDividerLocation( JSplitPane j, int to, int direction) {
for(int i=j.getDividerLocation(); i>=to; i-=JUMP_SIZE) {
j.setDividerLocation(i);
j.validate();
j.paintImmediately(0, 0, j.getWidth(), j.getHeight());
The validate and paintImmediately calls have been necessary to see any changes while the loop is going. I.e., if those calls are left out, the components appear to just skip right to where they were supposed to animate to, without having been animated at all.
The animation requirement is pretty simple. Basically, the application looks like it has 3 panels. One on the right, one on the left, and a toolbar at the bottom. The animation just needs to make the panels expand and contract.
Currenly, the animation only gets about, say, 4 frames a second on the 800 MHz Transmeta Crusoe processor, 114 MB Ram, Windows 2000 machine I must use (to approximate the performance of the processor I'll be using, which will run embedded Linux), even though I've taken most of the visible components out of the JPanels during the animation. I don't think this has to do with RAM reaching capacity, as the harddrive light does not light up often. Even if this were the case, the animation goes also goes slow (about 13 frames a second) on my 3 GHz P4 Windows XP if I keeps some JButtons, images etc., inside the JPanels. I get about 50 frames/sec on my 3 GHz P4, if I take most of the JButtons out, as I do for the 800 MHz processor. This is sufficient to animate the panels 400 pixels across the screen at 20 pixels per jump, but it isn't fast or smooth enough to animate across 400 pixels moving at 4 pixel jumps. I know 50 frames/sec is generally considered fast, but in this case, there is hardly anything changing on the screen (hardly any dirty pixels per new frame) and so I'd expect there to be some way to make the animation go much faster and smoother, since I've seen games and other application do much more much faster and much smoother.
I'm hoping someone can suggest a different, faster way to do the animation I require. Perhaps using the JSplitPane trick is not a good idea in terms of performance. Perhaps there are some tricks I can apply to my JSplitPane trick?
I haven't been using any fancy tricks - no double buffering, volatile images, canvas or other animation speed techniques. I haven't ever used any of those things as I'm fairly new to Swing and the 2D API. Actually I've read somewhere that Swing does double buffering without being told to, if I understood what I read. Is doing double buffering explicitly still required? And, if I do need to use double buffering or canvas or volatile images or anything else, I'm not sure how I would apply those techiniques to my problem, since I'm not animating a static image around the screen, but rather a set of containers (JSplitPanes and JPanels, mostly) and components (mostly JButtons) that often get re-adjusted or expanded as they are being animated. Do I need to get the Graphics object of the top container (would that contain the graphics objects for all the contained components?) and then double buffer, volatile image it, do the animation on a canvas, or something like that? Or what?
Thanks you SO much for any help!
Cortar
Related Issues(?) (Secondary concerns):
Although there are only three main panels, the actual number of GUI components I'm using, during the time of animation, is about 20 JPanels/JSplitPanes and 10 JButtons. Among the JPanels and the JSplitPanes, only a few JPanels are set to visible. I, for one, don't think this higher number of components is what is slowing me down, as I've tried taking out some components on my 3GHz machine and it didn't seem to affect performance much, if any. Am I wrong? Will minimizing components be among the necessary steps towards better performance?
Anyhow, the total number of JContainers that the application creates (mostly JPanels) is perhaps less than 100, and the total number of JComponents created (mostly JButtons and ImageIcons) is less than 200. The application somehow manages to use up 50 MBs RAM. Why? Without looking at the code, can anyone offer a FAQ type of answer to this?

You can comment out the lines that add buttons to the panels to see the behavior with empty panels.
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.Timer;
public class DancingPanels
    static GridBagLayout gridbag = new GridBagLayout();
    static Timer timer;
    static int delay = 40;
    static int weightInc = 50;
    static boolean goLeft = false;
    public static void main(String[] args)
        final GridBagConstraints gbc = new GridBagConstraints();
        gbc.weightx = 1.0;
        gbc.weighty = 1.0;
        gbc.fill = gbc.HORIZONTAL;
        final JPanel leftPanel = new JPanel(gridbag);
        leftPanel.setBackground(Color.blue);
        gbc.insets = new Insets(0,30,0,30);
        leftPanel.add(new JButton("1"), gbc);
        leftPanel.add(new JButton("2"), gbc);
        final JPanel rightPanel = new JPanel(gridbag);
        rightPanel.setBackground(Color.yellow);
        gbc.insets = new Insets(30,50,30,50);
        gbc.gridwidth = gbc.REMAINDER;
        rightPanel.add(new JButton("3"), gbc);
        rightPanel.add(new JButton("4"), gbc);
        final JPanel panel = new JPanel(gridbag);
        gbc.fill = gbc.BOTH;
        gbc.insets = new Insets(0,0,0,0);
        gbc.gridwidth = gbc.RELATIVE;
        panel.add(leftPanel, gbc);
        gbc.gridwidth = gbc.REMAINDER;
        panel.add(rightPanel, gbc);
        timer = new Timer(delay, new ActionListener()
                gbc.fill = gbc.BOTH;
                gbc.gridwidth = 1;
            public void actionPerformed(ActionEvent e)
                double[] w = cycleWeights();
                gbc.weightx = w[0];
                gridbag.setConstraints(leftPanel, gbc);
                gbc.weightx = w[1];
                gridbag.setConstraints(rightPanel, gbc);
                panel.revalidate();
                panel.repaint();
        JFrame f = new JFrame("Dancing Panels");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(panel);
        f.setSize(400,300);
        f.setLocation(200,200);
        f.setVisible(true);
        timer.start();
    private static double[] cycleWeights()
        if(goLeft)
            weightInc--;
        else
            weightInc++;
        if(weightInc > 100)
            weightInc = 100;
            goLeft = true;
        if(weightInc < 0)
            weightInc = 0;
            goLeft = false;
        double wLeft = weightInc/ 100.0;
        double wRight = (100 - weightInc)/100.0;
        return new double[]{wLeft, wRight};
}

Could work an animated flash bitmap image exported in html 5, in DPS ?

I'm new in DPS, just started for a couple of weeks and I need to use a image in an animation.
I created the animation in inDesign exported in .fla, used de toolkit js, load it in a container with web content overlay, and when I preview it with Adobe Content Viewer it doesn't work, it apears a blank screen. Neighter of animation from that stage won't work.
To be very precise any animation works fine, when I test the html in a browser, the problem appears only in the content viewer.
The animation is very simple: smal logo entering in the stage from the right, not very complex.
I tried in flash with other images in a test file and loaded in inDesign, and still don't work. Other vector animation works well, no problem. I saw that if I have an image in library in flash and export a simple animation with a vector ball, won't work in indesign preview, with content viewer.
My question is, Could work an animated flash bitmap image exported in html 5, in DPS ? If so, what should I need to do ?
Thank you in advance.

Two possible solutions I was considering:
1) In my index/first page, have all the swfs present (scaled to 1x1, behind something, or invisible) and have a preloader code on that first page... so all the content gets loaded before continuing onto the rest of the site. That would certainly work in making the site run quick... but would mean a relatively lengthy wait at the start. Luckily, unlike my current site, all the actual site content (aside from the header/nav interface) is HTML... so the bulk of the site's content is in the HTML pages, not as part of the Flash header... so it probably wouldn't be too horrific a wait. However, it would be loading EIGHT of these swfs, since there are eight pages... so then maybe it would be....
2) Have an swf that consists of just the 'draw up' of the interface, and it's idle state... then when each button is pressed, load a new swf to replace the main one, which has the specific page's animated title sequence, and ends with the code to load the html page. So, each separate HTML page would have embedded into it only the main swf, and the title animation swf would be swapped in when a nav button is pressed. Main issue here is each button press would envoke a preloader sequence (kind of tedious)... and unfortunately all the 'main interface' elements loaded in with the main swf would have to be loaded in again at the start of each animated title swf (although none of the draw up... just the loading of the interface and buttons). For highspeed users, it should be okay, I guess....
Thoughts or better ideas?

Check Existing Image in Invoice

Hi All
I am attaching image to invoice .. I need to check before attachment whether the particular image is exists already in the invoice.
it would be helpful if anyone suggeset function module or Table to check the existing image..
I used table SOFFPHF .. but not able to filter..
Thanks
Arunachala.G

I'm not sure what you mean by "the red waving." The phone wiggling could be a nice touch, though, especially if you set the delay on one of the normal positions to be rather long.
If you want to make an animated .gif of the phone wiggling, you'll have to make an image which is just the phone and an image which is your button without the phone. Cutting the phone out may be a bit tricky, since it is so small. But if you don't have it wiggle very much, you should be okay with some red pixels around the phone. Export this as a .gif or .png. (Don't save, export). To make a version of your current button without the phone, copy a row of pixels between the phone and the text and paste that - multiple times - over the phone. Probably the best thing at this point is to export that as a new .gif or .png file, as well.
For the animation, start a new Fireworks .png document. Bring in your new button without the phone. Put it on its own layer and share that layer across frames. Then, bring in your phone image and make three copies (total of four). Rotate the second one way and the fourth the opposite way. Check the documentation, on how to distribute the objects to frames. They might need to be in their own layers.
Some animated GIF tutorials for various versions of Fireworks (your commands and menus may be different):
http://www.peachpit.com/guides/content.aspx?g=flash&seqNum=370
http://www.smartwebby.com/free_tutorials/fireworks_tutorials/graphic_design/animated_GIF_g raphic.asp
http://www.disdatdesigns.com/fireworks/animation1.shtml
An easier modification might be to add a slightly transparent white star or other shape as a glint to your phone, maybe brighten and dim the star as your animation, maybe have it move across the phone. Or you could do have a glint move across the entire button.

How to fade or transition animation of an image?

respected sir/madam,
please make an example for the following question?
how to fade or transition animation of an image?

I assume the question is that you want to show an image, and then smoothly fade to another image.
I've done this by using two ImageView's which are stacked on top of each other (using a Group or StackPane). You then simply play this animation:
TimeLine fadeAnim = new Timeline(
    new KeyFrame(Duration.ZERO,
      new KeyValue(newBackgroundImageView.opacityProperty(), 0.0),
      new KeyValue(backgroundImageView.opacityProperty(), 1.0)
    new KeyFrame(new Duration(4000),
      new KeyValue(newBackgroundImageView.opacityProperty(), 1.0),
      new KeyValue(backgroundImageView.opacityProperty(), 0.0)
);Before you start the animation, you set the "new" image to the newBackgroundImageView (which has zero opacity). You then start the animation.
After the animation has finished (using Timeline#setOnFinished), you put the "new" image in the backgroundImageView, set its opacity to 1.0 and you set the newBackgroundImageView opacity back to 0.
By doing this you are back at the beginning state, but now showing the newly faded-in image :)

Problem in using animations in dynamic images

Hi Friendz,
I've problem in using effects or animation after calling
images dynamically from outside the flash.
If somebody have any solution for this, then please solve my
problem immediately....

Little more information about your problem would be helpfull.

Why am I getting a blue box with question mark instead of logo image? It happens in my signature (in gmail) and in mailchimp (again, only with the logo).

Why am I getting a blue box with question mark instead of logo image? It happens in my signature (in gmail) and in mailchimp (again, only with the logo).

The question mark in the box, if it looks like this: means that safari cannot find the linked image. On windows machines, this would be the equivilant of the small "page-with-a-red-X" logo that appears in the same scenario. Check the reference to the image and make sure that the image is in the correct location, and is accessable by the reference.

Exporting animated symbol to image sequence

Hi guys!
I'm unable to export an animated symbol to image sequence properly because the symbol does not animate.
I created the tweens in multiple layers, then cut-pasted all layers to a new symbol. I did this so I could then just do some tween motions on the symbol.
The tweening is perfect, but when I export the image sequence, the images do not animate the way it does on the Flash player. All I get is an image sequence with the tweened symbol, but the symbol itself does not animate.
I'd really appreciate if you guys could give me a tip on how to get the symbol to animate when exporting the image sequence.
Alternatively, is there a way to motion-tween multiple layers simoultaneously? (Layers which are themselves tweened)
Thank you guys!
Any additional info, I'll be checking regularly so I can provide as much description as possible to get this to work.

Ok, I figured it out!
I changed the symbol type to "Graphic," and I was able to see the animation in the timeline. Easy!
Now I just exported the movie to png sequence, and bam! Magic!
If anyone has this problem, don't hesitate to ask me and I'll ellaborate on what I did.
Thanks!

Importing topics overwrites existing image files

Whenever I import a topic from one project into another,
RoboHelp 6 does not check my existing image filenames to make sure
it doesn't overwrite an image with the same name. This happens even
if I create a new folder in the destination project and import into
it. I would expect that it would import the images into that same
folder, instead of overwriting the existing image files.

I'm afraid RH doesn't work like Windows Explorer. The only
way around this is to rename the file being imported or the image
file in the project into which the other files are being imported.
Remember to do this inside your RH project though ;-)

How do i create a layer of blue to add to existing image to have a blue sky?

Adobe PhotShop Elements 3.0 for Mac OS X+ Mac Mini
I am a real estate photographer. most agents want a blue sky rather than the grey. What procedure would you recommend to creat this?
1. a layer of blue? if so how do i create one then add it to existing image?
2. is there a brush or paint bucket or other tool that can be used to fill in the sky area with blue on existing image.
Thanks
Hank of California

Hank,
1. Open the layers palette and also the color swatches palette
2. Duplicate the background layer, shut off the visibility of the background layer be clicking on its eye icon.
We shall be working on the background copy layer, which should be the active layer, and is denoted in blue in the layers palette. In case it is necessary to start over, one can delete the layers which have been generated, proceeding from the original layer.
3. Use the magic wand tool. Have contiguous and use all layers checked. Click on the "old" gray sky. In case this tool does not pick up a portion, hold down the shift key and click again.
4. You shall see a selection as denoted by "marching ants."
5. Go to Layer>new>Layer via copy. Hold down the ctrl key and click on this layer in the layers palette, making this active
6. Select a blue color from the swatches palette (foreground color)
7. Use the paintbucket tool to fill in the "new" blue sky
8. You can adjust the opacity of the new sky layer with the slider in the layers palette
There are other ways to do this as well, but this method has served me extremely well. To give it a really nice look, there are available cloud brushes for free download via Adobe Studio Exchange.
Ken

Placing an image on top of existing image

I seem to have a lot of trouble with placing an image on top of an existing image and then wanting it to stay relative to the original. As in... I want to put a button on an image of a map. Then later.. will make a hotspot on that area to open another window.
My trouble is with placing the button and then having it stay relative to the map no matter how the browser window moves or is sized. What is the prefered method using DW CS4? Can you point to a tutorial on how to do this...
Thanks for your time
Ralph

function(){return A.apply(null,[this].concat($A(arguments)))}
But, placing one image on top of another in a web page must be a task that happens all the time.. I just have not found a straight forward way to do it yet.
It's really not common.
It can be done via layering (what Dreamweaver calls APDivs) but you may still get layout issues with browser resizing.

Iphoto question. I have 8 images in an event. One is out of order. I have tried to copy and paste, and to drag and drop, but I cannot get it to move. Can anyone help?

I have an iphoto question. I have 8 images in an event. One is out of order. I have tried to copy and paste, and i have tried to drag and drop, but it won't move. Any help?

IPhoto forum:
https://discussions.apple.com/community/ilife/iphoto

When syncing iTunes reports "The iPod "name" cannot be synced. A duplicate file name was specified. ". the music is updated but all the sleeve imagary is not including deleting the existing images. How do I solve please?

When syncing iTunes reports "The iPod “name” cannot be synced. A duplicate file name was specified. ". The music is updated but all the sleeve imagery is not including deleting the existing images. How do I solve please?

Hello WGT52,
It sounds like this error message is preventing you from syncing your content to the iPod. I would recommend the troubleshooting steps in the following article:
iTunes: Troubleshooting issues with third-party iTunes plug-ins
Thank you for using Apple Support Communities.
Take care,
Sterling

Can you replace existing images in Captivate 7 the way you can when using InDesign?

Can you replace existing images in Captivate 7 the way you can when using InDesign? I need to replace some images but wondering if I'll need to reformat, resize, rename for the Advanced Action, etc.

The work flow is a bit more complicated than in InDesign (keeps only a link to the image as you know in the frame). I understand the problem with the advanced/shared action references. This is my work flow, maybe someone else has an easier, shorter one:
Right-click on the image and use 'Find in Library' or use CTRL-ALT-F if it works on your keyboard (doesn't on my AZERTY one)
In the Library use the right-click menu to open the Properties or double-click the name of the image
In that dialog box, choose 'Import' and choose your new image; for some reason you cannot choose from the Library however, which I find really sad because I'm used to import all assets to the Library.
Drawback: if the new image has not the same width/height ratio, it will adapt to the original size of the image, you can use Edit image to repair. You'll keep the name of the image, you don't have to change advanced/shared actions.

Innitial question on animating an existing image in CS4

Similar Messages

Maybe you are looking for