Maintaining proportions when scaling squares

I am using Photoshop CS6 on Mac OS. At the moment I am working on creating a set of icons for web use that are supposed to be 20 x 20 pixels in size, and each contain a number of squares. My working document (link to PNG copy) is 1000 x 1000 pixels in size, and contains 9 (3 x 3) squares that are identical in size. The gaps between the individual squares are identical as well, as is the distance of the (8) outside squares to the outside borders. To create the small web icons, I toggle the squares according to my needs (they are shape layers in my working document), and resize the document. This is where I run into problems.
Though the gaps between the squares are identical in my working document, after scaling the image to 20 x 20 pixels, I end up with this (screenshot of grid view in Photoshop to illustrate the problem):
The first 2 rows and columns are the way I expect them to be, while the gap to the third is one pixel wider. Regardless of the resample method, I end up with the same result. How can I change this?

I wonder if that's because of the size of your squares being kinda of an odd size 177 x 177
If you were to make the squares a more even size like 200 x 200 then things seem to scale right when reducing the image size.
Anyway, you can fix your document after scaling down to 20 x 20 by using Edit>Free Transform and using the arrow keys to nudge the offending squares back into place.

Similar Messages

Shift + Command doesn't restrain proportions when scaling images

Hi
I can't scale my images in InDesign anymore (mac user).
I tried uninstalling and reinstalling, but it still does not work.
Any ideas? I am desperate..
Mette

Try this: Replace Your Preferences

Using shift key to constrain proportions while scaling

I notice that using the shift key doesn’t currently constrain proportions when scaling objects. This is pretty standard behaviour in graphics apps and it would be good to have this included in Muse. There seems to be nowhere to manually enter a scale factor either, which would be useful.

Looking into this further, it seems that the behaviour is inconsistent. A placed rectangle object can be resized proportionally when constrained with the shift key, but this doesn’t work the same way when scaling a placed image. Additionally, using the crop tool on a placed image does allow constraint using the shift key.
Testing with grouped objects, a group of plain rectangles can be resized proportionally, but a group of images cannot.
The answer is to use the lock button when resizing images but it would be better if the behaviour were consistent across object types.

How to maintain Proportional Factors in SNP (not in DP)

Hi Gurus!
I want to maintain proportional Factors in SNP but could not know how to do. I read saphelp and know that we have to set up as following Steps:
-In Planning Area:
         1.Set the Keyfigure calculation type For Key Figure KF1 to P or I
         2.Set disaggregation key figure for KF1 to u201CAPODPDANTu201D
-When creating Planning Book/Dataview:
        3.Check u201CManual Proportion Maintenaceu201D
         4.Create a new Dataview that contain only KF APODPDANT
But I find that we can do step 3 only when we create Planning book with Planning Area that based on Planning Object Structure of Demand Planning Only (like 9ADPBAS).
With the Planning Area that based on Planning Object structure of SNP (like 9ASNPBAS), when creating planning book I could not check u201CManual Proportion Maintenanceu201D although I did the set up steps 1 and 2.
The question are:
                 1.     Can we maintain Proportional Factors in SNP? If yes, How to do?
                 2.     Can we create a new KF and consider it as Proportional Factor (as KF APODPDANT)? Is there any propblem?
Thanks very much for your help.

Hi Mr. M Manimaran
This is my reason:
We have:
- one DC
- and some locations those receive money from that DC.
The storage capacity of each Location is different from others and has different limit. Each location also need a number of money that is differrent from other.
There is one thing to take notice here: Money is a special good. Letu2019s say location L1 needs 1 million usd, DC can give them in some ways. For example:
-     First choice: 100usd: 90 %; 10usd: 10% ( so percentage of each denomination here is proportional factor)
-     Second choice: 100usd: 10%; 10usd: 90%
So quantity of notes of money of first choice is less than the second one although the total value of two choices are the same. So the Location L1 can store money with first choice. With the second choice, it could not store.
Here, we want to calculate and store Proportional Factor in SNP so that we can run SNP Optimizer or Heuristic inorder to enable the DC to supply money to satisfy the requirement of Location regarding locationu2019s storage capacity.
Please so me the way!
Thanks very much!
Edited by: xuanduyen on Aug 12, 2011 9:41 AM

Maintaining proportions with full screen flash

hi, I have a flash site set up that allows a mc in the
background containing various images to always take up the full
browser window while the foreground elements remain unchanged. What
I would like to do is keep the background images from distorting
when the window is resized...a good example of this is on
redtettemer.com - it maintains proportions and just cuts off at the
bottom or side if it would cause any distortion.
this is the current code I have on frame 1:
Stage.scaleMode = "noScale";
Stage.align = "TL";
var stageListener:Object = new Object ();
stageListener.onResize = positionContent;
Stage.addListener(stageListener);
function positionContent():Void {
portfolio_bg._width = Stage.width;
portfolio_bg._height = Stage.height;
positionContent();
can anyone help with this?
thanks

S.U. wrote:
Is this the same problem these other folks are having?
http://discussions.apple.com/thread.jspa?threadID=2587510&start=0&tstart=0
http://discussions.apple.com/thread.jspa?threadID=2636991
No, like cberube said, the graphics aren't corrupt/garbled at all.
The frame rate of the flash video when full screened is the problem here. It has to be something related to OSX and the Adobe Flash player built into the browser. I tried this in both Safari and Firefox to isolate the browser as a variable in the problem.
No matter the quality of the flash vid (it could be an HD TV show from hulu, or it could be some crappy youtube vid) the frame rate will drop massively if you select full screen, but return to normal "smooth" rate when you exit full screen. The only way to fix this is to uncheck "Enable Hardware acceleration" by right clicking on the flash video and entering the flash player settings within the browser.
This is only a work-around as unchecking hardware acceleration means your CPU must now work harder to render the graphics since it seems the OSX on-board graphics unit isn't capable of handling it. Normally, if this happened, OSX would activate the NVIDIA gpu which should be more than capable of rendering a full screen flash video without breaking a sweat. This doesn't seem to be occurring though.
Hopefully this is a clearer description of the problem.

Strange behaviour when scaling GREP styled text.

In the quest for the perfect scaling script I am running into another problem. I tried to scale my GREP styled text, and it came out like this:
Notice the "$" and "cents" are too small - whereas it should look like this:
Sorry I used a slightly larger image and different value, but I don't that is an issue with respect to this problem.
So on the desktop, I decide to check preference>general tab> when scaling> "apply to content" was checked.
I changed it to "adjust scaling percentage" and my $249.99 came out perfectly proportional to the original set text, (let pretend there is a 2 in front of the $49.99)
So I upload the template to the server and proceed to scale it and I get this:
In this example, the decimal has not scaled and thus allowing the "cents" to jam into the dolllar value. I am also unable to reproduce this error on the desktop.
Can anyone explain what is happening or how to compensate for these errors? Thanks for your help! My script is below:
function myTransform(myPage, myRectangle, myScaleMatrix)
     app.transformPreferences.whenScaling = WhenScalingOptions.APPLY_TO_CONTENT;
    var everything;
    var origin;
    if ( ssize > 1.0 )
       //origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES)[0];
       origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES);
        myPage.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
        everything = myRectangle.everyItem();
        //origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES)[0];
        everything.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
    else
        everything = myRectangle.everyItem();
        origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES)[0];
        everything.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
        myPage.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);

var myDocument = app.documents.item(0);
var myPages = myDocument.pages;
var myRectangle = myDocument.pages.item(0).pageItems;
var ssize = 2;
//Scale a page around its center point.
var myScaleMatrix = app.transformationMatrices.add({horizontalScaleFactor:ssize, verticalScaleFactor:ssize});
var idx;
for(idx = 0; idx < app.documents.item(0).pages.length; idx++)
    myTransform(myPages.item(idx), myDocument.pages.item(idx).pageItems, myScaleMatrix);
// if you want to export a pdf, uncomment
//myPDFExport ();
function myTransform(myPage, myRectangle, myScaleMatrix)
     app.transformPreferences.whenScaling = WhenScalingOptions.APPLY_TO_CONTENT;
    var everything;
    var origin;
    if ( ssize > 1.0 )
       //origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES)[0];
       origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES);
        myPage.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
        everything = myRectangle.everyItem();
        //origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES)[0];
        everything.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
    else
        everything = myRectangle.everyItem();
        origin = myPage.resolve(AnchorPoint.CENTER_ANCHOR,CoordinateSpaces.PASTEBOARD_COORDINATES)[0];
        everything.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
        myPage.transform(CoordinateSpaces.PASTEBOARD_COORDINATES,origin,myScaleMatrix);
function myPDFExport()
        //Basic PDF output options.
        pageRange = PageRange.allPages;
        acrobatCompatibility = AcrobatCompatibility.acrobat8;
        exportGuidesAndGrids = false;
        exportLayers = false;
        exportNonPrintingObjects = false;
        exportReaderSpreads = false;
        generateThumbnails = false;
        try
            ignoreSpreadOverrides = false;
        catch(e) {}
        includeBookmarks = false;
        includeHyperlinks = false;
        includeICCProfiles = true;
        includeSlugWithPDF = true;
        includeStructure = false;
        interactiveElementsOption = InteractiveElementsOptions.doNotInclude;
        //Setting subsetFontsBelow to zero disallows font subsetting;
        //set subsetFontsBelow to some other value to use font subsetting.
        subsetFontsBelow = 0;
        //Bitmap compression/sampling/quality options.
        colorBitmapCompression = BitmapCompression.none;
        //colorBitmapQuality = CompressionQuality.eightBit;
        colorBitmapSampling = Sampling.none;
        //thresholdToCompressColor is not needed in this example.
        //colorBitmapSamplingDPI is not needed when colorBitmapSampling
        //is set to none.
        grayscaleBitmapCompression = BitmapCompression.none;
        //grayscaleBitmapQuality = CompressionQuality.eightBit;
        grayscaleBitmapSampling = Sampling.none;
        //thresholdToCompressGray is not needed in this example.
        //grayscaleBitmapSamplingDPI is not needed when grayscaleBitmapSampling
        //is set to none.
        monochromeBitmapCompression = BitmapCompression.none;
        monochromeBitmapSampling = Sampling.none;
        //thresholdToCompressMonochrome is not needed in this example.
        //monochromeBitmapSamplingDPI is not needed when
        //monochromeBitmapSampling is set to none.
        //Other compression options.
        compressionType = PDFCompressionType.compressNone;
        compressTextAndLineArt = true;
        cropImagesToFrames = true;
        optimizePDF = true;
        //Printers marks and prepress options.
        //Get the bleed amounts from the document's bleed.
//~         bleedBottom = myDocument.documentPreferences.documentBleedBottomOffset;
//~         bleedTop = myDocument.documentPreferences.documentBleedTopOffset;
//~         bleedInside = myDocument.documentPreferences.documentBleedInsideOrLeftOffset;
//~         bleedOutside = myDocument.documentPreferences.documentBleedOutsideOrRightOffset;
//~         //If any bleed area is greater than zero, then export the bleed marks.
//~         if(bleedBottom == 0 && bleedTop == 0 && bleedInside == 0 && bleedOutside == 0)
//~         {
//~             bleedMarks = true;
//~         }
//~         else
//~        {
//~             bleedMarks = false;
//~        }
//~        colorBars = false;
        colorTileSize = 128;
        grayTileSize = 128;
        cropMarks = false;
        omitBitmaps = false;
        omitEPS = false;
        omitPDF = false;
        pageInformationMarks = false;
        pdfColorSpace = PDFColorSpace.unchangedColorSpace;
        //Default mark type.
        pdfMarkType = 1147563124;
        printerMarkWeight = PDFMarkWeight.p125pt;
        registrationMarks = false;
        try
            simulateOverprint = false;
        catch(e) {}
        useDocumentBleedWithPDF = false;
        viewPDF = false;
    //Now export the document.
    var thisDocument = app.documents.item(app.documents.length-1);
    var fullname = app.scriptArgs.getValue("OutputFileName");
    var idx = fullname.indexOf("_");
    var shortname = fullname.substring(0, idx);
    //thisDocument.exportFile(ExportFormat.pdfType, app.scriptArgs.getValue("OutputFolder") + shortname + ".pdf");
    thisDocument.exportFile(ExportFormat.pdfType, "c:\boosttest.pdf");

How do I maintain Proportions on Q.T. Export

How do I maintain Proportions on Q.T. Export.
Only occaisionally will my Flash files properly export to a QUicktime movie file.
Ordinarily the proportions are not retained.
I've tried several options in the QUicktime settings to little avail. How do I assure that the Exported images retain the correct proportions>
Thank you

When you first open the Quicktime Export Settings window you will see a listing for the Render width and height. These will, most likely, be the width and height of the Flash movie's stage. When you click on the QuickTime Settings... button in the lower left of that window, you will get a new, Movie Settings window. In the Video section, you will see a listing for Dimensions:. The dimensions listed will, again, most likely, be the same as the previous window's listing, and the same as the Flash movie's stage. If you click on the Size... button in this second window, you will get a third window. In this third window you can set a new width and height value for the Quicktime movie to be exported.
Are you trying to change the width and height of the exported Quicktime movie from the dimensions that you used in the Flash movie? If so, this is usually a very, very, bad idea. Stretching or shrinking one or both of the width and height dimensions of the Flash movie as it is being transcoded to a Quicktime file format, whether you are also compressing the movie or not, can cause some rude and unexpected output.
My process is to set the Flash movie to the dimensions and the frame rate that I want for the final Quicktime movie. I then export the Flash movie to an uncompressed Quicktime file in Flash. I take that uncompressed Quicktime file and open it in Final Cut Pro. I then output the final compressed Quicktime movie.

When scaling in page setup, 1st page prints correctly, but subsequent pages do not scale correctly/too large for the paper, parts of the text missing

When trying to print in Firefox, and when scaling the page size in page setup, the first page prints correctly, but subsequent pages do not scale correctly and are too large for the paper, with parts of the text are being cut off at the top and right. This is not fixed by checking or un-checking the "ignore scaling/shrink to fit page width" in the print window, or by changing the scaling%.
I am running Firefox 15.0.1, on Mac OS 10.5.8.
The same problem happens in the print preview and if I save the print as a .pdf
I have tried all the fixes in the how to's and others in various forums with no improvement.
This happens every time I try to print a document scaled up or down only in Firefox.

The 2nd page print scaling error has been an issue with Firefox on the Mac since 2011. People at Mozilla have not considered this a major problem. Try printing anything at less than 100% and you'll quickly see how every page after the first page being scaled wrong gets old real fast. The lack of a solution to this issue forced me long ago into using Safari as my primary browser. Good luck waiting until version 21 for a solution. Current release is 18.0.2.

Improving Precision when scaling to exact pixel size

Hi All,
I'm very new to javascript and illustrator scripting, so I'm pretty sure my problem might be easily fixed
I'm trying to write a script for creating PNGs with a specified pixel size. I have created the following functions, which first works out the scaling % to use based on the artboard size (borrowed the idea from this post -thanks MuppetMark), and then export the image to PNG.
It works, but, I am finding that when scaling to larger sizes, the resultant output is often a few pixels different from the value I have specified. I'm sure this is due to precision/rounding issues in javascript, but have no idea how to fix.
I'd be really grateful of any suggestions
Many thanks
Tim
function getScaleFactor(artboard, width, height)
var scaleFactor;
if (width > 0)
        var scaleFactor = ( width / ( artboard.artboardRect[2] - artboard.artboardRect[0] ) ) * 100;
else if (height > 0)
        scaleFactor = ( height / ( artboard.artboardRect[1] - artboard.artboardRect[3] ) ) * 100;
else
    scaleFactor = 100.0;
return scaleFactor;
function exportFileToPNG24 (dest, scaleFactor) {
    if ( app.documents.length > 0 ) {
        var exportOptions = new ExportOptionsPNG24();
        var type = ExportType.PNG24;
        var fileSpec = new File(dest);
        exportOptions.antiAliasing = true;
        exportOptions.transparency = true;
        exportOptions.saveAsHTML = false;
        exportOptions.artBoardClipping = true;
        exportOptions.horizontalScale = scaleFactor;
        exportOptions.verticalScale = scaleFactor;
        app.activeDocument.exportFile( fileSpec, type, exportOptions );

What you type in that box is just the ratio not the actual pixel number. And the box does not like to many digits in there. A ratio of 4 x 5 would work perfectly fine in your case, but more complicated ratios like 21 x 50 don't work.
To get 500 x 400 px you must then export your image with settings that restrict your image, eg, to fit into a 500 x 500 px box.
The idea behind this two-step approach is that you might think of 500 x 400 px output right now, but by doing the actual pixel generation at a later point, you can always easily export later at 1000 x 800 px if you need a higher resolution version with the same aspect ratio.

Drawing Straight Line angled path with no wavy distortion when scaled

Hi,
I'm a beginner using AI CS5.5, and trying to add straight lines to a drawing, using the line tool. They are angled about 30 degrees from horizontal, parallel to each other. Used 2pt and color for lines. Everything looks great in AI. When I export the drawing to PNG for insertion as an illustration into InDesign and scale down (45%) the drawing to fit the InDesign page, the once perfectly smooth and straight lines are wavy, almost zigzaggy, slightly distorted. Not a good result.
Is there a better way to draw straight lines that are on an angle in the drawing so that they are perfectly smooth, and when scaled retain their smooth straight look?
Any help appreciated.
Regards,

Hi,
Thank you for this suggestion. I just tried this, placing the AI file directly into InDesign, but unfortunately, this looked even worse. The straight lines were even more jagged.
In Illustrator, these same lines are perfectly straight and smooth. Not sure why it's so challenging to get them to stay straight and smooth after placing the drawing?
Any suggestions?
Regards,

Vectors fuzzy when scaled down?

Hello.
I'm hoping someone can confirm this for me.
I made a logo in vector form. I have given it to my client who has then sent it off to the printer.
The printer is telling my client that it becomes "fuzzy" when scaled down.
The fonts have all been converted to outlines.
I'm no expert in print design, but is this even possible? Shouldn't the printer be able to scale down a vector with no issues at all? Is there something I am missing here?
Thanks!

It depends on a few things. Have you set the color as Rich Black? Does it over-print? Are there any strokes applied to the text? What is the document's raster resolution set to? Has the person viewing the file known to kick back a few the night before? Kidding aside, outlined text will appear fuzzy reduced down in size. This is a preview artifact and has nothing to do with how the file will appear in output...if it has been setup properly. Everyone has to step back and remember they are looking at a monitor, not the actual hard copy proof. A good print vendor will know the difference and not even bother you unless the fuzziness shows up on a hard copy, prepress proof. That's the time to discuss the problem.

Adjust stroke weight when scaling problem

Hello,
I am having trouble with the stroke on an object changing when I scale that object. I have already read to uncheck "Adjust Stroke Weight when Scaling" but my problem is that option is grayed out in my "Transform" panel. When I go into edit>menus, there is an "eye" graphic next to it so it should be showing. I am trying to figure out how to make that show up so that I can then uncheck it, resize a photo and keep the same stroke weight at all times.
Thanks
Pat

Peter,
Thank you for your response, that was what I needed to fix the problem!
Pat

Specified Crop and Bleed marks staying in place, when scaling in proportion?

Hello,
A colleague of mine asked me a question I could not figure out...
In CS5.5 and below, if he had a document that let's say had a .5" bleed and he printed the document at 50%, the bleed marks would also scale in proportion and be .25".
Now in CS6, the Bleed and Trim marks stay the original size/location no mater what the document is scaled?
Has anyone else seen this?
thanks!
babs

I can get crop marks by using the "Print" menu and printing to PDF. My question is: How do you handle bleeds when printing crop marks in the "Save" or "Print" stage? Aren't the crop marks placed at the file extents?

Stop images from losing file size when scaled down?

Ive read this tutorial;
http://joedasilva.com/blog/?p=32
and ive just found out that if you scale an image smaller,
the file size is permanently decreased, and enlarging the image
again will make it pixalated. If im working with images and I want
a lot of freedom to play around with the scaling, do I need to
convert them all to grafics?
Is there a setting I can change so that the images are saved
at the display resolution when I export them, but maintain there
full file size when in the document? Is this how illustrator works?
thanks

quote:
Originally posted by:
jdldn
Ive read this tutorial;
http://joedasilva.com/blog/?p=32
and ive just found out that if you scale an image smaller,
the file size is permanently decreased, and enlarging the image
again will make it pixalated. If im working with images and I want
a lot of freedom to play around with the scaling, do I need to
convert them all to grafics?
Is there a setting I can change so that the images are saved
at the display resolution when I export them, but maintain there
full file size when in the document? Is this how illustrator works?
thanks
There is no such a thing as a "grafic." In your Fireworks
document, you can have bitmap objects and vector objects. Bitmap
objects, such a photographs, are rectangular objects with detailed
information, where the color and transparency of each pixel is
specified. Vector objects are mathematical objects, where the shape
is determined by nodes and the color is determined by the fill
type. You cannot convert a bitmap object to a vector object
(although you can sometimes create a vector illustration that
resembles a photograph).
If you are still experimenting with your design, what you can
do is add a layer with your original-sized bitmap objects. Put this
layer at the bottom of your stack and keep it hidden. Then, anytime
you feel a need to refresh an object that you've resized too many
times, copy that object from your originals layer. It may not be a
perfect solution, but it should help you.
I've never had a problem with multiply resizing photos,
myself, because I design my layouts with vector shapes first. Once
I have all my proportions set,
then I add any photos I have. With this worflow, I know what
size to make my photos. Of course, I might change my mind, later,
but my process keeps me on track.

How do I maintain quality when "importing an export"

Sounds like a weird question, but hear me out. I need to know if there is a specific way to maintain the quality level of a movie that I need to export, import into a new project and "re-export".
Reason being that apparently iMovie '09 is broken and produces all sorts of random audio mistakes when I export. So I need to export my project as a whole clip, import it to a new project, take out all the audio and put in the audio from scratch (having it completely detached from the clip).
I'll be exporting in 720 with the best possible quality because this is getting blown up onto projector screens.

Ive seen this before. I have no idea why its happening.
OK. Here is what I want you to do:
go to imovie: export quicktime...go to options....go to settings....go to compression type: Choose apple intermediate codec. Chose other in the compressor box. chose the right frame rate...if you are in the americas choose 29.97.
Go into the size...pick the right aspect ratio for your clips...you haven't said. Don't click anything else in that box.
Under sound settings: AAC, stereo, 48, quality best, target bit rate...i dunno know...i use 320, but 128 probably works also.
Save and it will export movie.....Watch the movie to see how it plays. If the it comes out OK. I POST BACK WITH NEXT STEPS-- because you don't have QT pro...if its ok....please tell me how big it is...

Maintaining proportions when scaling squares

Similar Messages

Maybe you are looking for