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!
- JdYes, 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. AngyThanks. 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
GullyProbably 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.
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
Ralphfunction(){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. ThanksI 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
-
Error while changing the printing options under preferences of a plan App
Hi All, I am using EPM system 11.1.1.1.0. I have a planning application and i am trying to chage the printing options under File-->Preferences but when i try to save my chnage i get a IE error message on the bottom left corner of the page. On the det
-
Update to iTunes 10.6.1, sync iPhone, lose all music and ringtones
OMG, I am so tired of Apple screwing up my iPhone either with iOS or iTunes updates. This time I updated iTunes to 10.6.1, synced my iPhone, then I got a call and I notice that the ringtone wasn't the one I had set up as the default. I started chec
-
G/L Account currency is not consistent with G/L Interim Account currency
Hello A few days ago I was printing checks and suddenly an error occurs it says something like..."Another user is accessing the same account" In the reserch I found help in SAP Portal, where I showed how to unlock this part This I did in Administr
-
Tag Files seem to block TagSupport.findAncestorWithClass
Seems I stumbled upon a rather glaring hole in with JSP 2.0 Tag Files. Say that I have normal JSP tags like this: <x:outer ... > <x:inner .../> <x:inner .../> <x:inner .../> </x:outer>outer and inner are related, and the inner tag "talks"
-
How do i restore my personal data from Itunes after upgrading to IOS7 on my Ipad2?