How to preserve aspect ratio with a responsive layout?

Hi,
I have an image that I need to place in the centre of my stage.
The image is that of a ball and has 400px by 400px size.
I want my animations to be responsive so that the image will scale but still maintain the correct aspect ratio.
Currently if I set pixels to % on width and height, the image stretches.
How do you do this in EA?

Hi Jahandaniel,
I have tested responsive layout and it worked perfectly. Please check the following adobe tv article and let me know your result.
Creating a Responsive Layout | Learn Edge Animate | Adobe TV
Regards,
Devendra

Similar Messages

Preserve aspect ratio for Windows Vista 64-bit OS on iMac

Hello, I wanted to know how to preserve aspect ratio on my screen resolution of 4:3 with black borders on left and right of the screen, after I have installed 64 bit Boot Camp drivers on it. I rather to play older Windows games in 4:3 without stretched mode as stretched mode looks so disordered, which is bothered me a lot.

It sounds that the Microsoft Installer does not like the optical drive inside of your Mac.
Do you have access to an external DVD drive?
If yes, try the Windows 7 install with an external DVD drive.
If no, try to install Windows 7 from a USB drive.
Source 1:
http://technet.microsoft.com/en-us/magazine/dd535816.aspx
Source 2:
http://social.technet.microsoft.com/wiki/contents/articles/how-to-deploy-windows -7-from-a-usb-drive.aspx
If you don't have an external DVD drive or a USB drive that is 8GB or larger, you might want to consider borrowing or buying one.

"Preserve Aspect Ratio" Bug w/ DV Export

Hi,
I searched around and found no mention of this behavior, so figured I'd post what I discovered. There is a subtle bug in QuickTime when you convert to DV and check "Preserve Aspect Ratio" in the Size options. It's intimately connected with how QuickTime scales DV for display on screen.
DV resolution is 720x480, but with rectangular pixels. So some scaling is done to display the image using the computer screen's square pixels. The height to width ratio of a DV pixel is 1.1, so the correct resolution (i.e. no distortion of the image) to use on screen is about 654x480. But wait! QuickTime plays back DV at 640x480, and it's not distorted. What gives?
QuickTime knows the correct scaling factor and is actually displaying the image at 654x480, but it's chopping 7 pixels off the left and right sides to fit it in a 640x480 window. (The effect is even more pronounced with anamorphic 16x9 DV - 11-12 pixels get lopped off either side.) It's only a display issue - the pixels are still there, they're just not being drawn. It's a subtle effect you never really notice, and you get distortion-free playback.
The problem occurs when you need to export some video to DV that's not a standard aspect ratio (like the 2:1 clips I was converting). When you check the "Preserve Aspect Ratio" box, QuickTime scales your video to the 640x480 display area, keeping the original aspect ratio like it's supposed to. BUT it then proceeds to take the full 654x480 frame and encode it to DV. You end up with a very thin black border on the left and right, and ironically the aspect ratio you wanted to preserve is ever so slightly squished!
You never see the problem in QuickTime Player because of the display scaling trick, so all looks well. But bring the converted DV into iDVD or Final Cut and you can see the black border. (Again, it's more pronounced with anamorphic widescreen.) "Preserve Aspect Ratio" thus only exactly preserves the aspect if the only thing you're going to use to view the video is QuickTime. It is subtle, but if you're compositing the converted video with DV from another source it can be bothersome.
Hope this proves helpful,
-Robb
Dual-Core 2 GHz G5 Mac OS X (10.4.8) QuickTime Pro 7.1.5

I've seen the border in Final Cut. This is good to know - thanks.

Exporting small quicktime, can't preserve aspect ratio??

I'm trying to export an HD project with a 960 x 720 pixel aspect ratio that's about 3 minutes long into a QT that's less than 10 meg.. i've done it a few different ways but i can't seem to keep it letterboxed to 16:9 even though i've checked the preserve aspect ratio box in the export with QT conversion dialogue box... sequence settings i haven't changed.. is that where i'm going wrong?? Help! needs to be submitted for festival by tomorrow!!

If you need the final clip to be 4:3 for some reason, such as posting it to YouTube, then you can get the letterbox bars by nesting into a 4:3 sequence in FCP, or adding letterboxing in Compressor.
However, if the clip will play natively as a QT file, iit can be 16:9 without letterboxing, which has many advantages. The dimesnions I use for this most often are 480x270 That should allow you to get your file down to size at good quality.
Hope this helps -
Max Average

Won't preserve aspect ratio letterbox?

Hey,
I have a cannon hd camera that films in 1920x1080 which is a 16:9 aspect ratio if I understand correctly. I'm trying to export this video size to a 640x480 using the quicktime conversion. From what I've read online and in the manual if I check "preserve aspect ratio", "letterbox" it should put two black bars on the top and bottom so that the video itself isn't stretched to fit into the 640x480. However, though I've tried many times, the exported video always comes out stretched. Is something turned off that I don't know about? Is there a problem in the software?
Thanks for the help if you can solve this puzzle.

I'm having the same problem and it's driving me nuts. I have HD footage and I'm trying to save a small sample as a demo. I want to email either a 16:9 clip or a 4:3 letterboxed clip. No matter what dimension I export to, it ends up as 4:3, even when "letterbox" is checked. For example, if I export to 720x480 (4:3), it's squashed. But if I export to 720x480 (16:9), it's squashed AND I have black bars ON THE SIDES! So I'm telling FCE to go from 16:9 to 16:9 and it converts it to 4:3 and then puts black borders on the side? How does this make any sense??
When you say "Place your edited widescreen sequence in a 4:3 sequence" what do you mean? I don't see sequence properties that control the aspect ratio.
Also, what should the compression type be? Like I said, I'm just trying to export a small 30-second demo clip. All of my exports are turning out 40+ MB. If I do a straight Export->Quicktime movie (no conversion) then my 30 second clip is more like 400MB.

Preserve aspect ratio issues.

I’m having a problem with my “preserve aspect ratio” command under Quick Time Conversion. I’ve bounced many projects that are 720x480 into a 640x480 cube, (for use on the clients website.) with much success. But for some reason FCP has stopped doing this. Everything I bounce, whatever the setting is coming out stretched. It’s acting almost like the commend doesn’t even exist.
Is there a preference setting that might have been messed up? Is there even a way to control this. For the life of me I can’t figure this out. Any ideas?

Yeah, it's anamorphic file... i bounce it down
h264
keyframe automatic
Data Rate: 1300
best for streeming
Size VGA
Preseve Aspect using "fit demention"
?

How to maintain aspect ratio?

I want export a video in 2.35.1, but want to maintain aspect ratio(and get rid of the black bars).
How can I do that in Compressor?
I can only figure out how to compress it. But can’t find any options for maintaining aspect ratio.
I know this can be done with QuickTime 7, but I don't have it.
Currently using Compressor 4

As mishmumken said, custom frame sizes can be
Specified in Compressor Geometry.
But I'm concerned that you may not have preserved the aspect ratio
When you exported from your editor
Here is a great tutorial that describes how to do that from FCPX.
Http://library.creativecow.net/articles/payton_t/FCPX_Custom-Resolution-Timeline s/video-tutorial
Russ

Preserve aspect ratio of whole stage

I have an animation in Edge Animate 1.5. All its elements are defined with sizes and positions by percentage (rather than px), so it currently scales to completely fill the browser window of whatever size. Is there a way of forcing the stage to preserve its aspect ratio when the browser window is resized? In my case, I want it to remain square. I wonder whether the "resize" event on the stage might be relevant? But not sure what code to put in it...
Any help greatly appreciated,
Thanks,
Wes

Right, almost got it, albeit in a hacky way. I edited the _edge.js file right at the end, to contain the following resize function. This forces the width and height of the stage to be equal to the smaller one of the two, and then sets left and top so that the stage is in the middle of the window if/when there is space either side. It seems to work ok - although is best done at the end, as Edge Animate removes the code if you load/save the project.
The one thing left to fix is that I need to fire the resize function manually at the start - it doesn't do so automatically, and defaults to stage size 100% x 100% of the browser window. If anyone knows the best way to do that, I'd appreciate it!
$(window).ready(function() {
     Edge.launchComposition(compId);
     $(window).resize(function() {
          var bodyheight = $(window).height();
          var bodywidth = $(window).width();
          var leftPos = bodywidth;
          var topPos = bodyheight;
          if (bodywidth<bodyheight) bodyheight=bodywidth;
          if (bodyheight<bodywidth) bodywidth=bodyheight;
          $("#Stage").height(bodyheight);
          $("#Stage").width(bodywidth);
          leftPos=0.5*(leftPos-bodywidth);
          $("#Stage").css("left",leftPos+'px');
          topPos=0.5*(topPos-bodyheight);
          $("#Stage").css("top",topPos+'px');
})(jQuery, AdobeEdge, "PROJECT");

Preserving aspect ratio 16:9

I've placed several Flash videos on a Web site, all 4:3 standard definition. All look fine.
I have one video that's 16:9 widescreen high-definition. When I try to place it on the same site (using the same HTML snippet code as the others), much of the video is missing on the sides -- it's cropped off when I try to play it. I've changed some numbers around but nothing fixes it.
Any help?

How do I change that to a 4:30 timeline?
First of all, dont. Finish your project in its native 16:9 format and export with current settings, self contained. Now make a new project with the Easy Set Up at whatever 16:9 codec (Pro Res, Intermediate, etc, you exported as).
Go to Sequence > Settings and choose a 4:3 aspect ratio Timeline setting. The DV codec should be fine.
Drop the entire self contained movie into the Timeline. It will letterbox automatically. You can export that to make your deliverable.

How to determine aspect ratio?

How do you determine the aspect ratio, in LR, of an existing image? I know how to change it, but don't see a way to determine it.

Hi Photo31,
You can easily calculate the aspect ratio of any frame size with a calculator - it's just basic maths.
However, there's no need to calculate an aspect ratio in Lightroom. Just use the 'Enter Custom' function for the aspect ratio in the Crop tool, and enter your picture size (for example, 20x16). Lightroom will then display a crop that is locked to this aspect ratio. You can then resize it as much as you require, and LR will still keep it at your desired aspect ratio (as long as you don't check the 'locked' icon).
Cheers,
Alan

Correcting pixel aspect ratio with Publish settings

Same old, I know. I'm designing and producing a
Flash site using a Mac, but it will be viewed on a large
touchscreen (1366x768) driven by a PC. The vectors look fine when
going from the Mac 1.1 pixel aspect ratio to the Windows 1.0
display, but the photos look degraded and squashed vertically.
Could I fix with the Publish settings ... such as html- publish at
100% width, 99% height? I can't test easily because my pc's have
such fuzzy old displays, I can't see a thing. Flying blind. The
only time I see how awful it looks on a good PC display is when I
review the work to the client on the client's own PC...ouch.

In Premiere, you can right click on your footage in the Project Bin. From the context menu, choose Modify then Interpret Footage. In that dialog box, you can tell it to conform the pixel aspect ratio to 16:9.

Aspect Ratio with Adobe Flash Acces

Hello,
We are experiencing some problems trying to play Adobe Flash Access protected content.
We have 1 video without protection (plain mp4), and another copy of exactly the same video, but with AFA protection.
The aspect ratio of the video is 21/9. If we play the 'plain mp4', the player adds letterbox, which is perfect. But if we try to play the AFA protected one, it doesn't add the letterbox and the image is distorted. Do you know how to fix this?
The player we're using is OSMF
Regards

Hi Jordii84,
This sounds like something I've seen elsewhere, but I hadn't made the connection with Flash Access protection. I will have to take a look to see whether or not that could be the issue.
Let me know if you find a solution?
Thanks,
G

How to keep aspect ratio for different sized resolutions?

If I have a 1280 x 800 resolution widescreen moniter, and I have this fullscreen game that likes to run in 800 x 600 but I don't like the way that the game stretches across the whole widescreen moniter. The only way for me to keep everything in a good aspect ratio is to put my resolution at 1280 x 800 but the game doesn't like that.
Would there be a way to set it so that the 800 x 600 resolution is set to have the correct aspect ratio rather than being stretched across the widescreen? ie, so it looks like a square with black spots on both sides.
I heard that a modeline generator would be the thing I want, but I'm not sure how I should go about this stuff. If you have any reading on it, please give it to me.

Thank you very much. I never thought to look in the BIOS.
There wasn't an option to keep aspect ratio and stretch but I was able to center it rather than stretching.
Now my framebuffer boot up got centered, I need to find out how to make the framebuffer bootup be 1280x800 rather than 1024x768. This should be simple, but the guide in the sample menu.lst only gives square-y resolutions.

Recent upgrade removed my ability to set aspect ratio with LG TV remote

With the upgrade a few days ago, I lost the ability to "Zoom" the aspect ratio on 4:3 programming so that it fills the screen, using the LG TV remote. I don't want to stretch it; I want to zoom it, and I don't care that I lose the top and bottom of the picture. I could do this before; how do I get it back? I have the FIOS settings on 1080 HD, and have the "stretch" turned off. I have an LG plasma.
Solved!
Go to Solution.

Try using the # button on the FiOS TV remote instead.

DVCPRO HD 720P: pixel aspect ratios with still images from Final Cut

I am currently trying to get still images from a trailer I am working on with Final cut pro. The footage is DVCPRO HD 720P 24pn and the interlacing and pixel aspect ratios have been giving me a lot of trouble in photoshop. I am able to convert the PAR but it is for preview purposes only...? I need the file to be saved with the converted PAR. How do you do that???
Also, the de-interlacing filter on photoshop doesn't seem to help the quality of the photo.
Anyone have any ideas?
I have searched and searched and only found somewhat related questions, so maybe I am the only one trying to do this...

Why are you doing interlace if you have 720p?

How to preserve aspect ratio with a responsive layout?

Similar Messages

Maybe you are looking for