Resize images in animations without scaling

Keynote's animations allow you to resize objects (e.g. shapes) by scaling — i.e. having a shape grow or shrink during presentation, while keeping its aspect ratio constant; but what if you want to just specify the final dimensions yourself, such that the shape's aspect ratio is *not* preserved? Is there any way to, e.g., have a rectangle seamlessly transition into a square (or vice versa)? I'd be so surprised if this weren't possible, but I can't seem to figure out how to do it.

Magic Move seems to be it, and it seems to be limited.
You can make a square turn into a rectangle. You can even change the color of the final object. You can rotate the final object using CMD and repositioning a corner - but only if the shape innot modified in other dimensions
However, Keynote has a low tolerance for other changes:
E.g., if you edit the final object (Format > Shape > Make Editable > move any handle) you lose the "magic" and you get a simple dissolve to a second slide with a new object. Same is true if you reshape the object and then attempt to rotate.
Playing with it is about the only way to find what works.

Similar Messages

I did a presentation with many images and animations, now I need to change only the images without modify the related animations. How can I do it?

I did a presentation with many images and animations, now I need to change only the images without modify the related animations. How can I do it?
I use Keynote 09

Select the image you want to change and go to Format Menu>Advanced>Define as Media Placeholder (or command, option, control i).

How to proper resize images and videos at runtime without losing quality?

Hi guys. I need a bit of help here.
I've built a flash site in which i want to resize a movie to the stage. I do it by keeping the proportion, thus i only resize the width and then i resize the height acordingly to the new width but keeping the proportion.
The problem is that my film still looks "pixeled".
I found a website on which the stage resizes dinamically with the movie and the background images without either of them losing quality. Till now i knew that resizing images or videos in flash at authoring or runtime produces pixeled results.
This is the website: http://kampanjeweb.apt.no/jotun/romforrom/. Can someone tell me how do they do it without losing quality? just make the browser windowed and resize the margins to see the effect.
Thanks.

Hello, Venian.
About the video, you could try setting the flash.media.Video's smoothing property to TRUE. This should keep a quality, but you can do nothing if the video has a poor quality. You need a great video.
About the images, you you need to redraw the image each time you resize it. To achieve it, use a combination of Bitmap, BitmapData and Matrix classes. Any doubt, just call again. Here is a simple example:
var scale:Number = .5;
var highQualitySourceImage:Bitmap = ...your image...;
var scaleMatrix:Matrix = new Matrix();
scaleMatrix.scale(scale, scale);
var bitmapData:BitmapData = new BitmapData( scale*highQualitySourceImage.width, scale*highQualitySourceImage.height);
bitmapData.draw(highQualitySourceImage, scaleMatrix);
var finalBitmap:Bitmap = new Bitmap(bitmapData);
addChild( finalBitmap );
Cheers,
CaioToOn!

Resizing images without export

Hi all,
I would like to create a folder that contains re-sized versions of my master images. The folder will be photos that I am posting to my web site and I want to be able to control their size and keep this resized image in my aperture library. I am uploading them through the site host's uploader (squarespace) using finder, not exporting through aperture. Is there a way to create duplicate,resized versions of the images without exporting and re-importing the photos?
I know that aperture isn't photo editing software, but i expected that it would be able to do basic things (mirror, resize, etc) and am constantly disappointed. I could round-trip to photoshop, but I hope there's an easier solution.
Thanks,
John

First question - why do you need the JPEGs? If it's to upload them to a site via FTP there are export plug-ins to do this directly from within Aperture.
Using the media browser isn't going to help you at all because that will be accessing Previews in Adobe98 profile - not something you should be putting up on a website.
I also came across this problem when I wanted to convert a large number of raw files to jpegs and keep the new jpegs in my library. At the time I was running low on disk space and didn't need the raws anymore, but had to go through the process of exporting and re-importing for a bunch of projects.
Sorry, but that's a bit too alien an idea for me - I never threw away negatives back when I was using film, why would you throw away RAW files now?
Another pet peeve I have is that there is no status indicator when exporting (2 minutes left, 25% done, etc....anything besides a beachball), so I don't know how long the export will take, and on my 2006 macbook it sometimes takes a while.
At the bottom of the Browser pane on the left you will see a progress 'swirl' when exporting, importing or generating Previews. Click on it to bring up the activity window with progress bars for all current actions. You can also access it through Window>Show Activity.
Ian

Why does Fireworks CS5 keep resizing images when I paste them?

I am having a problem in Fireworks CS5 where images that are copied and then pasted into a new document automatically re-size and become either very tiny or very large.
I have taken some screenshots to show this more clearly: (this website only allows me to upload images of 450 pixels across so they are not too clear)
Image 1: I have taken a large image and reduced its size to 100x100 pixels (highlighted in red).
Image 2: I have created a new document which is 100x100 pixels in size.
Image 3: I have copied the image from Image 1 (control + C) and then pasted it into Image 2 (control + V). The image was 100x100 and the new image was 100x100 yet when I paste the image it suddenly becomes 313x313 in size and is too large for the new image. Sometimes it becomes tiny when pasted and is too small for the document.
Can anyone help with this matter? Perhaps I am missing something obvious, but I have tried searching for solutions and tried a range of methods (different kinds of copy and paste etc), but nothing seems to help. Please let me know what I am missing!
Thank you for your help! As I said I am using Fireworks CS5. I am using Windows 7. If there is anything else you want to know just let me know.

I don't know what could be causing the copy/paste resizing issue, but here are a couple of ideas that may help with your workflow:
You can create a new document for animation by choosing File > Open..., selecting multiple images, and clicking the "Open as Animation" option. This will place each image file into its own State.
Consider using commands from the States panel fly-out menu—e.g., Duplicate State, Copy to States, etc.—to move objects from one state to another.
Other commands to copy objects within Fireworks include Edit > Duplicate and Edit > Clone. These do not involve the clipboard and may sidestep the resizing problem.
Sometimes with bitmaps, I like to convert them to symbols, as it allows me to resize the bitmap freely without losing the original resolution. (This might introduce extra steps, but it could allow you to correct the image size after it's been pasted incorrectly.)
It's a longshot, but I wonder if it would help to empty the clipboard contents once in a while, to clear out old data.

Resizing a whole animation

Hello,
I was wondering if there was a way of resizing a whole
animation. All the keyframes and everything.
i have made an anim in 1280 x 1024 and am resizing it to 800
x 600. I can resize the frame no problem, but the objects/symbols
are still the size i drew them.
So far I have tried edit> select all frames and scaling it
down, but this only changes teh frame that the playhead is on. I
have tried edit > edit symbol and this also only changes the one
tween or keyframe.
How can i resize the whole lot without having to go through
every keyframe and scaling by hand?
thank
Apples
So

use the "Edit Multiple Frames" feature located in your
timeline panel.
This is a popular question here and I post this link
everytime:
http://www.biteycastle.com/lessons/emf.htm
--> Adobe Certified Expert *ACE*
--> www.mudbubble.com
--> www.keyframer.com
feedmeapples wrote:
> I havent exported and placed the animation yet.
> still need to do more to it.
>
> i just want to resize it now so i can carry on working

Problem with getting resized image's bytes

I've got a problem with getting correct bytes of a newly resized image. The flow is that I retrive an image from the filesystem. Due to the fact that it is large I resize it to a 50x50px thumbnail. I can display this thumbnail in #benchmark1 (see code below). Unfortunately something's wrong with my imageToBytes funtion which returns reasonably small size of image but is totally useless - I can't make an image of it anymore so at #benchmark2 the application either crashes or keeps freezing. I saved this byte array on my disk and tried to preview under Windows how does it look but I got a message "Preview unavailabe". I did some digging in the Internet and I supposed that it's because I don't use any jpg or png encoders to save the file. Actually I think that it's not the case, as the bytes returned from method imageToBytes look weird - I cannot even make a new image of them and display it without any saving in memory.
                              byte[] bytes = FileHandler.readFile (
                                      FileHandler.PHOTOS_PATH, fileName);
                              Image img2 = Image.createImage (bytes, 0, bytes.length);
                              img2 = ImageHandler.getInstance ().resize (img2);
                                                //#benchmark1
                              bytes = ImageUtils.imageToBytes (img2);
                              img2 = Image.createImage (bytes, 0, bytes.length);
                                                //#benchmark2my imageToBytes function is as follows:
     public static byte[] imageToBytes (Image img)
          int[] imgRgbData = new int[img.getWidth () * img.getHeight ()];
          byte[] imageData = null;
          try
               img.getRGB (imgRgbData, 0, img.getWidth (), 0, 0, img.getWidth (),
                       img.getHeight ());
          catch (Exception e)
          ByteArrayOutputStream baos = new ByteArrayOutputStream ();
          DataOutputStream dos = new DataOutputStream (baos);
          try
               for (int i = 0; i < imgRgbData.length; i++)
                    dos.writeInt (imgRgbData);
               imageData = baos.toByteArray ();
               baos.close ();
               dos.close ();
          catch (Exception e)
          return imageData;
I've run totally out of any idea what's wrong, please help!
Edited by: crawlie on Jul 17, 2010 6:21 PM

Hey Crawlie,
Please note that simply writing int values into ByteArrayOutputStream will not suffice. Please have a look at the following conversion from int pixel value into byte[4]:
public static final byte[] intToByteArray(int value) {
        return new byte[] {
                (byte)(value >>> 24),
                (byte)(value >>> 16),
                (byte)(value >>> 8),
                (byte)value
}Good Luck!
Daniel

Resizing images in printed documentation

I have Robohelp 10. Is there a way to resize all images to 80% when creating a word and pdf document. If I create an image style to 80%, it is ignored when creating printed documentation but works for online HTML help.

Hi there
From what I'm reading, it would seem that you are using CSS to present images at 80%, no?
If that's the case, it would seem you want your images presented at 80% of original size regardless of whether they are presented on the screen or whether you are creating printed output. And if that's the case, I'll ask the obvious question.
Why don't you simply scale them to 80% before inserting them into the project? Wouldn't that solve the issue and eliminate any need to create a CSS rule to scale the image?
Additionally, by scaling in the browser you are likely causing horrible loss of quality. And causing the page to take longer to load because the larger image is being loaded when the page is viewed.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Padding/letterboxing without scaling source - can it be done?

Hi all,
Here's something that's got me scratching my head: I need to build a Compressor preset that will pad/letterbox any size content that's smaller than 1280x720 without scaling the source. Source material equal to 1280x720 should remain that size, material larger than that should be scaled down.
So in the extreme case of the source file being a video clip for cell phones with small screens, the Compressor output would feature a small image in the center with lots of black padding around it. I've tried all sorts of settings, but I'm unable to prevent Compressor from upscaling source content thats smaller than the result in both width and height. Does anyone know whether this can be done?
TIA for any pointers!
Cheers,
Ron

That's a very interesting question. I've poked around compressor and tried to make that happen but I can't figure out how to do it. If I needed to make that happen the solution I'd have to take would be laying it into a 720p FCP sequence, centered, sized at 100%. Then just export a QuickTime.
But it sounds like you're looking for an automatic fix where you can just dump it into compressor. This makes sense if (to use your example camera) you have 100 clips from a cell phone and want to let the computer do the work overnight or over lunch, instead of dropping each and every one into a FCP sequence.
Interesting challenge.

I'm too bad in math! can't figure the correct function to resize images

This is driving me crazy, just becasue I don't have the
logical brains it takes:
I want to dynamically (PHP) resize images, according to a max
width and max height parameters.
What's giving me a problem is that max width and max height
are not equal, AND the images should be
resized only if their original size is too big:
$max_width = 650;
$max_height = 500;
$size = getimagesize($image);
$img_width = $size[0];
$img_height = $size[1];
Now how do I write a function that will resize images of any
possible size, *only if they need to*,
to fit in the maximum size *rectangle*?...
I have tried for hours to get it right, and I am ending up
with a function so full of conditionals
and sub-sub-conditionals that I'm getting completely lost.
I hope you can help, I'm sure it should be very simple...
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

here's the solution. This will correctly and proportionally
reduce image size according to ANY max
width and max height, no matter what the difference between
max width and max height:
if(($width <= $max_width) && ($height <=
$max_height)){
// The image is the right size already
$targetwidth = $width;
$targetheight = $height;
}else{
// if width > height
if($width >= $height){ // if height > width
$targetwidth = $max_width;
$targetheight = $targetwidth * ($height / $width);
// here we must check again if reduced height is not still
greater than max_height
if($targetheight > $max_height){
$targetheight = $max_height;
$targetwidth = $targetheight * ($width / $height);
}elseif($height > $width){ // if height > width
$targetheight = $max_height;
$targetwidth = $targetheight * ($width / $height);
// here we must check again if reduced width is not still
greater than max_width
if($targetwidth > $max_width){
$targetwidth = $max_width;
$targetheight = $targetwidth * ($height / $width);
(_seb_) wrote:
> Actually I did some tests, and it does not work!
>
> Here's the problem:
>
> $maxwidth = 600;
> $maxheight = 400; // max height is smaller than max
width!
>
> Then the method tests whether the image is taller or
wider, and resizes
> it to maxwidth or maxheight accordingly.
> So, if an image is 700px wide and 699px high, it will be
reduced
> according to $max_width, because the image is wider than
tall.
>
> *The resulting resized image will be taller than
$max_height*.
>
> That's the problem I have been running into.
>
> I cannot find a simple mathematic solution, without
getting lost in
> endless conditionals. I have found many examples of
resizing according
> to max width and max height parameters, but not one that
addresses this
> issue.
>
> (_seb_) wrote:
>> thanks Sonjey - that worked
>>
>> Sonjay wrote:
>>> This is the basic code that I've used on several
sites. It checks to
>>> see if
>>> the image needs to be resized, and if so, it
does the math to figure
>>> out the
>>> new proportional dimensions, whether you need to
resize to a
>>> specified width
>>> or to a specified height.
>>> $size = getimagesize($file);
>>> // Specify desired maximum dimensions
>>> $maxwidth = 650;
>>> $maxheight = 500;
>>> if ( ($size[0] <= $maxwidth) &&
($size[1] <= $maxheight) ) {
>>> // The image is the right size already
>>> $targetwidth = $size[0];
>>> $targetheight = $size[1];
>>> } else {
>>> // if width > height
>>> if ( $size[0] >= $size[1] ) { // if height
> width
>>> $targetwidth = $maxwidth;
>>> $targetheight = $targetwidth * ($size[1] /
$size[0]);
>>> } elseif ($size[1] > $size[0]) { // if height
> width
>>> $targetheight = $maxheight;
>>> $targetwidth = $targetheight * ($size[0] /
$size[1]);
>>> }
>>> } // END ELSE
>>>
>>> Now you have your target width and target height
set proportionally,
>>> and you
>>> can proceed with your resizing operation, using
$targetwidth and
>>> $targetheight.
>>>
>>
>>
>
>
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

How to resize images on book pages

Friends,
My wife is making a book in Aperture (latest version). Somehow, she structured it so that each image has a border around it, like a snapshot. This probably makes sense, since her theme is "snapshots." However, she is unable to resize the images on the page. Is it possible to do so? How?
As an aside, we can add new photo boxes, but they lack a border. However, they can be resized.
Any thoughts would be helpful.
Thanks!
Steve

It is possible to resize photos with or without borders while in "Edit Layout" mode, but not in "Edit Content" mode.
To adjust and add/remove borders, click on the gear below the pages window, then click on "Show Layout Options". The options then appear above the pages window where you can adjust the size (thickness) and color of the border.
You can also rotate the photo box too, with the "Angle" setting. Increasing the angle number rotates the photo box counter clockwise, so in order to get to rotate the "other" direction you simply have to increase the angle around the higher end of a circle (360 degrees), or say 345 degrees. Play with it, it makes sense when you do it.
Hope that helps.
Bob

Image size reduction without losing resolution

I am creating marketing materials and product labels for my company using Elements 9. I am not a Photoshop expert but I have a reasonable knowledge of the program. I need to resize certain assets such as logos and paste them onto various documents. The problem I am having is that no matter what method I use to resize, they always lose resolution and appear pixelated and/or blurry in the final printed version.
Normally I receive the assets in a hi-res image. It could be a jpeg or bitmap or any other number of format. I will open it in Elements, select it and remove the background via the Magic Wand>Layer Via Cut, and delete the background layer.
From there, I have tried everything from the simple select, grab the corner and manually drag inwards method, to using Image>Resize>Image Size and filling in the fields. When I performed the latter, I typed in 300dpi, made sure Constrain Proportions was turned on, checked Resample, and selected Bicubic Sharper, and entered the size in inches. Then I copy/paste into the document, and it looks fine. I save, which normally opens up Reader and I print from there. The printed image looks great except for any logos I resized, which look awful. I also tried printing from within Elements, but it won't do it without giving me a message first saying that the document will print at less than 200dpi, which is obviously not desirable.
One I paste the image onto the document, the Image Size>Resize becomes unusable because I can't seem to select just the logo - even with the bounding box clearly visable around the logo, resizing causes the entire document to be affected.
I have tried many combinations of selecting/deselecting every option I can find, including Alias/Anti-Alias (which for some reason sometimes doesn't seem selectable at all). I've scoured forums and tutorials for help on this, and have tried every method I could find. In the end, nothing has worked. There has got to be a way to do this. Our 30 day trial is almost over and we went ahead and purchased the program without knowing whether we could resolve this issue - if we can't, it will be pretty much useless to us. Please help me so I can tell my boss he didn't just waste company money on this program!
In short, my question is, what is the correct (or best) method for reducing image size? Please be detailed - and thank you!

Thanks for the reply Jon, but unfortunately I ended up with the same result as MTSTUNER said (using the Crop Tool).
MTSTUNER, that definitely helped. The problem must have been in pasting, which as you said brings a "non-smart" image over. I was even able to resize a bit on the new document without losing any clarity whatsoever. Very helpful - THANK YOU!

Resizing image: sloooooooow

hi, i'm using the following code to resize an image:
http://nopaste.easy-coding.de/?id=91
my machine:
p4 2.8ghz, ht enabled
kernel 2.4.22
jdk 1.4.2_04
unfortunatly, i've got the following times:
scaling image: 1280 * 1024 to 640*480
getScaledInstance: 157 msec
drawImage: 53559 msec
dispose: 0 msec
resizing image took: 54880 msec
is something wrong in my code?
and does the code depend on a running x-server? (heard something like that a few times)
(i need to resize an image in a servlet and the server has definitly no x-server in background)

The difference between JDK 1.4.2 and 1.5 is only marginal (about half a second) no need to upgrade.
Time measurement using currentTimeMillis is also far from precise, as you see in the output of running the same app 4 times :
wyd@rebooter:~/tmp> java IR
scaling image: 1133 * 1676 to 640*480
getScaledInstance: 1837 msec
drawImage: 1754 msec
dispose: 1 msec
resizing image took: 6370 msec
wyd@rebooter:~/tmp> java IR
scaling image: 1133 * 1676 to 640*480
getScaledInstance: 2775 msec
drawImage: 1687 msec
dispose: 0 msec
resizing image took: 8006 msec
wyd@rebooter:~/tmp> java IR
scaling image: 1133 * 1676 to 640*480
getScaledInstance: 1020 msec
drawImage: 1872 msec
dispose: 0 msec
resizing image took: 5215 msec
wyd@rebooter:~/tmp> java IR
scaling image: 1133 * 1676 to 640*480
getScaledInstance: 963 msec
drawImage: 1691 msec
dispose: 1 msec
resizing image took: 4510 msec

Cropping/resizing image by pixel dimensions

I am trying to crop or resize an image that is originally 2,122 x 1,415 px | 7.1 x 4.7 in | 300 dpi. I am to crop/resize image to fit 756 x 275 px. However, I don't want to lose the whole image. I would like to use the whole image just adjust it to the dimensions.
How can I accomplish this without creating any distortion or by removing elements by cropping the image?

Hello Slange,
may I propose a solution based on a more mathematical derivation, where I assume the height of 275 px is decisive. The way is the same, if the 765 px width is important.
The reduced copy of 2122 x 1415 provides 412 x 275. To the wished 756 you need: 756 - 412 = 344. Splitting it into two parts I'll get 344 : 2 = 172. These I mount now (The black borders are only for better overview.) to an image with the wished measures 756 x 275:
The white area you can fill it with any suitable color.
Hans-Günter

How do I resize image?

How do I resize image from 720 to 1080 in after effects?

Have you tried using the Scale property? Click the arrow to the left of a layer's name to expand its properties. Alternatively you can click on the layer in the timeline and press the "s" key to expand the Scale property for that layer. By default, scaling retains the original proportions; if you wish to disable this and scale something out or proportion then uncheck the little "constrain proportions" icon in the Scale property.
An even easier way is to simply click on a layer in the composition view and drag the small boxes at the edges of the layer.

Resize images in animations *without* scaling

Similar Messages

Maybe you are looking for

Resize images in animations without scaling