How can i animate .jpg image?

hi
how can i animate images which i edit in GIMP?
i mean, i have 1 video clip showing a tree. and then i have 1 .jpg image of an airplane
how can i make that airplane from jpg image to appear in the video showing the tree? i want to make that airplane crash into the tree and explode.
i see a lot of similar stuff on youtube (like "cyriak animation mix") but i don't know what this technique is called. animation of still images? google search gave me lots of dubious results, none of them came straight to the point.
all i know it involves some manipulation of keyframes but i need to know more keywords to further research this technique. or better yet - find a decent article explaining basics.
can somebody help?

First, you will probably want to Key out the background around the plane. Look into Chorma Key, or one of the other Keying Effects in PrE, depending on how the plane was shot, or created. If you created it, you can probably Mask out any background, and Save_As a format, that support Transparency, such as with an Alpha Channel Mask.
Then, with the plane on a higher Video Track, than your tree, use the Fixed Effect>Motion>Position to Keyframe the Position of the plane, moving it across the Frame. Steve Grisetti has a great Learning Series on Basic Keyframing and Advanced Keyframing, available at Muvipix.com: http://www.muvipix.com/products.php?searchphrase=Basic+Keyframing&btn.x=-1091&btn.y=-78
Good luck,
Hunt

Similar Messages

If I add artwork by dragging a jpg to the artwork area after selecting several rows, in some instances a single icon is created in the flipper; in others one is created for each song. Why? How can I get one image per album every time?

If I add artwork by dragging a jpg to the artwork area after selecting several rows, in some instances a single icon is created in the flipper; in others one is created for each song. Why? How can I get one image per album every time?

If I add artwork by dragging a jpg to the artwork area after selecting several rows, in some instances a single icon is created in the flipper; in others one is created for each song. Why? How can I get one image per album every time?

Re: How can I post an image?

Merging the hints, how does this look?
Showing an image in Apple Discussions requires two things.
1. The image has to exist and be accessible from a working server somewhere.
2. Then the image can be referenced in html and will appear in your post.
1. To achieve the first you need to register on one of the many free web photo hosting sites. An example of one would be Flicker. (If you have your own web site you can of course host your picture there.)
Having taken a snapshot of the thing in question (the image), perhaps by using the Grab application on your Mac, you upload the image to your photo hosting site.
You'll then need to get its URL from the site. It might be easy to see or you might have to read the site's FAQ for those details, as there are differences between sites.
Easier still, if you are using Safari or Firefox right clicking (or Control click with a one button mouse) on the uploaded image will copy the link for you.
It will have a form like this:
http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg
When you find it, open a new tab in your browser and paste it into it, to check that it displays and is therefore the correct URL for the image.
2. To add this image to your post here on Apple Discussions, place an exclamation point before and after the link, illustrated as,
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!
which produces the image in the post.
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!
An alternate html format is;
<img src="http://source.address.of.image.jpg"/>

How can I post an image? (Revision 2. Thanks to rrcharles)
Showing an image in Apple Discussions requires two things.
1. The image has to exist and be accessible from a working server somewhere.
2. Then the image can be referenced in html and will appear in your post.
1. To achieve the first you need to register on one of the many free web photo hosting sites. An example of one would be Flicker.
Having taken a snapshot of the thing in question (the image), perhaps by using the Grab application on your Mac, you upload the image to your photo hosting site.
You'll then need to get its URL from the site. It might be easy to see or you might have to read the site's FAQ for those details, as there are differences between sites.
Easier still, if you are using Safari or Firefox right clicking (or Control click with a one button mouse) on the uploaded image will copy the link for you.
It will have a form like this:
http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg
When you find it, open a new tab in your browser and paste it into it, to check that it displays and is therefore the correct URL for the image.
2. To add this image to your post here on Apple Discussions, place an exclamation point before and after the link, illustrated as,
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!
which produces the image in the post.
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!

How can i set an image to a portal

how can i set an image to a portal using response.write();
please guide me i have an image in C drive how to get the image

Hello,
you can use the HTML Tag:
<img src="file://c:/path/image.jpg" />
Regards
Gregor

How can I get an image from the screen? Like screen printer in PC to pasting after in word or other program.

How can I get an image from the screen? Like screen printer in PC to pasting after in word or other program.

If you do Cmd+Shift+3 you'll get a full screen image saved to your desktop as a jpg file.
Also, you can use Cmd+Shift+4 and you'll get a cursor which you click+drag to draw a box. When you release the drag the boxed in area will be saved to the Desktop as a jpg file.

How to set a jpg image ContentType of JEditorPane

Hi how can i display an image on a JEditorPane like image.jpg?
I tried myEditor.setContentType("image/jpeg") but it still displays characters instead of the image.
import java.awt.*;
import javax.swing.*;
import java.io.*;
public class Pagina extends JFrame implements Runnable {
     JEditorPane e;
     public Pagina(){
          super("fds");
          e = new JEditorPane();
          e.setEditable(false);
          e.setContentType("image/jpeg");
          Container c = getContentPane();
          c.add(e);
          setSize(400,400);
          setVisible(true);
          Thread t = new Thread(this);
          t.start();
     public void run(){
          while(true){
               try{
               e.setPage( "http://10.0.0.5/SnapShot.jpg" );
               Thread.sleep(1000);
          catch(IOException ioe){}
          catch(InterruptedException ie){}
     public static void main (String [] args) {
          new Pagina();
}

In your current app, you are trying to redisplay an image in some infinite loop. This smells bad to me. I am no expert in java graphics, far from it, but if you want to paint a background image within a JEditorPane, since JEditorPane is a component and has to paint itself, you could override its paintComponent method and draw an image inside there using the Graphics object.
another way is to put the JEditorPane on top of a JPanel that draws your picture. In both instances, I think that you'll need to set the JEditorPane's opaqueness to "false".
Something like so, perhaps?
import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.BorderFactory;
import javax.swing.JEditorPane;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
class ImageJEditorPane extends JPanel
    private static final String IMAGE_FILE1 = "disc/d1/f/image1.jpg";
    private static final String IMAGE_URL = "http://10.0.0.5/SnapShot.jpg";
    private BufferedImage myImage = null;
    private JEditorPane editorPane;
    ImageJEditorPane()
        try
            setPreferredSize(new Dimension(800, 650));
            setBorder(BorderFactory.createEmptyBorder(15, 15, 15, 15));
            setLayout(new BorderLayout());
            //myImage = ImageIO.read(new File(IMAGE_FILE1));
            myImage = ImageIO.read(new URL(IMAGE_URL));
            editorPane = new JEditorPane()
                @Override
                protected void paintComponent(Graphics g)
                    g.drawImage(myImage, 0, 0, null);
                    super.paintComponent(g);
            editorPane.setPreferredSize(new Dimension(1200, 1000));
            editorPane.setOpaque(false);
            JScrollPane scrollPane = new JScrollPane(editorPane);
            add(scrollPane, BorderLayout.CENTER);
        catch (IOException e)
            e.printStackTrace();
     //or you could do it this way
    protected void paintComponent(Graphics g)
        super.paintComponent(g);
        g.drawImage(myImage, 0, 0, null);
    private static void createAndShowGUI()
        JFrame frame = new JFrame("ImageJEditorPane Application");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().add(new ImageJEditorPane());
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    public static void main(String[] args)
        javax.swing.SwingUtilities.invokeLater(new Runnable()
            public void run()
                createAndShowGUI();
}Edited by: Encephalopathic on Dec 21, 2007 3:09 PM

How can I save an image I have created in Pages as a jpeg?

How can I save an image I have created in Pages as a jpeg? The image has both a photo and various text boxes. I would like to use it in one of the Photocard websites but they only accept jpeg. Any easy solutions please.

Hold command shift 4 and draw a box around what you want and then click again, on your desktop a .png file will appear.
To convert it to jpeg, open it in Preview and Save as.
if you want all your screenshots to be jpg, download the free Tinkertool and make the change.
http://www.bresink.com/osx/TinkerTool.html

How can I determine which image was clicked in 3D carousel?

I have been modifying some 3D carousel code that I found in hopes that I can get it such that when image "resolv2.jpg" (or any of my other images) is clicked on at the front of my carousel, it goes to a specific webpage. By just replacing "moveBack(event.target) from the toggler section of the code with "navigateToURL:(newURLRequest('http://google.com'), the target DOES sucessfully go to google when clicked on. However, I want to modify this code by altering the else statement to say something to the effect of "else if event.target (clicked on object) is 'resolv2.jpg' THEN go to google". So essentially, my question is how can I determine which image was clicked? Here is the entire code with the area I was altering bolded:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init();" backgroundGradientColors="[#000033, #000033]" backgroundGradientAlphas="[1.0, 1.0]">
<mx:Script>
          <![CDATA[
//Import Papervision Classes
               import org.papervision3d.scenes.*;
               import org.papervision3d.cameras.*;
               import org.papervision3d.objects.*;
               import org.papervision3d.objects.primitives.*;
               import org.papervision3d.materials.*;
               import org.papervision3d.materials.shadematerials.*;
               import org.papervision3d.materials.utils.MaterialsList;
               import org.papervision3d.lights.*;
               import org.papervision3d.render.*;
               import org.papervision3d.view.*;
               import org.papervision3d.events.*;
               import org.papervision3d.core.*;
               import org.papervision3d.lights.PointLight3D;
               import flash.filters.DropShadowFilter;
                     import caurina.transitions.*;
                     private var numOfItems:int = 5;
                     private var radius:Number = 600;
                     private var anglePer:Number = (Math.PI*2) / numOfItems;
                     //private var dsf:DropShadowFilter = new DropShadowFilter(10, 45, 0x000000, 0.3, 6, 6, 1, 3);
               public var angleX:Number = anglePer;
         public var dest:Number = 1;
               private var theLight:PointLight3D;
        //Papervision Engine
               private var viewport:Viewport3D;
               private var scene:Scene3D;
               private var camera:Camera3D;
               private var renderer:BasicRenderEngine;
         private var planeArray:Array = new Array();
         [Bindable]
         public var object:Object;
         private var arrayPlane:Object;
         private var p:Plane;
         //Initiation function
         private function init():void
         viewport = new Viewport3D(pv3dCanvas.width, pv3dCanvas.height, false, true);
         pv3dCanvas.rawChildren.addChild(viewport);
         viewport.buttonMode=true;
         renderer = new BasicRenderEngine();
         scene = new Scene3D();
         camera = new Camera3D();
         camera.zoom = 2;
         createObjects();
         addEventListeners();
//Create Objects function
          private function createObjects():void{
          for(var i:uint=1; i<=numOfItems; i++)
                    /* var shadow:DropShadowFilter = new DropShadowFilter();
                    shadow.distance = 10;
        shadow.angle = 25; */
                    var bam:BitmapFileMaterial = new BitmapFileMaterial("images/resolv"+i+".jpg");
                    bam.oneSide = false;
                    bam.smooth = true;
        bam.interactive = true;
                    p = new Plane(bam, 220, 200, 2, 2);
                    p.x = Math.cos(i*anglePer) * radius;
                    p.z = Math.sin(i*anglePer) * radius;
                    p.rotationY = (-i*anglePer) * (180/Math.PI) + 270;
                    scene.addChild(p);
                    //p.filters=[shadow];
                    p.extra={pIdent:"in"};
                    p.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
        planeArray[i] = p;
          // create lighting
        theLight = new PointLight3D();
        scene.addChild(theLight);
        theLight.y = pv3dCanvas.height;
          private function toggler(event:InteractiveScene3DEvent):void
                        // if the cube's position is "in", move it out else move it back
                        if (event.target.extra.pIdent == "in")
                                moveOut(event.target);
                        else
                               moveBack(event.target);
                private function moveOut(object:Object):void
                          trace(object +" my object");
                        // for each cube that was not selected, remove the click event listener
                        for each (var arrayPlane:Object in planeArray)
                                if (arrayPlane != object)
                                        arrayPlane.removeEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
                        //right.enabled=false;
                        //left.enabled=false;
                        // move the selected cube out 1000 and rotate 90 degrees once it has finished moving out
                        Tweener.addTween(object, {scaleX:1.2, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        Tweener.addTween(object, {scaleY:1.2, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        // set the cube's position to "out"
                        object.extra = {pIdent:"out"};
                        // move the camera out 1000 and move it the to same y coordinate as the selected cube
                        //Tweener.addTween(camera, {x:1000, y:object.y, rotationX:0, time:0.5, transition:"easeInOutSine"});
                private function moveBack(object:Object):void
                        // for each cube that was not selected, add the click event listener back
                        for each (var arrayPlane:Object in planeArray)
                                if (arrayPlane != object)
                                        arrayPlane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
                        // move the selected cube back to 0 and rotate 90 degrees once it has finished moving back
                        Tweener.addTween(object, {scaleX:1, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        Tweener.addTween(object, {scaleY:1, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        // set the cube's position to "in"
                        object.extra = {pIdent:"in"};
                        // move the camera back to its original position
                        //Tweener.addTween(camera, {x:0, y:1000, rotationX:-30, time:0.5, transition:"easeInOutSine"});
                        //right.enabled=true;
                        //left.enabled=true;
                private function goBack():void
                        // for each cube that was not selected, add the click event listener back
                        for each (var arrayPlane:Object in planeArray)
                                if (arrayPlane != object)
                                        arrayPlane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
                private function rotateCube(object:Object):void
                        //object.rotationX = 0;
                        //Tweener.addTween(object, {rotationZ:0, time:0.5, transition:"easeOutSine"});
          private function addEventListeners():void{
    this.addEventListener(Event.ENTER_FRAME, render);
//Enter Frame Listener function
private function render(e:Event):void{
                 renderer.renderScene(scene, camera, viewport);
                 camera.x = Math.cos(angleX) * 800;
                 camera.z = Math.sin(angleX) * 800;
private function moveRight():void
          dest++;
          Tweener.addTween(this, {angleX:dest*anglePer, time:0.5});
          //goBack();
private function moveLeft():void
          dest--;
          Tweener.addTween(this, {angleX:dest*anglePer, time:0.5});
          //goBack();
          ]]>
</mx:Script>
          <mx:Canvas width="1014" height="661">
          <mx:Canvas id="pv3dCanvas" x="503" y="20" width="400" height="204" borderColor="#110101" backgroundColor="#841414" alpha="1.0" backgroundAlpha="0.57">
          </mx:Canvas>
          <mx:Button x="804" y="232" label="right" id="right" click="moveRight(),goBack()"/>
          <mx:Button x="582" y="232" label="left" id="left" click="moveLeft(),goBack()" />
          </mx:Canvas>
</mx:Application>

Your answer may be correct, but I am very much a beginner to actionscript, and I was wondering moreso if it is possible to determine the root/url (i.e. images/resolv2.jpg)? Or even if InteractiveScene3DEvent calls a variable that holds this url? However, specifically, I'm just wondering if the actionscript itself could determine the url in a line of code such as "if object == BitmapFileMaterial("/images/resolv2.jpg"); "? Also, here's a copy of InteractiveScene3DEvent in more detail if you think that will help:
public class InteractiveScene3DEvent extends Event
                     * Dispatched when a container in the ISM recieves a MouseEvent.CLICK event
                    * @eventType mouseClick
                    public static const OBJECT_CLICK:String = "mouseClick";
                     * Dispatched when a container in the ISM receives an MouseEvent.MOUSE_OVER event
                    * @eventType mouseOver
                    public static const OBJECT_OVER:String = "mouseOver";
                     * Dispatched when a container in the ISM receives an MouseEvent.MOUSE_OUT event
                    * @eventType mouseOut
                    public static const OBJECT_OUT:String = "mouseOut";
                     * Dispatched when a container in the ISM receives a MouseEvent.MOUSE_MOVE event
                    * @eventType mouseMove
                    public static const OBJECT_MOVE:String = "mouseMove";
                     * Dispatched when a container in the ISM receives a MouseEvent.MOUSE_PRESS event
                    * @eventType mousePress
                    public static const OBJECT_PRESS:String = "mousePress";
                     * Dispatched when a container in the ISM receives a MouseEvent.MOUSE_RELEASE event
                    * @eventType mouseRelease
                    public static const OBJECT_RELEASE:String = "mouseRelease";
                     * Dispatched when the main container of the ISM is clicked
                    * @eventType mouseReleaseOutside
                    public static const OBJECT_RELEASE_OUTSIDE:String = "mouseReleaseOutside";
                     * Dispatched when a container is created in the ISM for drawing and mouse interaction purposes
                    * @eventType objectAdded
                    public static const OBJECT_ADDED:String = "objectAdded";
                    public var displayObject3D                                        :DisplayObject3D = null;
                    public var sprite                                                            :Sprite = null;
                    public var face3d                                                            :Triangle3D = null;
                    public var x                                                                      :Number = 0;
                    public var y                                                                      :Number = 0;
                    public var renderHitData:RenderHitData;
                    public function InteractiveScene3DEvent(type:String, container3d:DisplayObject3D=null, sprite:Sprite=null, face3d:Triangle3D=null,x:Number=0, y:Number=0, renderhitData:RenderHitData = null, bubbles:Boolean=false, cancelable:Boolean=false)
                              super(type, bubbles, cancelable);
                              this.displayObject3D = container3d;
                              this.sprite = sprite;
                              this.face3d = face3d;
                              this.x = x;
                              this.y = y;
                              this.renderHitData = renderhitData;
Thank you so much!

How can i use jpg extension with forms 10g and webutil

I have a form with webutil and i want to open imege jpg extension but thier are Bmp but my
image jpg and image item has no jpg extension .
How can i use jpg extension with forms 10g and webutil ?

You can use the JFIF image format for jpg files.

How can I make a image like this one? (image in description)

Hi guys I need to know how can I make a image like this one http://img31.imageshack.us/img31/2710/69823211.gif
I need step by step instructions please. How can I animate it like that? Whats the font? Tell me everything please.

To do a step by step instruction on here will take someone a very long time, as you havent really said at what level you are at.
On Youtube there are a lot of animation tutorials for PS. But essentially in this case you are moving that white streak across a few frames at a time.
The font might be found with the help of http://http://www.myfonts.com/WhatTheFont/

How can I resize an image without losing resolution or using the crop tool? I am using Photoshop Elements 13 on a PC.

How can I resize an image without losing resolution or using the crop tool? I am using Photoshop Elements 13 on a PC.

Hi Peru Bob,
I've tried two images, the results were:
Image 1
Jpg, original file size 923KB, dimensions 848px x 279px.
After resizing to 848px x 180px with 72dpi, the file size decreased to 164KB.
Image 2
Jpg, original file size 809KB, dimensions 1200px x 1800px.
After resizing to 668px x 722px with 72dpi, the file size decreased to 307KB.
So, there seems to be a fair file size loss - is this to be expected?

How to open a .jpg image and edit it.

I can't seem to figure out how to open a .jpg image or any image in Flash Professional CC. I'm quite new to this so sorry if this sounds like a stupid question. When I go to File>Open I can only see .as , .fla, .jsfl , .xsfl and .xml files. I do not have an option to be able to view .jpg or .png pictures. I would appericate if somebody could take the time and answer this for me
Thanks

If you want to edit a jpeg or png image, do that with a separate program such as Fireworks or Photoshop. After you import the image into Flash you can edit the image again in these separate applications and update the image you imported into Flash via selecting the Properties option in the library menu for the image and clicking the Update button.

How can I put an image/s in Java Application?

Hi to all.
How can I put an image/s in Java Application?
I can put some images in Java applet but when i try to put it in Java application there was an error.

hey u can easily do it with JLabels...i found a Code Snippet for u
public class MyPanel extends JPanel
{private JLabel imageLabel; public MyPanel() { Image image = Toolkit.getDefaultToolkit().getImage("myimage.gif"); // Could be jpg or png too imageLabel = new JLabel(new ImageIcon(image)); this.add(imageLabel); }}
hope it helps
Cheers,
Manja

How can i change the image in portal logon screen

hi guys
pls tel me
how can i change the image in portal logon screen
thanks
regards
kamal

Hi
Download the par file com.sap.portal.runtime.logon.par.bak from
Go to System Administration -- Support -- Portal Runtime -- Browse Deployment.
The path should ROOT/WEB-INF/deployment/pcd. Now download that file into local system.
Create a Par project and make necessary chenages ..i.e
Open the downloaded par file with WinZip and inside the lib folder three jar files named com.sap.
portal.runtime.logon_api.jar, com.sap.portal.runtime.logon_core.jar and umelogonbase.jar will be there. Copy those files in the folder u2018libu2019 in par project.
Now change a branding Image...i.e
Replace the branding-image. jpg with your company branding image in the same name.
Once modifications are done,then create a par project and upload the par file into portal.
Go to the path System Administration -- Support -- Support Desk -- Portal Runtime -- Administration console.
then browse the file and click on upload.
Connect to server where the Portal WebAS is running and go to:
(drive):\usr\sap\<system id>\<system instance>\j2ee\cluster\server0\apps\sap.com\com.sap.security.core.admin\servlet_jsp\logon\root\layout.
There you will find the images used on logon screen, you can replace them for your
company images, please take care with the width of the images, as usual, to make this
change effective, you must restart the whole WebAS.
Regards,
Raju

How can i replicate this images drop shadow exactly

How can i replicate this images drop shadow exactly from scratch
http://i52.tinypic.com/2u41t7n.jpg
If this sort of thing is not covered on this forum please direct me to an off site forum that would help me with this graphics question

Trial and error, putting both the reference image and your new experimental image up side by side, is the only way I know. I'd probably use the Info panel as well, to see that I'm getting the same or very similar color numbers from the new drop shadow.
You can probably use the Magic Wand set to a very low tolerance value to select and copy the light colored object, then make a new document with a white background, paste in the copied object, then start experimenting with drop shadow. Alternatively you could just redraw a portion of it.
-Noel

How can i animate .jpg image?

Similar Messages

Maybe you are looking for