Skip to main content
G
Gaby35
Known Participant
June 22, 2012
Answered

stage resizing

  • June 22, 2012
  • 4 replies
  • 81517 views

How do I resize the stage dimensions, without shifting it to the left? My stage is wider than the content area. All I want is to reduce the width of the stage, but keep the live area in the center (like resizing the canvas in Photoshop. Is it possible to do this?

This topic has been closed for replies.
Correct answer MajorieYang

I know this is pretty late and maybe you've found the solution by now but for others who have just started Flash or have stumbled upon this question because you were stuck (just like me) this is what I discovered...

So I had added my content already and I wanted to resize my stage without having to resize my content or do special 'stuff' with it. How I solved this:

------------------------------------------------------------------------------------------------------------------------------------

1.) I made sure everything was locked first, then I right clicked the stage.

2. ) Clicked "Document" (or Crtl+J)

3.) Then after that you get a pop up with one of the options... "stage size"   "_____x_____" <--enter your desired stage size

[I changed the units to inches to make things easier and then I played around by entering different numbers into the boxes until my stage was at the perfect size I needed]

4.) Click Ok

------------------------------------------------------------------------------------------------------------------------------------

Content stays the same. Stage size changes.

Hope this helps! : )

4 replies

S
stevehutton
Participant
January 31, 2017

I found this link to be the best answer for me. Really quite simple if you follow each step and use transfom to precisely calculate and specify centre position http://www.designtalkboard.com/tips/web/flash-move.php

K
karma007
Inspiring
December 10, 2017

Steve. You are correct. This is the most reliable method.

Although, you need to be very careful to carry out each instruction, precisely. Using the onion skin route can go badly wrong, if the instructions are not adhered to exactly. And always carry this method out on a copy of the file, in case everything goes 'Pete Tong'.

You would have thought Adobe might have added a simple center registration matrix, when resizing the stage, as is the case when converting an object to a graphic symbol. This would allow users to resize the stage relative to a custom centre point. So simple, and yet Adobe seem to often overlook the most basic of features.

M
MajorieYangCorrect answer
Participant
January 26, 2016

I know this is pretty late and maybe you've found the solution by now but for others who have just started Flash or have stumbled upon this question because you were stuck (just like me) this is what I discovered...

So I had added my content already and I wanted to resize my stage without having to resize my content or do special 'stuff' with it. How I solved this:

------------------------------------------------------------------------------------------------------------------------------------

1.) I made sure everything was locked first, then I right clicked the stage.

2. ) Clicked "Document" (or Crtl+J)

3.) Then after that you get a pop up with one of the options... "stage size"   "_____x_____" <--enter your desired stage size

[I changed the units to inches to make things easier and then I played around by entering different numbers into the boxes until my stage was at the perfect size I needed]

4.) Click Ok

------------------------------------------------------------------------------------------------------------------------------------

Content stays the same. Stage size changes.

Hope this helps! : )

    valentines93173687
    valentines93173687
    Participant
    December 7, 2015

    Hey there, have same problem as you and find a solution for myself in this method —

    http://www.designtalkboard.com/tips/web/flash-move.php

    perhabs it'll help you too.

    Colin Holgate
    Colin Holgate
    Inspiring
    December 7, 2015

    I never saw this entertaining discussion three years ago. For what it's worth Flash Pro gained some features since then. Now you can resize the whole FLA and choose which direction the content is anchored, or whether the content itself is resized.

    adninjastrator
    adninjastrator
    Inspiring
    June 22, 2012

    Are you talking about doing this during development or later, after you publish?

    You may need to do this in two stages, first, you resize the Flash doc.

    Main menu.. Modify/Document and set your stage size.

    Then center your content as needed... the "Align and Transform" panel may be helpful.

    Best wishes,

    Adninjastrator

    G
    Gaby35Author
    Known Participant
    June 22, 2012

    No. This file is already created. The live (content area) is 1100 px wide, but it's floating withing a stage that is 1500 px wide. I designed it this way, because I wanted to see how it looks in a browser, with white space on each side. Now I would like to reduce the stage size to 1200 px wide. When I do that, the content does no longer float in the center. I cannot move the content over, because there are a lot of layers and keyframes. I thought I could shrink the stage ( and not the content), like it's done in Photoshop when you try to reduce the canvas size, and it asks you how to position the new canvas size. Would you know if there is a way of doing that?

    sinious
    sinious
    Legend
    June 23, 2012

    If you want the content to scale down as you reduce the size then use this actionscript code:

    import flash.display.StageScaleMode;

    stage.scaleMode = StageScaleMode.NO_BORDER;

    If you want it to stay centered but not scale try:

    import flash.display.StageScaleMode;

    import flash.display.StageAlign;

    stage.scaleMode = StageScaleMode.NO_SCALE;

    // now remove anything that looks like: stage.align = StageAlign.TOP_LEFT;

    Apps like Flash Builder can auto-set StageAlign.TOP_LEFT for you thinking that's what you want (because usually it is). If you don't specify a StageAlign but you do specify StageScaleMode.NO_SCALE, when you reduce size it will equally take width and height from the top bottom left and right.

    Be warned, this means your left edge will no longer be 0px nor will your top be 0px. If you had a (default doc size) of 550x400 and you resize to 450x300 (remove 100px from width and height) then your left edge would be half the amount removed, or 50px. As will your top edge be half the amount removed, or, 50px. This makes placing things difficult sometimes.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices