Background images w/aspect ratio true and clipping

I'm trying to create a site where the background image takes
up 100% of the screen, minus a 30px border around the app.
perimiter. The sizing method I'm trying to replicate is at
http://www.letstakepictures.info.
Notice that when the window is resized to any dimensions the
background image:
1) Resizes proportionately w/out distortion
2) Maintains its aspect ratio at all times
3) All other image information is clipped when the window is
resized unproportionately i.e. 30% high 100% wide.

The method of obtaining a 16:9 ratio explained within
my last post (click here to view Part I)
has left me with a distorted preview that is
difficult to accurately achieve what I was able to
without distortion.
The timeing of all my keyframes has been effected and
is hard to adjust due to the squished preview.
Judging by eye, where to zoom and how it will affect
the final output cannot be revealed until I've
compressed the file and imported in DVDSP. Which I
can then get a true preview within the simulator.
Actually, the method described should have left you with an UNDISTORTED preview. Perhaps it wasn't the fix you needed at all. There is no way you should have to go as far as the DVDSP simulator windown to see an undistorted image.
What you describe - viewing squished footage in FCP - means you have not set up FCP properly for the material with which you're working.
Maybe best if you start again at the beginning, as there are no doubt some important details missing here. My understanding is you are trying to make anamorphic 16:9 DVDs incorporating still images and video footage (which may or may not be 16:9).
The way to do this properly is to start out with an anamorphic FCP project and format your material correctly within that project, working with anamorphic sequences that will translate seamlessly to a 16:9 DVDSP project.
It sounds, though, that some of your FCP sequences are still, in fact, 4:3.
Tell us more.

Similar Messages

Can you change aspect ratio to any clip??

Hi im an avid user so still trying to get my head around final cut (recently brought a macbook pro) Im wondering whether its possible to change the aspect ratio on one clip within a sequence say 16:9 to 4:3 or vice versa...Its a very easy process within avid but im sure it is in FCP too....
how do yah do it....cheers in advance

Hi
welcome to the forums.
A tutorial would be useful here:
http://www.kenstone.net/fcphomepage/fakingit.html
G.

Move rejected to trash changes aspect ratio of a clip

I just switched from iMovie HD to iMovie '11. I imported all old projects that I did not yet work on into the new version. This worked fine and I created my first movie successfully. For the current movie I have a lot of raw material in the format of 16:9 (DV). So I rejected parts of a clip and moved these to the trash in order to free space. But after moving the rejected parts, something happend to the aspect ratio of the remainder of the clip. The remaining clip is now distorted to 4:3 (black bars to the left and right, image distorted in height). All other clips are still in 16:9 and the projects settings tell this, too.
Does anyone know how to reset the clip in the event viewer to the correct aspect ratio?
Many thanks,
Erik

It sounds like that in the process of deleting the first half of the clip, the Anamorphic flag was stripped off.
You should be able to fix this in MPEG Streamclip, which is free.
In iMovie, right-click on the Event clip with the bad aspect ratio. Select Reveal In Finder. Drag this clip into Mpeg Streamclip.
In mpeg streamclip, FILE/EXPORT TO DV.
Choose 16:9 as aspect ratio and leave everything else the same.
Import this clip back into your imovie project. When you are sure all is well, you can delete the other one.

Aspect ratio of imported clip

Hello,
When I import a clip (Apple Pro Res HD 1280x720, 25p) into FCPX I do not have a correct aspect ration. The image is a 4/3 ratio into 16/9 ratio.
I have not this problem in FCP7, all aspect ratio are correct.
Have you an idea how to edit this correctly into FCPX?

The aspect in QT7 is ok but when I open the same file with QTX it looks like in FCPX... :-/
QT7:
QTX:

Still image pixel aspect ratio wrong in exported video (but correct in Premiere renders)

I've saved a targa still image from my footage and added it to the bin. It's properties show as follows:
Image Size: 1440 x 1080
Pixel Aspect Ratio: 1.3333
This correctly matches my sequence settings as I'm working with 1080p widescreen footage.
The image appears as expected in the Program window both before and after rendering previews. However, once I export my sequence as a video file, the still image is squashed (displaying incorrectly):
A work around would be to stretch out the still to a width of 1920 in Premiere so that the export displays it back at its normal aspect ratio - which works - but I don't understand why I should have to do this.
The other solution I found was to go to the bin and 'Modify > Interpret Footage' and although "Use Pixel Aspect Ratio from File" already shows the correct settings, to actively reset it (to the same pixel aspect ratio) with the 'Conform to' option:
This works too.
Surely a bug?
(using Premiere Pro CC)

Thanks for the quick reply. But then why does the still's properties (in my bin) show the pixel aspect ratio as 1.3333 (not square pixels, 1.0) and should it not appear incorrectly in both the preview renders and the exported video ? This seems inconsitent to me.

Changing Aspect Ratio on multiple clips

I posted earlier about the "16:9 confusion". I have since figured out that somehow my aspect ratio went to -33.33 on all of my clips. The only way I have found to fix this is to change the aspect ratio on each individual clip back to 0. I have hundreds of clips. Is there a way to select & change them all back to 0?
Thanks,
Dave

glad you got it solved.
As you can see you can conversely paste attributes (should you need in the future to paste filters, basic motions etc. to a number of clips ) by simply copy (command+C) the clip to which you applied a given effect or basic motion and select and right click the desired clips and choose "paste attributes..."
Best,
G.

Changing aspect ratio for edited clips

Hi,
There probably isn't a way to do this, but I thought I'd ask. One of my students made a film using a JVC camera and two other SD cameras. The JVC was in 16X9 aspect (he didn't notice) and the other cameras were in 4X3. We had trouble getting the video off the JVC camera and then getting it into the right aspect ratio, as its files came out as 4X3, looking a little squished needless to say. He completed his project using those clips. I have finally figured out a way to get the JVC clips back into 16X9. Is there a way that I can replace the clips he used in his video with clips in the correct aspect ratio without losing his editing?
Thanks,
Mike

I suppose in theory this is possible since iMovie is non-linear and non-destructive, and the edits are actually instructions that tell iMovie what to do with each clip. You'd need to modify those editing instructions to refer to the new clips... but I have no idea whether this is really doable.
John

Aspect Ratio Sort and Export (File Naming)

When I crop my photos, I sometimes find that some photos work best in the 4x5/8x10 crop and others in a 2x3/4x6 aspect ratio.
Issue #1) How can I sort and find all of my images with a specific aspect ratio?
When in the Library module and setting up a filter (ctrl+f), I don't see any way to filter and sort out my aspect ratio. In the "Metadata - Label" filter fields, there is an "Aspect Ratio" value however the only options are Portrait and Landscape. (more of a photo/page layout than 'aspect ratio' to me)
** Feature Request: Please add "Aspect Ratio" options (just as presented with "r" is pressed for resize) in the Library Filter Metadata. **
Issue #2) How can I include the aspect ratio of the image (e.g. 4x5) in the exported file name?
I don't see any way to to do this either, so I have to manually find all of the images with the same aspect ratio first, then set a Custom Name field for export and export each ratio at a time.
** Feature Request: Please add "Aspect Ratio" options to the file naming fields available for selection when exporting images. Values like "4x5" and "4x6" would be great to be able to include in the filename of my images.
Regards,
Brian

Thank you John! I've found and posted them here:
http://feedback.photoshop.com/photoshop_family/topics/sorting_by_aspect_ratio
http://feedback.photoshop.com/photoshop_family/topics/need_aspect_ratio_field_for_filename _export

How to get background image to fill the browser and remain fixed in both IE and Firefox?

Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
First of all, I'm using IE8 and the latest version of Firefox to test this.
I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

How to setup jpeg file as background image for all site pages and resolution stay same?

I have uploaded my new site to http://wwwtjhtestdec2012.businesscatalyst.com
I have background image set the same on all site pages but image is incorrectly zoomed way in on some pages (like Home page for example).
The Donate Page shows the correct resolution which I want displayed on all site pages.
How do I set all other site pages to match background image resolution of the Donate Page?
I am not sure what I am doing wrong that is changing this, or if it's possibly a bug?
I want the background image to be full screen on all site pages please advise how to resolve.
I would appreciate the assistance!
Thank you kindly!
Tammy

I have re-uploaded my site to http://wwwtjhtestdec2012.businesscatalyst.com.
If I set the Master page to Tile vertically that is only way I can get full screen background image of vegetables (without distortion).
Then however another issue occurs....
On Home Page of site I set same property to Tile and the background is better (no visible line where tiles meet---above the navigation tool bar--that is what I want for all pages associated to Master.
So logically, I tried setting a 2nd associated site page to same master, to Tile but on Statement of Faith Page, notice the horizontal line where tiles meet, above my navigation bar on that site page?
Why does Muse not handle both site pages associated to the same master identically?
Any of the other options besides Tile or Tile vertically cause the background to not fill entire screen.
Ideas?

Youtube aspect ratios: widescreen and "tallscreen" ??

I'm confused about the aspect ratio of these youtube videos - certain videos appear to be "widescreen" (I'm not an expert at all, so I'm going to use layman's terms) - I can watch the video with black bars at the top and bottom, or lose the sides to have the middle a bit bigger
example: search (on iphone) for "frenchmaidtv" - doubletap a few times to switch views - this appears correct to me
other videos seem to have some sort of "tallscreen" mode where doubletapping adds padding to the left and right and shows extra video on the top and bottom
example: search (on iphone) for "9/11 coincidences part four" - notice how in "widescreen" mode, padding is added to left and right and the top and bottom get expanded
this seems odd to me - what the heck is this?
-w

I'm confused about the aspect ratio of these youtube videos - certain videos appear to be "widescreen" (I'm not an expert at all, so I'm going to use layman's terms) - I can watch the video with black bars at the top and bottom, or lose the sides to have the middle a bit bigger
example: search (on iphone) for "frenchmaidtv" - doubletap a few times to switch views - this appears correct to me
other videos seem to have some sort of "tallscreen" mode where doubletapping adds padding to the left and right and shows extra video on the top and bottom
example: search (on iphone) for "9/11 coincidences part four" - notice how in "widescreen" mode, padding is added to left and right and the top and bottom get expanded
this seems odd to me - what the heck is this?
-w

Getting a watermark background image to underlay box lines and lines.

I've added a page header to my report with a watermark that underlays following sections. My box lines aren't showing up because the image covers them. Everything else displays above the image. Is there any way to solve this problem without using text boxes with borders?

I tried this and it didn't turn out very well. My image is really light gray in colour (with a white background) and I'm having a rough time making the transparency show up in Crystal since it won't support .GIF images. When I do it in .JPG or .PNG it corrupts the image so bad you can barely see it after its been made transparent. I'm using GIMP 2.0 as my editor. I don't know if there is an easier way to do this. You would think the program would have a simpler way to add a background image into reports. -.-
Edited by: MarcieHennessy on Jan 9, 2010 12:12 AM

Aspect ratio wrong and different from QT in full screen mode

Hi all,
I created a video using anamorphic records from my camcorder in Final Cut Express HD. QT displays the final movies (MPEG 4 H.264) just fine in either partial or full screen mode. When played in Front Row, the video height is stretched. Any ideas why or how to fix?
Movies are being played on a Mini connected to a 40" LED TV with 1366x768 resolution.
Thanks in advance.

It is true you can change the properties but it appears that Front Row expects all movies to have square pixels and thus displays all pixels as square. QT did/does understand the anamorphic properties and display movies correctly.
As an aside to all, the previous solution was to generate all movies at 853x480. This results in a green bar on the 853rd column (at least when generating using Final Cut Express HD). I regenerated the movies at 852x480 and the bar went away. No other noticable effects.

Image quality difference between timeline- and clip monitors

I've just captured dv into fcp4.5 and got surprised that I got the unrendered red line indication in the timeline when dragging it down from the clip monitor.
However, I rendered it but in timeline viewer the quality was bad like it was a field error. Contures were uneven etc.
The video in clip monitor has perfect quality.
I wish to find out a solution with this to learn something from it, rather than just re-install FCP wich normally puts things right.
Big thanks for advice /Erik
G4 1.2 Mac OS X (10.4.3) 1.8GB RAM

Thanx Jim, the compression was for some reason changed to none, now I changed it back to DV-PAL.
I suppose this compression doesn't affect the final export?
If I'd export with the DV-PAL compression (Ialways export with none) would that degenerate the video again or just read in the same trax so to speak?
Regards, Erik

Need help changing size and aspect ratio for 500+ images

Thank you for reading this! I have about 500 images of people in different poses. They're all extracted on a transparency as PNGs. They vary in aspect ratio, dimensions and position of the person within the frame - for some the feet are very close to the bottom of the frame and for some, they're higher up. I need to equalize all 3 of these qualities, so that if superimposed, they look like a video unfolding with the same zoom. My ideal size would be 800x800 at 300ppi.
Is there a way to batch even a part of the process and keep the png format? I had the images in PSD initially but they were too massive so creating catalogs with them was prohibitive.
If not possible to do a batch, what would be the best (easiest) and fastest way to do it? I'm thinking that maybe creating some template where an oval shape the size of the head can help create consistency of the size of the person and a line that helps set up the distance from the bottom?
I so appreciate any help you have to offer. Part of my problem is that I don't know what these processes are called so I don't even know what to search for. If you can even name the actions that I need, it would be of great help. I already paid a designer to do the extraction and they were supposed to do this formatting as well and they didn't so my budget is shot. I'm hoping that if I understand what the steps are, I can do them myself.
Thank you!

If you download my crafting actions package you can record an action that uses one of my plug-in scripts to do that process. You could then batch that action and process your 500 png image files.
Crafting Actions Package UPDATED Aug 10, 2014 Added Conditional Action steps to Action Palette Tips.
Contains
Action Actions Palette Tips.txt
Action Creation Guidelines.txt
Action Dealing with Image Size.txt
Action Enhanced via Scripted Photoshop Functions.txt
CraftedActions.atn Sample Action set includes an example Watermarking action
Sample Actions.txt Photoshop CraftedActions set saved as a text file.
More then a dozen Scripts for use in actions
Example
Download
Step 1 Select layers transparency
Step 2 Copy
Step 3 Paste
Step 4 Select all
Step 5 Align Layer s to selection vertical center
Step 6 Align Layer s to selection horizontal center
Step 7 Select bottom Layer
Step 8 delete current layer
Ste9 9 Fille>Automate>AspectRatopSelection... In the dialog set 1 1 ratio center rectangle replace selection feather 0
Step 10 Image Crop
Step 11 File Automate>Fit Image. In dialog enter width and height 800
Step 12 Image size in the dialog uncheck Resample and enter 300 in the resolution field.
I'm sure the should work you mane not need the copy paste and it depends on how Photoshop treats the PNG layer the canvas size or just the pixels.
This may also work
Step 1 Select all
Step 2 Align Layer s to selection vertical center
Step 3 Align Layer s to selection horizontal center
Ste9 4 Fille>Automate>AspectRatopSelection... In the dialog set 1 1 ratio center rectangle replace selection feather 0
Step 5 Image Crop
Step 6 File Automate>Fit Image. In dialog enter width and height 800
Step 7 Image size in the dialog uncheck Resample and enter 300 in the resolution field.

Background images w/aspect ratio true and clipping

Similar Messages

Maybe you are looking for