CS3 - scaling image

I've created a rectangle and placed an image in there.
How can I set the scaling en X/Y values of the image.

I don't think it's the script.
What InDesign is doing is showing you a Gray Out view of the image.
This is done by ID to speed up rendering. Also, there are two other preview options for imported pictures in InDesign: Proxy (low res) and High Resolution.
Open InDesign but don't open any documents. This will save the preferences for all newly opened documents from now on.
Then under InDesign > Preferences > Display Performance, you will see the options for the image previews. At the top, there's the default view that you can choose for all newly imported images and below you choose the properties of the preset views incase you want to change them while the document is open.
Also, you can change the view setting of any image on the fly by right- or Ctrl-clicking on the image and selecting Display Performance and choosing one of the presets.

Similar Messages

Scaled image doesn't appear

Hi, can someone tell me why the scaling of the image does not work in the code below.
I making a board game application with these inherited JLabel components used to display each players piece on a background created using an inherited JPanel. The image is correctly displayed on the JPanel at the correct location.
The problem I'm encountering is that when I attempt to scale the image used the scaledInstance method it doesn't appear on the board but appears perfectly if I use the default image (comment out the scaled instance part of the line).
I've tried downscaling as well increasing size, in case the image is too large and putting absolute values in but to no avail.
Any help would be appreciated.
Thanks
package UserInterface;
import java.awt.*;
import javax.swing.*;
public class PieceIcon extends JLabel
    //Create new image with the piece (symbol) chosen by the player
    public PieceIcon(String symbol,int pNum)
        playerNumber = pNum;
     pieceImage = new ImageIcon("./Images/"+symbol+".jpg").getImage().getScaledInstance(10,10,Image.SCALE_DEFAULT);
        // above line works if scaled instance part removed, even though scaled image smaller
        setOpaque(false);
    public void paintComponent(Graphics g)
       super.paintComponent(g);
       g.drawImage(pieceImage,boardPos[0][(MainFrame.getPlayer(playerNumber).getCurrentBoardPos())],
                              boardPos[1][(MainFrame.getPlayer(playerNumber).getCurrentBoardPos())],this);
    private Image pieceImage;
    private int playerNumber;
    private static int[][] boardPos = (set of relative positions here, not displayed to make post easier to read)

bump

Scaling image files for Slide presentation in Keynote

I have had great problems importing and scaling images for Keynote presentations with approx 500+ images. Having tried to adjust the image to fit the full screen the scaling results in unacceptable pixelation. I seem to have solved this now by batch processing my image files and saving them as PDF files. These are then imported from the Aperture Library as iPhoto wont recognise the PDF file format!
It's a pity that Keynote has so many restrictions for use in Slide/music presentations, having seen incredible professional results with Pic2exe (which unfortunately at present is not available in Mac format - tho the Win exe file will run I am told).

Please tell us what you are really trying to do!!
You know like dumb stuff like where are the images from? What's their resolution? If you';re using Aperture you can't be a newbie.
You can achieve incredible professional results in Keynote, but you need to know how it wants to work.
Kelly is right. This is not just a ***** session but a place to get real help from real people.
Silly things like Image Placeholders will make your life much simpler. etc.

Black background when scaling images with transparent background

I am implementing Zooming functionality for reports which have some icons. I am trying to scale icon by scaling its image. But the problem I am facing is that the icons have transparent background and the scaling puts a black background in place of transparent. Is there any way to maintain its transparency or better yet, Is there anyway to put a white backgound instead of the black one that is created by default ? Here is my code
     public static Icon getScaledIcon(Icon icon){
         if(icon instanceof ImageIcon){
              Image outImage = ((ImageIcon)icon).getImage();
                  return new ImageIcon(getScaledImage(outImage));
         }else{
              Image outImage = new BufferedImage(icon.getIconWidth(),
                        icon.getIconHeight(),
                        BufferedImage.TYPE_INT_ARGB);
                JComponent comp = new JComponent(){};
                icon.paintIcon(comp, outImage.getGraphics(), 0, 0);
                return new ImageIcon(getScaledImage(outImage));
    public static Image getScaledImage(Image image){
         image = image.getScaledInstance((int)(image.getWidth(null) * getScale()),
                       (int)(image.getHeight(null) * getScale()), Image.SCALE_SMOOTH);
        return image;
    }I haven't done much image manipulation , so I would really appreciate any help or advice.

I have also not done much of image work. But I guess you could achieve your functionality of showing scaled image in the screen by not scaling the image and show it, instead scale the image in paint method by calling g.drawImage giving the height and width. But use high resolution images so that scaling is good.
If you do in this manner, you could give any colour you want as background to fill the transparent area or leave it as such.
Regards,
techece.

Is this a way of scaling images?

Hi,
I've got a few questions regarding image scaling and need some advices on whether my method is correct or to throw away as quickly as possible...
I've defined all my website images in "ems" so that they rescale when the user zooms in/out the page or decreases/increases the font. I thought this would be good for accessibility purposes (?).
There are 2 tedious things with that system:
1. the image dimensions must be computed in ems,
2. the image dimensions depend on the text font size used on the page.
If I change the page font size but want to keep my images as they were previously displayed, I need to go through these calculations again. It very quickly gets seriously annoying.
I found one way of avoiding this: I define font-size:1px for each image. The great thing is that since I have body {font-size:100%}, it turns out that when the image has font-size:1px, then its dimensions are the same in pixels or ems. I mean that if I want to display my image with width:50px and height:10px, then I just need to specify width:50em and height:10em. Or at least the result is close enough not to be seen different to the naked eye. This only is useful if I am not modifying too much the page font size, e.g. font-size:0.95em to font-size:1.05em. So I thought this is great! But... there always are associated problems.
Problems found so far:
1. This only works if applied to the image, not its container (e.g. a floating div), so that the font-size doesn't propagate to any child element, e.g. a caption below the image.
2. If the image is inside a div that is floated, then I need to set a width for that div and this width needs to be calculated with respect to the normal page font size, not my 1px—if this makes sense. If I were to change my image dimension, then I'd need to change this width too.
3. It works fine with IE and Firefox, but no Safari and Opera.
Hence the following questions:
- Is this method totally absurd (as it probably sounds after my description) and/or infringing some basic rules?
- Is there anything simpler?
- Why doesn't it work in Safari or Opera?
I'd be very grateful for any comment on this. Having started HTML and CSS only 1.5 month ago and not full time, I have no feeling at this stage whether this is a correct or acceptable way of thinking or not...
Emilie

- Is this method totally absurd
Yes. Scaling images is very easy. Unless all your images are the same width, you will need to create an attribute selector for each image, but the principle is the same for each one.
Let's say you have an image called mypic01.jpg, which is 600px wide.
Remove the width and height attributes from the <img> tag. This displays the image at its normal size.
Create the following style rule:
img[src$="mypic01.jpg"] {
width:50%;
max-width:600px;
This makes the image 50% of the size of its parent element, but ensures that it never grows bigger than its maximum size. Just use the image name in place of "mypic01.jpg", and adjust the correct value for max-width.
The only drawback is that this won't be supported by IE6, which will simply display the image at its normal size. If it's important to support IE6, change from an atttribute selector to an ID selector like this:
#mypic01 {
width:50%;
max-width:600px;
Add the ID to the <img> tag:
<img src="mypic01.jpg" alt="my scaling image" id="mypic01" />
IE6 will ignore the maximum width, but will scale the image to 50% of the size of the parent element.

TIFF SCALED IMAGE QUALITY

HI,
I am scaling a scanned image to fit into my application screen.
But the scaled image quality is very bad.
I am using the following code to scale the image.
PlanarImage im0 = JAI.create("url", new URL (sURL));
Interpolation interp = Interpolation.getInstanceInterpolation.INTERP_BICUBIC);
ParameterBlock params = new ParameterBlock();
     params.addSource(im0);
     params.add(0.4F); // x scale factor
     params.add(0.4F); // y scale factor
     params.add(0.0F); // x translate
     params.add(0.0F); // y translate
     params.add(interp); // interpolation method
/*Create an operator to scale image1. */
JAI xx = JAI.getDefaultInstance();
Map hints = new HashMap();
hints.put(RenderingHints.KEY_RENDERING,RenderingHints.VALUE_RENDER_QUALITY);
hints.put(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON);
RenderedImage image2 = xx.createNS("scale", params,new RenderingHints(hints));
ANy idea helpful,
Thanks,
Ram

If you need to scale down your image from a factor smaller than 0.5, do the reduction twice, using factors that when multiplied give 0.4. For example, first reduce it using 0.8 then reduce the result using 0.5.
Weird, but should work. I've heard that reducing images in JAI with factors < 0.5 yield poor results.
Rafael

Improving scaled image quality

i am a newby in scaling images issues.
i am scaling an image with the following code, but the resulting quality is not satisfying comparing it with the scaled image done with paint shop pro (for example).it is not as sharp as the good one.
is there a better way to scale the image with a higher quality.
Image image = getImageFromDatabase();
Image newImage = image.getScaledInstance( iw, ih, Image.SCALE_SMOOTH );
//iw = resulting width
//ih = resulting height
thanx for your help.
marc

If you need to scale down your image from a factor smaller than 0.5, do the reduction twice, using factors that when multiplied give 0.4. For example, first reduce it using 0.8 then reduce the result using 0.5.
Weird, but should work. I've heard that reducing images in JAI with factors < 0.5 yield poor results.
Rafael

JS CS3 Relink image to new path

I've put a script together that resizes images in a doc. What I've been able to do is rename the resized image and then relink to the renamed images. I'd like to be able to have all the resized images saved into the folder using the doc name which is not hard. What I am finding difficult is setting the path to that folder for the relink.
for example:
var myLinks = app.activeDocument.allGraphics;
var myFpath = myLinks[0].itemLink.filePath
var myFname = myLinks[0].itemLink.name
$.write(myFpath.replace(myFname,app.activeDocument.name+"/"+myFname) +"\r");
returns C:\hold\Untitled-1/file_24791_Scaled.tif
if I try and change +"/"+ to +"\"+ the remaining code is commented out I've also tried "/\/" which returned //
should I try using replace to return /C/hold/Untitled-1/file_24791_Scaled.tif which should work on both PC and Mac?
Any suggestions would be appreciated.
Cheers, John.

Thanks to Kasyan's LinkUsage function I was able to put this script together.
The script is set to look for Tiff and PSD files that are scaled at less then 99%. It will rename the file a version and update the indesign document with that version.
So if you have a doc with Ducky.tif duplicated 3 times in the link panel you will see 3 instances of Ducky.tif. After running the script you will find that in the folder that holds the indd doc a folder named the same as the indd doc is created and within it will be Ducky_3.tif and Ducky_2.tiff. The script will also relink to these new versions of the file.
This script could be changes to allow other types of files but for some reason I've found that if I open a JPG using the PhotoShop script the save dialog opens in Photoshop require user to ok it. I do not seem to get the same issues with Tiff and PSD files. If there is something I'm doing wrong please let me know.
var myDocName = app.activeDocument.name.split(".")[0];
var myDocPath = app.activeDocument.filePath+"/"+app.activeDocument.name.split (".")[0]+"/";
var myLinks = app.activeDocument.allGraphics;
for ( var r = myLinks.length-1; r >= 0; r-- ){
    if(myLinks[r].itemLink.parent.absoluteHorizontalScale < 99 && (myLinks[r].itemLink.linkType == 'TIFF' || myLinks[r].itemLink.linkType == 'Photoshop')){
if(LinkUsage(myLinks[r].itemLink)>1){
var verFName = myLinks[r].itemLink.name.split (".")[0];
var verNum = LinkUsage(myLinks[r].itemLink)
VersionInPS( myLinks[r].itemLink.filePath, myDocPath, verNum);
            if (File.fs == "Windows") {
    var aVerFolder = myDocPath + verFName +"_"+verNum+".tif";
    else if (File.fs == "Macintosh") {
        var aVerFolder = myDocPath + verFName+"_"+verNum+".tiff";
            myLinks[r].itemLink.relink( File(aVerFolder));
for ( var u = myLinks.length-1; u >= 0; u-- ){
    myLinks[u].itemLink.update();
function VersionInPS(myPath, myDocPath, myVersion) {
   var bt = new BridgeTalk;
   bt.target = "photoshop";
   var myScript = 'try {\n';
   myScript += 'var myPsDoc = app.open(File(\"' + myPath + '\"));\n';
   myScript += 'var myNewFolder = new Folder("'+myDocPath+'"); \n' ;
   myScript += 'if (myNewFolder.exists){ \n' ;
   myScript += '}else{ \n' ;
   myScript += 'myNewFolder.create(); \n' ;
   myScript += '} \n' ;
   myScript += 'var justname = myPsDoc.name.split (".")[0]; \n' ;
   myScript += 'newFile = new File( myNewFolder+"/"+justname+"_"+'+myVersion+' ); \n' ;
   myScript += 'tiffSaveOptions = new TiffSaveOptions(); \n' ;
   myScript += 'tiffSaveOptions.embedColorProfile = false; \n' ;
   myScript += 'tiffSaveOptions.jepgQuality =10; \n' ;
   myScript += 'tiffSaveOptions.matte = MatteType.NONE; \n' ;
   myScript += 'myPsDoc.saveAs(newFile, tiffSaveOptions, true,Extension.LOWERCASE); \n' ;
   myScript += 'myPsDoc.close(SaveOptions.DONOTSAVECHANGES);\n';
   myScript += '}\n';
   myScript += 'catch (myError) {\n';
   myScript += 'myPsError += \"myError' + myPath + '\";\n';
   myScript += '}';
   bt.body = myScript;
   bt.onResult = function(resObj) {} // empty function - to wait untill PS finishes processing the file
   bt.send(100); // !!! bt.send(1);
function LinkUsage(myLink) {
    var myLinkCounter = 0;
        for (var myCounter = 0; myCounter < myLinks.length; myCounter++) {
        if (myLink.filePath == myLinks[myCounter].itemLink.filePath) {
            myLinkCounter++;
    return myLinkCounter

Acrobat 9/PDFX1a from Indesign CS3 dropping images.

Mac OS 10.5.5, 16GB RAM, Acrobat Pro 9, Indesign CS3 (5.0.3).
I export to PDF, chose PDFX-1a from the Job Options. Turn on All Marks, and Use Document Bleed.
Looking at the PDF in the Mac OS finder, the preview shows no images. Opening the PDF with Acrobat, it looks fine.
My client is complaining there are no images (They are using Win XP)
it appears as though under some odd circumstance PDFX1a is completely dropping placed psd images (Yes, they are CMYK and at 100%, one layer with transparency. The knockout fo rhte images is there, just no images.
Bug? Any idea why? This is a new one on me.
Using PDFX3 resolves the issue. But I've never had a problem like this with PDFX1a before.

Thansk Jon,
I can emulate it a few ways... Both the Finder Preview and Quicklook show the issue.
Opening the PDF with Illustrator 13.0.2, the PDF preview looks correct, but after opening, images are dropped.
Same is true with Photoshop 10.0.1 - PDF preview looks correct, but images are gone after rasterizing.
Placing in ID 5.0.3 both the Preview and the placed art don't have images.
See here:
But when I open the PDF with Acrobat it looks fine. I also analyzed the PDF and it's completely compliant with PDFX1a according to Acrobat Pro 9.

Scaling images and text in indesign CC

Indesign CC (MAC 10.8.4)
Hi, I'm a long time user of indesign and I'm having a real problems with scaling text and image boxs. Can't believe I'm asking having to ask this question, it's such a basic function!!
If I use cmd or cmd+shift none of the content scales.
Is there a new check box or a preference I need to change?
Thanks in advance!

There's no change in the way scaling works in InDesign CC. Cmd+Shift-scaling adjusts the content with the frame.
Things to try out: (1) Restoring your preferences. (2) Looking for applications that conflict with the shortcuts. (For example, I found the password protector 1Password conflicts with InDesign.)

Ease in/out for a scaling image?

I have an image with a keyframe on the first frame and one on the last, and I have the image scaling up on the last frame. I'm not happy with how CS6 is scaling the image up, I would like to have it do it smoother. I right click on the last keyframe and choose both Ease in and also try Ease out, though I am not seeing much difference. Which option should I be using, and are there any other options I should look into?
Thanks.

As others have stated, one can adjust the Interpolation of the Keyframes. Initially, all Keyframes will be Linear, and often, some form of Bezier Interpolation is preferable. The Ease Out (first Keyframe), and Ease In (last Keyframe) are really just Presets, and will do a "smoother" job with the Interpolation. As Steven points out, one has more options, and one of those, say Auto Bezier, might be better, and also offer the user more control - it just depends on what one wants. PrPro offers a great deal of control with regards to Keyframe Interpolation.
Good luck,
Hunt

When I export from Lr to CS3 my image size is 8x12 roughly, why?

I shoot RAW with a 5d mark2 I export from lr to cs3 in my workflow. I am wanting to create a gallery wrap at an image size of 24x36, when I go to create my negative space my exported image size from Lr is only 8x12, why would that be? I don't know what to do or how to make my image larger without loosing quality? I have never noticed this before? Why is it doing this now?

It will be the settings in your export menu.
clsmithphoto wrote:
I shoot RAW with a 5d mark2 I export from lr to cs3 in my workflow. I am wanting to create a gallery wrap at an image size of 24x36, when I go to create my negative space my exported image size from Lr is only 8x12, why would that be? I don't know what to do or how to make my image larger without loosing quality? I have never noticed this before? Why is it doing this now?
Check this out for how to export: http://tv.adobe.com/search/?q=exporting

Not scaling images in drop zone

Hi,
For some reason when I drop an image into a drop zone in iDVD 6, it will not scale the image so a large chunk of the image is cropped off. Since the image I need to use has some text on it, I'm trying t resize it to fit in an external editor, but no luck as of yet.
Any help would be greatly appreciated.
Many, many thanks,
David

David,
I know I used to have the problem you described back in the iDVD 4 (or earlier) days, but I just did some more checking.
The article Selecting the portion of a movie or image that appears in the drop zone at http://docs.info.apple.com/article.html?path=iDVD/5.0/en/258.html says (in part): When you drag a picture or movie into a drop zone, the aspect ratio of the image is preserved and it is scaled larger or smaller until the top, bottom, left, or right edge of the image meets the edge of the drop zone. You can move the image to choose which portion of the image is visible in the drop zone.
The article was written for iDVD 5 but when I 'fired up' iDVD 6 and tried some 5 megapixel images in the drop zones of several themes, everything worked as advertised in the article.
What theme are you having problems with?
F Shippey

Firefox distorted large, scaled images

Hi everyone,
I have a problem with Firefox 3.5.5-1 (it persists in 3.6b5 from AUR) when zooming large images that extend beyond the screen.
Using this random test image: http://homepage.mac.com/tribe3/.Pictures/test.jpg my browser produces a correctly scaled partial image while loading it: but when its finished it switches to a completely distorted version of a part of the image: .
If I zoom in and display the image in its original size everything is fine.
Another problem that may relate to this are some small images (i.e. logo) on youtube .
I tested it with a new user, so it is not dependent on any addons or profile settings.
I am using the radeon driver with an x1800 mobile.
Does someone know whether firefox uses some library/non-mozilla code to display images and rescale them? Then I could test whether this is actually a bug with firefox or maybe some driver/X/etc. issue.
I searched and found no directly related problems and no similar bugs at the mozilla bugtracker, so maybe I should open a bug there. I think however that it is somehow related to my Arch install, as my Ubuntu 8.10 install does not suffer from this (using older Xorg/driver versions however).
Any hints on this problem? Anyone experiencing the same?

For the scaling problem, actually there is no solution yet.
If i wasn't wrong, in the past (years ago) mozilla pointed to a cairo issue.
Last edited by kokoko3k (2010-06-15 15:22:41)

Scaled images within a HBox

My goal is to create a list containing image thumbnails side by side. The images are created dynamically as is the list.
private function createThumbsList(imageUrls : Array) : void {
    var list : HBox = new HBox();
    list.height = 50;
    this.moduleContext.displayContainer.addChild(list);
    for (var i : Number = 0; i < imageUrls.length; i++)
        var img : Image = new Image();
        img.source = imageUrls[i];
        img.percentHeight = 100;
        img.addEventListener(MouseEvent.CLICK, function(event : MouseEvent) : void {
            // show fullsize image
        list.addChild(img);
The thumbnails are scaled to the height of the list. Although the images' content width is scaled too, their control width remains unscaled. Thus there are heavy spaces between the thumbnails.
How to solve?
I learned there are properties "width" and "contentWidth" and you only have to do:
    img.width = img.contentWidth;
But nothing happened when I added this after list.addChild(img);. I guess it's too early in the control's life cycle and "contentWidth" is not calculated yet, right? When is the right moment for the command? Or is there a workaround, e.g. usage of another container control instead of HBox?
Thanks,
Steffen

hi,
If you use a loader image.load() then you can calculate the aspect and set the width correctly in the load complete event. I don't have time at the moment to look at an mx based solution but the following example allows you to load images but the renderer calculates the width based on the list height.
http://gumbo.flashhub.net/pagedrop/ source included.
David

CS3 - scaling image

Similar Messages

Maybe you are looking for