Image on top of video

Hi,I'm sort of new to iMovie & I have to do a project and I want to place some images on top of a movie is there anyway to do this?

Hi Louix - karsten's reference to:
http://www.imovieplugins.com/
provides you with cf/x's range of very cheap plugins, at least one of which will do exactly what you want. For the sake of maybe $3.50.............?!!

Similar Messages

  • Putting a still image on top of a movie clip

    Alright, let me explain my scenario. I have a scene in my movie where I want to put someone else's head on top of another persons body (it's not *****). Basically, I want to know if you can put a still image on top of a moving picture. I know this is borderline flash animation, but I want to know if it can be done in Final Cut Express 4.
    Thanks!
    - Jd

    Yes, it is possible.
    If the person's body is moving, it is not easy to make his new head on top move smoothly. So a satisfactory result may be hard to reach, but it all depends on what you are expecting to get.
    In any case you have to add the new still with the head in the timeline on top of the video, and apply the Basic Motion keyframes to its Scale, Center and/or Rotation controls. Add as many keyframes as you can manage (possibly even one every 5-10 frames) to make the still (head) follow the underlying body smoothly. Note that at 3 keyframes per second (a keyframe every 10 frames with NTSC) you need 30 keyframes in 10 seconds of movie... if you accept a jerkier result you can lower the keyframe number, but it really all depends on the body movement in the movie, and the precision you need.
    You might need also to prepare the still by removing all its background, in order to have only a head in it, before importing the still to FCE. For this you could first use Photoshop (Elements) to remove the background, save as .tif with transparency, and finally import to FCE.
    See if it works...
    Piero

  • Place button rollover image on top of external swf

    I have a menu that when you click on a button, an external swf is  called up. However I would like for the buttons in the Over and Down  state to show an image on top of the external swf with a description of  what the video is about (Basically when they rollover the button).
    The problem is that the image shows behind the external swf. I  cannot get it to appear on top of the external swf. I have tried putting  the buttons layer on top of the actions layer but that doesn't work.
    I have not been using Flash for very long but I need to know if  there is ActionScipt that can solve my problem or any other way to solve  this issue. Please help. Thank you.

    This is what appeared now in my Output panel.
    Core_K12_Menu CS5.swf Movie Report
    Metadata
    Bytes         Value
           387    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/"> <xmp:CreatorTool>Adobe Flash Professional CS5</xmp:CreatorTool> <xmp:CreateDate>2010-07-25T19:31:59-07:00</xmp:CreateDate> <xmp:MetadataDate>2010-08-01T18:42:52-07:00</xmp:MetadataDate> <xmp:ModifyDate>2010-08-01T18:42:52-07:00</xmp:ModifyDate> </rdf:Description> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#"> <xmpMM:InstanceID>xmp.iid:2136C7DCCB9DDF11B1ACFFBB5C2D711F</xmpMM:InstanceID> <xmpMM:DocumentID>xmp.did:2136C7DCCB9DDF11B1ACFFBB5C2D711F</xmpMM:DocumentID> <xmpMM:OriginalDocumentID>xmp.did:423EF45B6198DF1180E5FB9309482BDA</xmpMM:OriginalDocumentID> <xmpMM:DerivedFrom rdf:parseType="Resource"> <stRef:instanceID>xmp.iid:992BC7CBB29DDF11B1ACFFBB5C2D711F</stRef:instanceID> <stRef:documentID>xmp.did:F34D8816A19DDF11ADEA81F4369F4B15</stRef:documentID> <stRef:originalDocumentID>xmp.did:423EF45B6198DF1180E5FB9309482BDA</stRef:originalDocumentID> </xmpMM:DerivedFrom> </rdf:Description> <rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/"> <dc:format>application/x-shockwave-flash</dc:format> </rdf:Description> </rdf:RDF>
    Frame #    Frame Bytes    Total Bytes    Scene
          1         295119         295119    Scene 1 (AS 3.0 Classes Export Frame)
    Scene      Shape Bytes    Text Bytes    ActionScript Bytes
    Scene 1              0             0                  1133
    Symbol                Shape Bytes    Text Bytes    ActionScript Bytes
    ActiveMC                       40             0                     0
    IntroModule                     0             0                     0
    Module 1 Rollover               0             0                     0
    Module1                         0             0                     0
    Module2                         0             0                     0
    Module3                         0             0                     0
    Module4                         0             0                     0
    Module5                         0             0                     0
    Module6                         0             0                     0
    Module7                         0             0                     0
    Module8                         0             0                     0
    Module9                         0             0                     0
    Module10                        0             0                     0
    Module11                        0             0                     0
    Module12                        0             0                     0
    Module13                        0             0                     0
    Module14                        0             0                     0
    Module15                        0             0                     0
    Module16                        0             0                     0
    Module17                        0             0                     0
    Module19                        0             0                     0
    Module20                        0             0                     0
    Module21                        0             0                     0
    next_btn                        0             0                     0
    replay_btn                      0             0                     0
    Rollover                        0             0                     0
    Rollover Image.psd              0             0                     0
    Symbol 18                       0             0                     0
    Title.psd                       0             0                     0
    ActionScript Bytes    Location
                  1133    Scene 1:Frame 1
    Bitmap                                                             Compressed    Original      Compression
    Layer 1                                                                  3675         88264    JPEG Quality=80
    Layer 1                                                                  3287         63936    JPEG Quality=80
    Layer 1                                                                  1205         19668    JPEG Quality=80
    Introduction-Up.jpg                                                      6357         23200    Imported JPEG=102
    Introduction-Down.jpg                                                    5862         23200    Imported JPEG=102
    Module 1-Up.jpg                                                          5957         23200    Imported JPEG=102
    Module 1-Down.jpg                                                        5548         23200    Imported JPEG=102
    Login Page and Tech Check  Topics Covered   - Introduction to A          4791        288576    JPEG Quality=80
    Module 2-Up.jpg                                                          6030         23200    Imported JPEG=102
    Module 2-Down.jpg                                                        5607         23200    Imported JPEG=102
    Module 3-Up.jpg                                                          6035         23200    Imported JPEG=102
    Module 3-Down.jpg                                                        5556         23200    Imported JPEG=102
    Module 4-Up.jpg                                                          5997         23200    Imported JPEG=102
    Module 4-Down.jpg                                                        5584         23200    Imported JPEG=102
    Module 5-Up.jpg                                                          6031         23200    Imported JPEG=102
    Module 5-Down.jpg                                                        5607         23200    Imported JPEG=102
    Module 6-Up.jpg                                                          6030         23200    Imported JPEG=102
    Module 6-Down.jpg                                                        5610         23200    Imported JPEG=102
    Module 7-Up.jpg                                                          5986         23200    Imported JPEG=102
    Module 7-Down.jpg                                                        5575         23200    Imported JPEG=102
    Module 8-Up.jpg                                                          6035         23200    Imported JPEG=102
    Module 8-Down.jpg                                                        5615         23200    Imported JPEG=102
    Module 9-Up.jpg                                                          6031         23200    Imported JPEG=102
    Module 9-Down.jpg                                                        5611         23200    Imported JPEG=102
    Module 10-Up.jpg                                                         6192         23200    Imported JPEG=102
    Module 10-Down.jpg                                                       5707         23200    Imported JPEG=102
    Module 11-Up.jpg                                                         6119         23200    Imported JPEG=102
    Module 11-Down.jpg                                                       5662         23200    Imported JPEG=102
    Module 12-Up.jpg                                                         6189         23200    Imported JPEG=102
    Module 12-Down.jpg                                                       5709         23200    Imported JPEG=102
    Module 13-Up.jpg                                                         6194         23200    Imported JPEG=102
    Module 13-Down.jpg                                                       5710         23200    Imported JPEG=102
    Module 14-Up.jpg                                                         6193         23200    Imported JPEG=102
    Module 14-Down.jpg                                                       5705         23200    Imported JPEG=102
    Module 15-Up.jpg                                                         6197         23200    Imported JPEG=102
    Module 15-Down.jpg                                                       5713         23200    Imported JPEG=102
    Module 16-Up.jpg                                                         6202         23200    Imported JPEG=102
    Module 16-Down.jpg                                                       5716         23200    Imported JPEG=102
    Module 17-Up.jpg                                                         6155         23200    Imported JPEG=102
    Module 17-Down.jpg                                                       5684         23200    Imported JPEG=102
    Module 18-Up.jpg                                                         6204         23200    Imported JPEG=102
    Module 18-Down.jpg                                                       5719         23200    Imported JPEG=102
    Module 19-Up.jpg                                                         6198         23200    Imported JPEG=102
    Module 19-Down.jpg                                                       5713         23200    Imported JPEG=102
    Module 20-Up.jpg                                                         6205         23200    Imported JPEG=102
    Module 20-Down.jpg                                                       5723         23200    Imported JPEG=102
    Module 21-Up.jpg                                                         6150         23200    Imported JPEG=102
    Module 21-Down.jpg                                                       5685         23200    Imported JPEG=102
    Replay Button.jpg                                                        5365         18240    Imported JPEG=102
    Replay Button Down.jpg                                                   4803         18240    Imported JPEG=102
    Next Button.jpg                                                          4965         18240    Imported JPEG=102
    Next Button Down.jpg                                                     4684         18240    Imported JPEG=102

  • HTML hovering over thumbnail to bring up larger image on top of it. How?

    I am new to site and first question. So hope not too silly.    I wish to have lots of small thumbnails on page and when mouse hovers over each individual thumbnail it will enlarge into a larger image - on top of the thumbnail mouse is over.   Thanks to Nancy O answering Bravats question on this, I found the following HTML from Nancy,  however..... am darned if I am able to have the image hover exactly over the thumbnail.    Not to left, not to right, etc etc,   but over top of thumbnail.    Can someone please tell me what to put in where to make this happen?  Thank you.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Disjointed Image Rollovers</title>
    <style type="text/css">
    /**BEGIN DISJOINTED IMAGE ROLLOVERS**/
    #rollover a {
    border:none;
    text-decoration:none;
    padding: 0 0.5em 0 0.5em; /**space between small icons**/
    /**remove this rule if all full size images are to share the same display area. **/
    #rollover a span {
    visibility:hidden;
    background-color: #FFF;
    display:block;
    position: absolute;
    /**adjust location of full size images**/
    left: 50%;
    top: 50%;
    /**optional full size image captions**/
    font-size: 12px;
    line-height: 1.2;
    color:#666;
    text-align: center;
    /**optional full size image borders, padding**/
    border: 5px solid orange;
    padding: 5px;
    #rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}
    #rollover a:hover, #rollover a:focus
    {visibility:visible;}
    /**END DISJOINTED ROLLOVERS**/
    </style>
    </head>
    <body>
    <!--begin disjointed rollovers -->
    <div id="rollover">
    <p>
    <a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #1</span></a>
    <a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #2</span></a>
    <a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #3</span></a>
    </p>
    </div>
    <!--end disjointed rollovers -->
    </body>
    </html>

    Here is my Demo.   http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
    First, #rollover a needs to have position:relative.
    Second, you will need to tweak left & top values to suit your needs.
    #rollover a span {
    visibility:hidden;
    background-color: #FFF;
    display:block;
    position: absolute;
    /**adjust positioning of full size images in px or %**/
    left: 0px;
    top: -140px;
    For better answers, we need a link to your page.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Image on top of text box issue

    I'm attempting to create my own message window that will appear when a text box is full.  I have script in the "full" section of the text box that makes the presence of the image and a few text boxes visible when full.  In design view, I have placed the image on top of the text box.  However, during testing, when the text box is full, the image appears but the text from the text box below also appears on top of the image.  I have tried to setFocus to the image as well, but this didn't help.
    What's odd is that if I navigate to a different page and then navigate back, the image appears correctly.
    Any ideas?  Thanks.

    Thank you very much. I didn't even know how to look up the solution.
    Now I understand what those buttons do and their usefulness.

  • Layering images on top of one another and adding hotspots that reveal a different picture below

    This is the page Im currently working on http://www.andrewtoyota.com/2014-highlander If you look on the right there is an image of a car with 9 different colored circles below.
    First I was trying to find a way to apply a hover effect to the circles to display the correct image of the car with the corresponding color. It wasn't working correctly because I couldn't find a way to have the images lay on top of each other with all the circles (being separate images) to (when clicked) link to the correct car image.
    So I brought my images into Dreamweaver and I'm trying to figure out how to do it in there. I know there is a way to apply certain behaviors to images, clickon, but I can't figure out how to lay my images on top of one another.  There has to be a div tag to do so right?
    I have a jpeg for each image (a horizontal jpg including the text on left then the car then the colors below) I thought if I uploaded all the images then applied a hotspot to each circle on every image then linked that circle to the right image, when clicked, it would work. Its not seeming to work. One problem is all my images are layed on one above the other... I need to get it so only one shows at a time and then get the hotspots to work so when clicked the user is still in the same page just a different image. Either clicked on or hover.
    This is what im working with right... I have applied hot spots to the different colors... how do I have only one image showing at once... yet each hot spot linked to the correct image?!

    You are looking for "remote rollover" or "disjointed rollover" if you were to do a search on Google.
    Basically, you have a "starter image" and then when remote images or hotspots are moused over, the starter image is changed to a new image by javascript. There is only ever 1 actual image in the source code on the page at any given time.
    Layers (APDivs, position:absolute, etc) is a terrible direction to go for this.
    In DWCC...
    1. Insert your starting (no rollovers) image
    2. Click the image and give it an ID in the Properties window
    3. Click/select the link image/hotspot/text that will fire the rollover
    4. Click the + in the Behaviors panel and choose Swap Image
    5. Select the id of the image set in step 2
    6. Browse to the "on" version of the image for the "Set Source To" text field
    7. Make sure Preload Images is checked and click OK.
    8. Click the + in the behaviors again and choose Swap Image Restore and hit OK
    Repeat for each hotspot.

  • I can't import images when I have video on the same card.

    I can't import images when I have video on the same card. I am using Lightroom 5.6 and OS 10.9.4 I found a work around, but was wondering if there is something that fixes that issue.
    Thanks in advance for any help. Angy

    Thanks.  The carrier is Verizon.  My new phone has a Verizon Sim card.  I can't find any evidence of that on the old one.

  • Is it possible to overlap a image on top of flash?

    Is it possible to overlap a image on top of flash?
    I am thinking to use index-x for a image to overlap a flash
    in html.
    Since I am here, I fail this approach but I just wanna know
    is it possible to do so.
    How could this to be done?
    thanks,

    mimihuhu,
    > Is it possible to overlap a image on top of flash?
    It is. Not only images, but text and anything else,
    including other
    Flash content. The solution is to use something called WMODE,
    which is
    known (and has been known) to be problematic. So consider
    yourself warned.
    :) Here are a few notes that will probably help get you
    started.
    http://www.quip.net/blog/2006/flash/how-to-position-flash-beneath-other-content
    David Stiller
    Co-author, Foundation Flash CS3 for Designers
    http://tinyurl.com/2k29mj
    "Luck is the residue of good design."

  • Default image in front of video

    Assuming the player is set to autoPlay false, has anyone setup a player to have a default image in place of video until the user hits play? If so how did you do it?

    Found the Poster Frame example which is exactly what I want to do. Now I'm trying to interaget that into the OSMFPlater sample but its not working.
    in place of using url = configuration.url to set the media value I'm try this
    var REMOTE_IMAGE:String = "http://mediapm.edgesuite.net/strobe/content/test/train.jpg";
    var serialElement:SerialElement = new SerialElement();
    serialElement.addChild(new PosterFrameElement(new URLResource(REMOTE_IMAGE)));
    serialElement.addChild(new VideoElement(new URLResource(configuration.url)));
    media = serialElement;
    I have the supporting classes in place and they seem to be working. I see the image bink briefly sometime so it is getting loaded and the video plays so it is also getting loaded it just does not hold on the image until you hit play like it does in the exanple. I'm have trouble figuring out why.
    I to would also be intrested if anyone has found any other ways to accomplish a poster frame.

  • How can I have a browser image that scrolls with images on top of it scrolling in tandem -

    How can I have a browser image that scrolls with images on top of it scrolling in tandem - so the background is a hexagon pattern with small images inside some hexagons and I want them all to be scrollable as a user uses the browser scroll bars. At the moment the background image jumps when I preview so the small hexagons all become out of alignment. Any tips appreciated. I have browser image set to tile - pinned at the middle and set to scrolling - the small images are not pinned -

    Thanks for your answer - The images on the top layer are also links and change to show they're links on rollover - so I wanted to keep them as separate graphics - and it works to a point but when I preview the page in a browser the tiled browser image always moves no matter how I pin it and then everything becomes unaligned. Any further suggestions appreciated.

  • PS6 Image Processor - Images on top..?!

    PS6 Image Processor - Images on top..?!
    Hi.
    Previously when using PS3 I would minimise PS during Image processing large batches of images - once minimised nothing of PS was visible on the screen and I could go about other bits without images flashing up during the processing.
    Now with PS6, minimised as before, during this process images are not hidden and every image will flash up on screen during the process...
    Is there a way to disable this feature so images do not flash up? Fingers are crossed.
    All the best
    Gully

    Probably the easiest solution would be to go to Edit>Preferences>Interface and check Open Documents as Tabs.

  • Firefox upon opening an image in a new tab, centers the image from top and bottom and surrounds the image with a grey frame. Just started having the problem today, searched Google to no avail.

    Firefox upon opening an image in a new tab, centers the image from top and bottom and surrounds the image with a grey frame. Just started having the problem today, searched Google to no avail.

    Oh wow, looks like a new feature.
    The "page" links in a stylesheet with the address "resource://gre/res/TopLevelImageDocument.css". If you remove that reference, then the image displays in the old style.
    '''''Edit: Please skip the rest of this post and check out the next one.'''''
    There might be a more elegant solution than that, but you could use a bookmarklet to strip out that link when you want to view the page in its old style. A bookmarklet is a snippet of JavaScript you save on the Bookmarks toolbar for quick access.
    First, copy the following code to the clipboard (it's all one long line):
    <br>javascript:var ssheet=document.querySelector('link[href="resource://gre/res/TopLevelImageDocument.css"]'); if(ssheet)ssheet.parentNode.removeChild(ssheet); void 0;
    Next, if you are not displaying the Bookmarks Toolbar, use View > Toolbars > Bookmarks Toolbar to display it. (If you aren't using the classic Menu bar, press Alt+v to call up the old View menu. Right-clicking the gray area just below the page address also allows you to display the Bookmarks Toolbar.)
    Right-click on the Bookmarks Toolbar (or Mac equivalent of right-click!) and choose New Bookmark.
    Paste the code into the Location box (the second box).
    Then type a useful name in the Name box (e.g., Oldstyle Picture) and click Add.
    Now, when you want to tweak the image display, click the button to run the script.
    Manual clicking is a hassle, so it might make sense to look into other solutions. (Greasemonkey didn't seem to work; I think it might not run on .jpg files.)

  • Placing an image on top of a flash file

    Is there a way to keep a image on top of a flash file? When I
    place it on top then publish the flash file jumps in front of the
    pic when it plays.
    What I am trying to do is place a border around the window. I
    can't just shrink the flash file down because this great program
    causes errors with the flash content.

    There is no way to keep an image on top of a Flash file.
    Having said that, we do a couple things to get around that:
    1: add the border to the flash file-- when we're creating
    swfs for Breeze in Captivate or Flash itself, we add the highlight
    or border there
    2: Add the border to a file that rests behind the flash file
    and make the flash file fit
    It sounds as if you've tried the second, but with no success.
    I 've never had a problem resizing swfs that I've imported into ppt
    through Breeze Presenter. I sthat the issue you're having?

  • 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.

  • Placing an image on top of other elements

    Is it possible to place an image on top of two existing
    that already contains an images. The new image would straddle over the two existingbut on top of them. Thanks

    I thought about combining all the <div>s but they would not make a square or rectagle shape. Also inside the header <div> I want to place some tabs for navigation.
    I have attached a jpeg of the comp and you can see the image I want to place on top is the image showing 2 white tanks. The <div>s will be the blue header at the top ofthe page and tthe <div> with the water drop graphic inside. I was not sure if it was possible to put this tank image on top of the other two <div>s, I was thinking maybe it could be a layer on top?
    The other thing I am trying to do is to put the four navigation tabs at the bottom of the header <div> for navigation purposes. I was thinking of making each tab a <div> with the tab graphic and text inside each <div> I just not sure how to place it in the header <div> in that location? Thanks again.
    Dan

Maybe you are looking for